.learn-tai-chi{min-height:100vh;background:linear-gradient(180deg,#fafafa 0,#ffffff)}.learn-hero{background:linear-gradient(135deg,#004d4d,#009688);color:white;padding:clamp(4rem,8vw,6rem) 2rem;text-align:center;position:relative;overflow:hidden}.learn-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05) 0,transparent 50%);pointer-events:none}.learn-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.learn-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin:0 0 1.5rem;letter-spacing:-.02em;line-height:1.2}.learn-hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.7;opacity:.95;max-width:700px;margin:0 auto 2.5rem}.learn-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.learn-cta-button{padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;border:2px solid transparent;cursor:pointer}.learn-cta-button.primary{background:white;color:#009688;box-shadow:0 4px 12px rgba(0,0,0,.15)}.learn-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);background:#f5f5f5}.learn-cta-button.secondary{background:transparent;color:white;border-color:white}.learn-cta-button.secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.learn-section{padding:clamp(3rem,6vw,5rem) 2rem}.learn-container{max-width:1200px;margin:0 auto}.learn-section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;text-align:center;margin:0 0 1rem;color:#1a1a1a;letter-spacing:-.02em}.learn-section-subtitle{font-size:clamp(1rem,1.5vw,1.15rem);text-align:center;color:#4a5568;line-height:1.6;max-width:700px;margin:0 auto 3rem}.learn-paragraph{font-size:1.1rem;line-height:1.8;color:#2d3748;margin:0 0 1.5rem}.what-is-section{background:white}.what-is-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;margin-top:3rem}.what-is-text{display:flex;flex-direction:column}.tai-chi-symbol{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;max-width:400px;margin:0 auto}.yin-yang{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#ffffff 0,#f5f5f5);position:relative;box-shadow:0 10px 40px rgba(0,0,0,.1);animation:rotate 20s linear infinite}.yin-yang:after,.yin-yang:before{content:"";position:absolute;border-radius:50%;width:50%;height:50%}.yin-yang:before{top:0;background:#1a1a1a}.yin-yang:after,.yin-yang:before{left:50%;transform:translateX(-50%)}.yin-yang:after{bottom:0;background:white}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.benefits-section{background:linear-gradient(180deg,#f8f9fa 0,#ffffff)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.benefit-card{background:white;padding:2.5rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.08);border-color:rgba(0,150,136,.2)}.benefit-icon{font-size:3rem;margin-bottom:1rem;display:block}.benefit-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#1a1a1a}.benefit-description{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}.principles-section{background:white}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.principle-card{background:linear-gradient(135deg,#f8f9fa,#ffffff);padding:2rem;border-radius:12px;border-left:4px solid #009688;transition:all .3s ease}.principle-card:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(0,150,136,.1)}.principle-title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#1a1a1a}.principle-description{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}.getting-started-section{background:linear-gradient(180deg,#f8f9fa 0,#ffffff)}.getting-started-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.step-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;gap:1.5rem;align-items:flex-start;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#009688,#004d4d);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.step-content{flex:1 1}.step-title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:#1a1a1a}.step-description{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}.latest-blogs-section{background:white}.latest-blogs-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.blog-heading-link{text-decoration:none;color:inherit;display:block}.blog-heading-item{background:linear-gradient(90deg,#f8f9fa 0,#ffffff);padding:1.5rem 2rem;border-radius:12px;border-left:4px solid #009688;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.blog-heading-item:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(0,150,136,.15);background:linear-gradient(90deg,#f0f9f8 0,#ffffff);border-left-color:#004d4d}.blog-heading-title{font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:600;margin:0;color:#1a1a1a;line-height:1.4;flex:1 1;transition:color .3s ease}.blog-heading-item:hover .blog-heading-title{color:#009688}.blog-heading-date{font-size:.9rem;color:#718096;white-space:nowrap;flex-shrink:0}.blogs-loading{text-align:center;padding:3rem 0;color:#4a5568}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#009688;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(1turn)}}.blogs-empty{text-align:center;padding:3rem 0;color:#4a5568}.blogs-view-all{text-align:center;margin-top:3rem}.view-all-blogs-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#009688,#004d4d);color:white;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,150,136,.3)}.view-all-blogs-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,150,136,.4)}.view-all-blogs-btn svg{transition:transform .3s ease}.view-all-blogs-btn:hover svg{transform:translateX(4px)}.mobile-app-section{background:linear-gradient(135deg,#009688,#004d4d);color:white;padding:clamp(4rem,8vw,6rem) 2rem}.mobile-app-card{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.mobile-app-content{display:flex;flex-direction:column}.mobile-app-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.mobile-app-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin:0 0 1rem;letter-spacing:-.02em;line-height:1.2}.mobile-app-subtitle{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;margin:0 0 2rem;opacity:.95}.mobile-app-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:2.5rem}.app-feature{gap:.75rem;font-size:1rem}.app-feature,.feature-icon{display:flex;align-items:center}.feature-icon{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.app-download-buttons{display:flex;gap:1rem;flex-wrap:wrap}.app-download-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:white;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1 1;min-width:180px}.app-download-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.app-store-icon{width:32px;height:32px;flex-shrink:0}.app-btn-content{display:flex;flex-direction:column;align-items:flex-start}.app-btn-label{font-size:.75rem;opacity:.9;line-height:1}.app-btn-name{font-size:1.125rem;font-weight:700;line-height:1.2}.mobile-app-visual{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.phone-mockup:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:120px;height:25px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:1}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#009688,#004d4d);border-radius:32px;overflow:hidden;position:relative}.app-preview{width:100%;height:100%;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.app-header{width:100%;height:40px;background:rgba(255,255,255,.2);border-radius:8px}.app-content{display:flex;flex-direction:column;gap:1rem;flex:1 1}.app-card-preview{width:100%;height:80px;background:rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-section{background:linear-gradient(135deg,#004d4d,#009688);color:white;padding:clamp(4rem,8vw,6rem) 2rem}.cta-card{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin:0 0 1.5rem;letter-spacing:-.02em}.cta-description{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;margin:0 0 2.5rem;opacity:.95}.cta-buttons-group{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-button{display:inline-block;padding:1.25rem 3rem;background:white;color:#009688;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);background:#f5f5f5}.cta-app-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.cta-or{font-size:.9rem;opacity:.8}.cta-app-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:white;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease}.cta-app-link:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.cta-app-icon{width:20px;height:20px}@media screen and (max-width:768px){.what-is-content{grid-template-columns:1fr;gap:2rem}.tai-chi-symbol{max-width:300px}.benefits-grid,.getting-started-steps,.principles-grid{grid-template-columns:1fr}.learn-hero-buttons{flex-direction:column;align-items:stretch}.learn-cta-button{width:100%;justify-content:center}.mobile-app-card{grid-template-columns:1fr;gap:3rem;text-align:center}.mobile-app-visual{order:-1}.phone-mockup{width:240px;height:480px}.mobile-app-features{grid-template-columns:1fr;text-align:left}.app-download-buttons{flex-direction:column}.app-download-btn{width:100%;justify-content:center}.cta-app-links{flex-direction:column;gap:.75rem}}@media screen and (max-width:480px){.learn-section{padding:2rem 1rem}.benefit-card,.principle-card,.step-card{padding:1.5rem}.step-card{flex-direction:column;text-align:center}.step-number{margin:0 auto}.mobile-app-card{gap:2rem}.phone-mockup{width:200px;height:400px}.app-download-btn{min-width:100%}.mobile-app-features{gap:.75rem}.blog-heading-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem}.blog-heading-date{align-self:flex-start}}