@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", sans-serif;--bg-dark:#0a0a0f;--bg-card:#ffffff08;--bg-card-hover:#ffffff14;--primary:#7928ca;--primary-glow:#7928ca80;--secondary:#ff0080;--secondary-glow:#ff008080;--accent:#00dfd8;--text-main:#fff;--text-muted:#a1a1aa;--border-color:#ffffff1a;--border-light:#fff3;--glass-bg:#0a0a0fb3;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--container-width:1200px;--padding-x:2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-width);padding:0 var(--padding-x);margin:0 auto}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg, var(--accent), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-outline{color:#fff;border:1px solid var(--border-light);background:0 0}.btn-outline:hover{background:var(--bg-card);border-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #7928ca00}to{box-shadow:0 0 #7928ca00}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem;padding:2rem;transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-5px)}.navbar{z-index:1000;background:0 0;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);background:#0a0a0fd9;padding:1rem 0;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:.75rem;display:flex}.logo-text{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.navbar-links{gap:2rem;display:flex}.nav-link{color:var(--text-muted);font-size:1rem;font-weight:500;transition:color .2s;position:relative}.nav-link:hover{color:var(--text-main)}.nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}@media (width<=768px){.navbar-links{display:none}}.hero{align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-sphere{filter:blur(100px);opacity:.5;border-radius:50%;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute}.sphere-1{background:var(--primary-glow);width:50vw;height:50vw;top:-10%;left:-10%}.sphere-2{background:var(--secondary-glow);width:60vw;height:60vw;animation-delay:-4s;bottom:-20%;right:-10%}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-badge{border:1px solid var(--primary-glow);color:var(--primary);background:#7928ca1a;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-icon{color:var(--primary)}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:4.5rem}.hero-description{color:var(--text-muted);max-width:90%;margin-bottom:2.5rem;font-size:1.25rem}.hero-actions{gap:1rem;margin-bottom:3rem;display:flex}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero-stats{border-top:1px solid var(--border-light);align-items:center;gap:2rem;padding-top:2rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-value{font-size:2rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.stat-divider{background:var(--border-light);width:1px;height:40px}.animate-delay{animation-delay:.2s}.hero-visual{width:100%;position:relative}.visual-wrapper{width:100%;max-width:500px;margin:0 auto;position:relative}.mockup-frame{box-shadow:0 25px 50px -12px #00000080, 0 0 40px var(--primary-glow);background:#141419cc;border:1px solid #ffffff1a;padding:0;overflow:hidden}.mockup-header{background:#0003;border-bottom:1px solid #ffffff0d;align-items:center;padding:1rem;display:flex}.mockup-dots{gap:.4rem;display:flex}.mockup-dots span{background:#ff5f56;border-radius:50%;width:10px;height:10px}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27c93f}.mockup-title{text-align:center;color:var(--text-muted);flex:1;font-size:.875rem;font-weight:500}.mockup-body{padding:2rem}.word-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem}.word-header{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.word-header h2{margin:0;font-size:2rem}.phonetic{color:var(--primary);font-family:monospace}.word-meaning{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.progress-bar-container{margin-bottom:1.5rem}.progress-label{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.progress-track{background:#ffffff1a;border-radius:9999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:9999px;height:100%}.mt-4{margin-top:1rem}.full-width{width:100%}.floating-badge{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:1rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;position:absolute;box-shadow:0 10px 25px #0003}.badge-1{background:#7928ca26;animation:5s ease-in-out 1s infinite float;bottom:20%;left:-15%}.badge-2{background:#ff008026;animation:4s ease-in-out .5s infinite float;top:15%;right:-10%}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-description{margin:0 auto 2.5rem}.hero-actions,.hero-stats{justify-content:center}.badge-1{left:0}.badge-2{right:0}}@media (width<=576px){.hero-title{font-size:3rem}.hero-actions{flex-direction:column}}.features{padding:8rem 0;position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-title{margin-bottom:1rem;font-size:3rem}.section-subtitle{color:var(--text-muted);font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{flex-direction:column;align-items:flex-start;transition:transform .3s,box-shadow .3s;display:flex}.feature-icon-wrapper{background:var(--icon-bg);width:64px;height:64px;color:var(--icon-color);box-shadow:0 0 20px var(--icon-bg);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-title{margin-bottom:1rem;font-size:1.5rem}.feature-description{color:var(--text-muted);line-height:1.6}@media (width<=768px){.section-title{font-size:2.5rem}}.ai-companion{padding:8rem 0;position:relative;overflow:hidden}.companion-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.companion-visual{width:100%;position:relative}.canvas-wrapper{background:radial-gradient(circle,#7928ca26 0%,#0a0a0fcc 100%);border:1px solid #ffffff1a;border-radius:2rem;width:100%;height:500px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 40px #7928ca1a}.loading-model{color:var(--primary);font-weight:600;animation:2s infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.companion-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.status-dot{background-color:#27c93f;border-radius:50%;width:8px;height:8px;animation:2s infinite alternate pulse-glow;box-shadow:0 0 10px #27c93f}.companion-content{padding-right:2rem}.companion-description{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7}.companion-features{flex-direction:column;gap:2rem;list-style:none;display:flex}.companion-features li{align-items:flex-start;gap:1.5rem;display:flex}.feature-icon{width:48px;height:48px;color:var(--primary);background:#7928ca1a;border:1px solid #7928ca33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.companion-features h4{color:#fff;margin-bottom:.5rem;font-size:1.25rem}.companion-features p{color:var(--text-muted);margin:0;line-height:1.5}@media (width<=992px){.companion-container{grid-template-columns:1fr}.companion-content{order:-1;padding-right:0}.canvas-wrapper{height:400px}}.journey{background:linear-gradient(180deg, var(--bg-dark) 0%, #7928ca0d 50%, var(--bg-dark) 100%);padding:8rem 0}.journey-timeline{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex;position:relative}.journey-step{z-index:2;align-items:center;gap:2rem;display:flex;position:relative}.step-number{color:#ffffff0d;z-index:-1;pointer-events:none;font-size:4rem;font-weight:800;position:absolute;top:-1rem;left:-2rem}.step-icon{background:var(--bg-dark);border:2px solid var(--primary);width:60px;height:60px;color:var(--primary);box-shadow:0 0 20px var(--primary-glow);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{flex:1;padding:2rem}.step-content h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.step-content p{color:var(--text-muted);margin:0}.step-connector{background:linear-gradient(180deg, var(--primary) 0%, #7928ca33 100%);z-index:1;width:2px;position:absolute;top:60px;bottom:-40px;left:30px}.journey-step:nth-child(2n){flex-direction:row-reverse}.journey-step:nth-child(2n) .step-number{left:auto;right:-2rem}.journey-step:nth-child(2n) .step-connector{left:auto;right:30px}@media (width<=768px){.journey-step,.journey-step:nth-child(2n){flex-direction:column;align-items:flex-start;gap:1rem}.step-connector,.journey-step:nth-child(2n) .step-connector{display:none}.step-number,.journey-step:nth-child(2n) .step-number{left:0;right:auto}}.stats{padding:8rem 0}.stats-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.stats-description{color:var(--text-muted);max-width:90%;margin-bottom:3rem;font-size:1.125rem}.stats-list{flex-direction:column;gap:2rem;list-style:none;display:flex}.stats-list li{align-items:flex-start;gap:1.5rem;display:flex}.stats-icon-wrapper{width:48px;height:48px;color:var(--primary);background:#7928ca1a;border:1px solid #7928ca33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-list h4{margin-bottom:.5rem;font-size:1.25rem}.stats-list p{color:var(--text-muted);margin:0}.stats-visual{position:relative}.visual-card{z-index:2;position:relative}.visual-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#7928ca26 0%,#0000 70%);width:140%;height:140%;position:absolute;top:-20%;right:-20%}.visual-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.visual-card-header h3{margin:0;font-size:1.5rem}.badge{border:1px solid var(--primary-glow);color:var(--text-main);background:linear-gradient(135deg,#7928ca33,#ff008033);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.stat-box{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.stat-box-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-box-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.achievements-section h4{color:var(--text-muted);margin-bottom:1rem;font-size:1.125rem}.achievements-list{flex-direction:column;gap:1rem;display:flex}.achievement-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,background .2s;display:flex}.achievement-item:hover{background:#ffffff0d;transform:translate(5px)}.achievement-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.achievement-icon.gold{color:#ffbd2e;background:#ffbd2e1a;box-shadow:0 0 15px #ffbd2e33}.achievement-icon.silver{color:#a1a1aa;background:#a1a1aa1a}.achievement-info{flex-direction:column;display:flex}.achievement-title{font-size:1rem;font-weight:600}.achievement-desc{color:var(--text-muted);font-size:.875rem}@media (width<=992px){.stats-container{grid-template-columns:1fr}}.cta{padding:8rem 0}.cta-card{text-align:center;background:linear-gradient(135deg,#7928ca1a,#ff00800d);padding:4rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.cta-title{margin-bottom:1.5rem;font-size:3.5rem}.cta-description{color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.cta-actions{flex-direction:column;align-items:center;gap:2rem;display:flex}.cta-btn{border-radius:1rem;flex-direction:column;padding:1rem 3rem;display:flex}.btn-subtext{opacity:.8;margin-top:.25rem;font-size:.75rem;font-weight:400}.mobile-soon{background:#ffffff08;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.mobile-text{color:var(--text-muted);flex-direction:column;align-items:flex-start;font-size:.875rem;display:flex}.coming-soon-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}@media (width<=768px){.cta-title{font-size:2.5rem}}.footer{border-top:1px solid var(--border-light);background:var(--bg-dark);padding:4rem 0 2rem}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand{max-width:400px}.footer-logo{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.logo-icon-img{object-fit:contain;width:44px;height:44px;filter:drop-shadow(0 0 8px var(--primary-glow));border-radius:50%}.footer-description{color:var(--text-muted);font-size:.875rem;line-height:1.6}.footer-title{color:#fff;margin-bottom:1.5rem;font-size:1rem}.footer-links-group{flex-direction:column;gap:1rem;display:flex}.footer-links-group a{color:var(--text-muted);font-size:.875rem;transition:color .2s}.footer-links-group a:hover{color:var(--primary)}.social-links{gap:1rem;display:flex}.social-links a{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.875rem;display:flex}.footer-legal{gap:2rem;display:flex}.footer-legal a:hover{color:#fff}@media (width<=768px){.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}