.about-container{min-height:100vh;background:#121212;color:#fff;overflow-x:hidden;position:relative}.about-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(79,172,254,.04) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,242,254,.03) 0,transparent 40%),radial-gradient(circle at 30% 80%,rgba(79,172,254,.02) 0,transparent 60%);animation:subtleFloat 15s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes subtleFloat{0%,to{background:radial-gradient(circle at 20% 30%,rgba(79,172,254,.04) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,242,254,.03) 0,transparent 40%),radial-gradient(circle at 30% 80%,rgba(79,172,254,.02) 0,transparent 60%)}33%{background:radial-gradient(circle at 25% 35%,rgba(79,172,254,.05) 0,transparent 55%),radial-gradient(circle at 75% 25%,rgba(0,242,254,.04) 0,transparent 45%),radial-gradient(circle at 35% 75%,rgba(79,172,254,.03) 0,transparent 65%)}66%{background:radial-gradient(circle at 15% 25%,rgba(79,172,254,.03) 0,transparent 45%),radial-gradient(circle at 85% 30%,rgba(0,242,254,.05) 0,transparent 50%),radial-gradient(circle at 25% 85%,rgba(79,172,254,.04) 0,transparent 70%)}}.about-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(79,172,254,.08) 2px,transparent 0),radial-gradient(circle at 90% 40%,rgba(0,242,254,.06) 1.5px,transparent 0),radial-gradient(circle at 50% 80%,rgba(79,172,254,.05) 2.5px,transparent 0),radial-gradient(circle at 30% 10%,rgba(0,242,254,.07) 1px,transparent 0),radial-gradient(circle at 70% 60%,rgba(79,172,254,.09) 1.5px,transparent 0),radial-gradient(circle at 20% 70%,rgba(0,242,254,.04) 1px,transparent 0),radial-gradient(circle at 80% 10%,rgba(79,172,254,.06) .5px,transparent 0),radial-gradient(circle at 15% 45%,rgba(0,242,254,.08) .8px,transparent 0),radial-gradient(circle at 60% 25%,rgba(79,172,254,.05) .5px,transparent 0),radial-gradient(circle at 40% 90%,rgba(0,242,254,.07) .8px,transparent 0);background-size:400px 400px,350px 350px,500px 500px,250px 250px,300px 300px,280px 280px,150px 150px,180px 180px,160px 160px,200px 200px;animation:moveParticles1 35s linear infinite,moveParticles2 28s linear infinite,moveParticles3 42s linear infinite;pointer-events:none;z-index:0}@keyframes moveParticles1{0%{background-position:0 0,50% 50%,100% 0,25% 75%,75% 25%,0 100%,80% 10%,15% 45%,60% 25%,40% 90%;transform:translateY(0) translateX(0)}25%{background-position:10% 15%,60% 40%,90% 25%,15% 85%,85% 15%,10% 80%,75% 20%,25% 55%,50% 35%,30% 80%;transform:translateY(-8px) translateX(5px)}50%{background-position:20% 30%,70% 30%,80% 50%,5% 95%,95% 5%,20% 60%,70% 30%,35% 65%,40% 45%,20% 70%;transform:translateY(-12px) translateX(-3px)}75%{background-position:10% 45%,60% 70%,90% 75%,15% 5%,85% 85%,30% 40%,65% 40%,45% 75%,30% 55%,10% 60%;transform:translateY(-5px) translateX(8px)}to{background-position:0 60%,50% 90%,100% 100%,25% 15%,75% 95%,40% 20%,60% 50%,55% 85%,20% 65%,0 50%;transform:translateY(0) translateX(0)}}@keyframes moveParticles2{0%{background-position:20% 10%,80% 30%,40% 70%,60% 20%,30% 80%,70% 40%,90% 60%,10% 30%,50% 10%,80% 85%}33%{background-position:30% 25%,70% 45%,50% 85%,50% 35%,40% 65%,80% 25%,85% 75%,20% 45%,40% 25%,70% 70%}66%{background-position:40% 40%,60% 60%,60% 100%,40% 50%,50% 50%,90% 10%,80% 90%,30% 60%,30% 40%,60% 55%}to{background-position:20% 55%,80% 75%,40% 15%,60% 65%,30% 35%,70% 85%,90% 5%,10% 75%,50% 55%,80% 40%}}@keyframes moveParticles3{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-3px) translateX(2px) rotate(.5deg)}50%{transform:translateY(-6px) translateX(-1px) rotate(-.3deg)}75%{transform:translateY(-2px) translateX(4px) rotate(.8deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.about-hero{padding:80px 20px 60px;background:transparent;position:relative;overflow:hidden;text-align:center;z-index:1;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 30%,rgba(79,172,254,.1) 0,transparent 70%);pointer-events:none;z-index:-1}.hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.hero-icon{font-size:3rem;margin-bottom:20px;height:120px}.hero-icon,.orbit-container{display:flex;align-items:center;justify-content:center}.orbit-container{position:relative;width:100px;height:100px}.orbit-center{width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;box-shadow:0 0 20px rgba(79,172,254,.6);z-index:2}.orbit-ring{position:absolute;width:80px;height:80px;animation:rotate 8s linear infinite}.orbit-particle{position:absolute;width:8px;height:8px;background:#00f2fe;border-radius:50%;box-shadow:0 0 10px rgba(0,242,254,.8)}.orbit-particle-1{top:0;left:50%;transform:translateX(-50%);animation:particleGlow 2s ease-in-out infinite}.orbit-particle-2{top:50%;right:0;transform:translateY(-50%);animation:particleGlow 2s ease-in-out .6s infinite}.orbit-particle-3{bottom:0;left:50%;transform:translateX(-50%);animation:particleGlow 2s ease-in-out 1.2s infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particleGlow{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.3);box-shadow:0 0 15px #00f2fe}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.hero-title{font-size:2.8rem;font-weight:800;margin-bottom:18px;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:1.1rem;color:#aaa;line-height:1.6;max-width:550px;margin:0 auto}.features-section{padding:80px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp .6s ease-out .1s both}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#fff}.section-subtitle{font-size:1.1rem;color:#aaa;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card{background:#1e1e1e;border:1px solid #333;border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInLeft .5s ease-out;animation-fill-mode:both}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.25s}.feature-card:nth-child(5){animation-delay:.3s}.feature-card:nth-child(6){animation-delay:.35s}.feature-card:nth-child(7){animation-delay:.4s}.feature-card:nth-child(8){animation-delay:.45s}.feature-card:nth-child(9){animation-delay:.5s}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:#4facfe;transform:translateY(-8px);box-shadow:0 12px 40px rgba(79,172,254,.15)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3rem;margin-bottom:20px;padding:20px;border-radius:16px;display:inline-block;transition:transform .3s ease}.tech-icon{background:rgba(79,172,254,.1)}.design-icon{background:hsla(0,100%,71%,.1)}.cloze-icon{background:rgba(255,193,7,.1)}.mobile-icon{background:rgba(40,167,69,.1)}.progress-icon{background:rgba(156,39,176,.1)}.organize-icon{background:rgba(255,152,0,.1)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-content h3{font-size:1.4rem;font-weight:600;margin-bottom:16px;color:#fff}.feature-content p{font-size:1rem;color:#ccc;line-height:1.6;margin:0}.how-it-works-section{padding:80px 20px;background:transparent;position:relative;z-index:1;animation:fadeInUp .6s ease-out .2s both}.steps-container{max-width:1000px;margin:0 auto}.step-item{display:grid;grid-template-columns:80px 1fr 200px;gap:40px;align-items:center;margin-bottom:80px;position:relative;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.step-item:first-child{animation-delay:.1s}.step-item:nth-child(2){animation-delay:.2s}.step-item:nth-child(3){animation-delay:.3s}.step-item.reverse{grid-template-columns:80px 1fr 200px}.step-item.reverse .step-visual{order:1;grid-column:3}.step-item.reverse .step-content{order:0;grid-column:2}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 15px rgba(79,172,254,.3)}.step-content h3{font-size:1.8rem;font-weight:600;margin-bottom:16px;color:#fff}.step-content p{font-size:1.1rem;color:#aaa;line-height:1.6;margin:0}.step-visual{display:flex;align-items:center;justify-content:center;padding:20px}.mock-card{background:#2a2a2a;border-radius:12px;padding:20px;width:150px;border:1px solid #333}.mock-text-line{height:8px;background:#4facfe;border-radius:4px;margin-bottom:12px}.mock-text-line.long{width:100%}.mock-text-line.medium{width:75%}.mock-text-line.short{width:50%}.difficulty-buttons-demo{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:160px}.demo-btn{padding:8px 12px;border-radius:6px;font-size:.8rem;text-align:center;font-weight:600}.demo-btn.again{background:#dc3545;color:#fff}.demo-btn.hard{background:#ffc107;color:#000}.demo-btn.good{background:#17a2b8;color:#fff}.demo-btn.easy{background:#28a745;color:#fff}.progress-demo{width:180px}.progress-bar-demo{height:8px;background:#333;border-radius:4px;margin-bottom:20px;overflow:hidden}.progress-fill-demo{height:100%;width:75%;background:linear-gradient(135deg,#4facfe,#00f2fe);animation:fillProgress 2s ease-in-out infinite}@keyframes fillProgress{0%,to{width:75%}50%{width:85%}}.stats-demo{display:flex;flex-direction:column;gap:8px}.stat-demo{font-size:.8rem;color:#aaa;display:flex;align-items:center;gap:6px}.card-types-section{padding:80px 20px;background:transparent;position:relative;z-index:1;animation:fadeInUp .6s ease-out .3s both}.card-types-section .section-header{text-align:center;margin-bottom:60px}.card-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}.card-type-item{background:#1e1e1e;border:1px solid #333;border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInLeft .5s ease-out;animation-fill-mode:both}.card-type-item:first-child{animation-delay:.1s}.card-type-item:nth-child(2){animation-delay:.15s}.card-type-item:nth-child(3){animation-delay:.2s}.card-type-item:nth-child(4){animation-delay:.25s}.card-type-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:opacity .3s ease}.card-type-item:hover{border-color:#4facfe;transform:translateY(-6px);box-shadow:0 8px 30px rgba(79,172,254,.15)}.card-type-item:hover:before{opacity:1}.card-type-icon{font-size:3rem;margin-bottom:20px;display:inline-block;padding:20px;border-radius:50%;background:rgba(79,172,254,.1);transition:transform .3s ease}.card-type-item:hover .card-type-icon{transform:scale(1.1)}.card-type-item h4{font-size:1.3rem;font-weight:600;margin-bottom:16px;color:#fff}.card-type-item p{font-size:1rem;color:#ccc;line-height:1.6;margin:0}.science-section{padding:80px 20px;background:transparent;position:relative;overflow:hidden;z-index:1;animation:fadeInUp .6s ease-out .4s both}.science-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(79,172,254,.1) 0,transparent 60%);pointer-events:none;z-index:-1}.science-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:center;position:relative;z-index:1}.science-text h2{font-size:2.5rem;font-weight:700;margin-bottom:24px;color:#fff}.science-text p{font-size:1.2rem;color:#aaa;line-height:1.7;margin-bottom:40px}.science-stats{display:flex;gap:40px}.science-stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:#4facfe;margin-bottom:8px}.stat-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.brain-diagram{position:relative;width:200px;height:200px;margin:0 auto}.brain-section{position:absolute;border-radius:50%;background:rgba(79,172,254,.2)}.section-1{width:80px;height:80px;top:20px;left:40px;animation:brainPulse 3s ease-in-out infinite}.section-2{width:60px;height:60px;top:60px;right:20px;animation:brainPulse 3s ease-in-out 1s infinite}.section-3{width:70px;height:70px;bottom:20px;left:60px;animation:brainPulse 3s ease-in-out 2s infinite}@keyframes brainPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.brain-waves{position:absolute;width:100%;height:100%}.wave{position:absolute;border:2px solid #4facfe;border-radius:50%;opacity:0;animation:waveExpand 4s ease-out infinite}.wave-1{width:100px;height:100px;top:50px;left:50px}.wave-2{width:150px;height:150px;top:25px;left:25px;animation-delay:1.3s}.wave-3{width:200px;height:200px;top:0;left:0;animation-delay:2.6s}@keyframes waveExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.2);opacity:0}}.advanced-features-section{padding:80px 20px;background:transparent;position:relative;z-index:1;animation:fadeInUp .6s ease-out .5s both}.advanced-features-section .section-header{text-align:center;margin-bottom:60px}.advanced-features-list{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px}.advanced-feature{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInLeft .5s ease-out;animation-fill-mode:both}.advanced-feature:first-child{animation-delay:.1s}.advanced-feature:nth-child(2){animation-delay:.15s}.advanced-feature:nth-child(3){animation-delay:.2s}.advanced-feature:nth-child(4){animation-delay:.25s}.advanced-feature:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:opacity .3s ease}.advanced-feature:hover{border-color:#4facfe;transform:translateX(8px);box-shadow:0 4px 20px rgba(79,172,254,.1)}.advanced-feature:hover:before{opacity:1}.feature-highlight{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:rgba(79,172,254,.1);flex-shrink:0;transition:transform .3s ease}.advanced-feature:hover .feature-highlight{transform:scale(1.1)}.feature-desc{flex:1;font-size:1rem;color:#ccc;line-height:1.6}.feature-desc strong{color:#fff;font-weight:600}.cta-section{padding:80px 20px;background:transparent;text-align:center;position:relative;z-index:1;animation:fadeInUp .6s ease-out .6s both}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff}.cta-content p{font-size:1.2rem;color:#aaa;line-height:1.6;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center}.cta-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(79,172,254,.3)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,172,254,.4)}.cta-secondary{background:transparent;color:#4facfe;border:2px solid #4facfe;border-radius:50px;padding:14px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-secondary:hover{background:rgba(79,172,254,.1);transform:translateY(-2px)}@media (max-width:768px){.hero-title{font-size:2.2rem}.section-title{font-size:2rem}.card-types-grid,.features-grid{grid-template-columns:1fr;gap:24px}.step-item{text-align:center;gap:20px}.step-item,.step-item.reverse{grid-template-columns:1fr}.step-item.reverse .step-visual{order:0}.science-content{grid-template-columns:1fr;text-align:center;gap:40px}.science-stats{justify-content:center}.cta-buttons{flex-direction:column;align-items:center}.advanced-feature{flex-direction:column;text-align:center;gap:16px}.feature-highlight{width:50px;height:50px;font-size:2rem}.about-container:after{animation-duration:35s,28s,50s;background-size:300px 300px,250px 250px,350px 350px,200px 200px,220px 220px,180px 180px,120px 120px,140px 140px,130px 130px,150px 150px}}@media (max-width:480px){.hero-title,.section-title{font-size:1.8rem}.feature-card{padding:24px}.card-type-item{padding:24px 20px}.card-type-icon{font-size:2.5rem;padding:16px}.science-stats{flex-direction:column;gap:20px}.about-hero{padding:60px 15px 40px}.advanced-features-section,.card-types-section,.cta-section,.features-section,.how-it-works-section,.science-section{padding:60px 15px}.advanced-feature{padding:20px}.feature-desc{font-size:.9rem}.about-container:before{animation-duration:25s}.about-container:after{background-size:200px 200px,180px 180px,250px 250px,150px 150px,160px 160px,140px 140px,100px 100px,110px 110px,105px 105px,120px 120px;animation-duration:60s,45s,65s}}@media (prefers-reduced-motion:reduce){.about-container:after,.about-container:before,.about-hero,.advanced-feature,.advanced-features-section,.card-type-item,.card-types-section,.cta-section,.feature-card,.features-section,.how-it-works-section,.orbit-container,.orbit-particle-1,.orbit-particle-2,.orbit-particle-3,.orbit-ring,.science-section,.step-item{animation:none}.advanced-feature:hover,.card-type-item:hover,.cta-primary:hover,.cta-secondary:hover,.feature-card:hover{transform:none}}.hiw-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:3.5rem;align-items:center;max-width:1080px;margin:0 auto}.hiw-image{position:relative;border-radius:1.25rem;padding:1px;background:linear-gradient(135deg,rgba(79,172,254,.6),rgba(0,242,254,.25) 40%,hsla(0,0%,100%,.06) 70%);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(79,172,254,.12)}.hiw-image img{display:block;width:100%;height:auto;border-radius:calc(1.25rem - 1px)}.hiw-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2.25rem;position:relative}.hiw-steps:before{content:"";position:absolute;left:25px;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,rgba(79,172,254,.55),rgba(0,242,254,.12));z-index:0}.hiw-step{display:flex;gap:1.25rem;position:relative;z-index:1}.hiw-step-icon{width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;color:#06121f;box-shadow:0 10px 28px rgba(79,172,254,.3);transition:transform .25s ease,box-shadow .25s ease}.hiw-step:hover .hiw-step-icon{transform:translateY(-3px);box-shadow:0 14px 34px rgba(79,172,254,.45)}.hiw-step-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#4facfe;margin-bottom:.4rem}.hiw-step-body h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.hiw-step-body p{color:#a1a1aa;line-height:1.65;margin:0;max-width:46ch}@media (max-width:860px){.hiw-layout{grid-template-columns:1fr;gap:2.5rem}}@media (prefers-reduced-motion:reduce){.hiw-step-icon{transition:none}}.card-type-item .card-type-icon{width:56px;height:56px;padding:0;margin:0 auto 20px;border-radius:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#06121f;display:flex;align-items:center;justify-content:center;font-size:0;box-shadow:0 10px 28px rgba(79,172,254,.25)}.card-type-item:hover{transform:translateY(-4px);border-color:rgba(79,172,254,.4);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 40px rgba(79,172,254,.1)}.card-type-item:hover .card-type-icon{transform:translateY(-2px) scale(1.05)}.features-section .feature-icon{width:56px;height:56px;padding:0;font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#4facfe,#00f2fe)!important;color:#06121f;box-shadow:0 10px 28px rgba(79,172,254,.25)}.card-types-section .card-types-grid{grid-template-columns:repeat(4,1fr);max-width:1120px}@media (max-width:980px){.card-types-section .card-types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.card-types-section .card-types-grid{grid-template-columns:1fr}}