:root{--primary:#6366f1;--primary-glow:#6366f180;--secondary:#a855f7;--accent:#f43f5e;--bg-dark:#030712;--card-bg:#111827b3;--glass-border:#ffffff1a;--text-primary:#f9fafb;--text-secondary:#9ca3af;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--gradient-mesh:radial-gradient(at 0% 0%, #100f15 0, transparent 50%), radial-gradient(at 50% 0%, #2f3e6a 0, transparent 50%), radial-gradient(at 100% 0%, #722741 0, transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);background-image:var(--gradient-mesh);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}.container{max-width:1200px;margin:0 auto;padding:0 24px}nav{z-index:1000;padding:24px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#030712cc;padding:16px 0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-1px;color:#fff;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo img{width:40px;height:40px;box-shadow:0 4px 20px var(--primary-glow);border-radius:10px}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}section{padding:100px 0}.hero{text-align:center;padding-top:200px;padding-bottom:120px;position:relative}.hero h1{letter-spacing:-4px;-webkit-text-fill-color:transparent;background:linear-gradient(to bottom right,#fff 30%,#94a3b8);-webkit-background-clip:text;background-clip:text;margin-bottom:32px;padding-bottom:.1em;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:1.2}.hero p{color:var(--text-secondary);max-width:700px;margin:0 auto 56px;font-size:clamp(18px,2vw,22px);line-height:1.6}.btn-group{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{border-radius:20px;align-items:center;gap:12px;padding:18px 36px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 40px -10px var(--primary-glow)}.btn-primary:hover{box-shadow:0 20px 40px -10px var(--primary-glow);transform:translateY(-4px)}.btn-secondary{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-4px)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:80px;display:grid}.feature-card{text-align:left;padding:48px;transition:all .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-12px)}.feature-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:32px;font-size:28px;display:flex}.feature-card h3{letter-spacing:-.5px;margin-bottom:20px;font-size:28px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:17px;line-height:1.7}.idiom-preview{margin-top:100px;text-align:center;max-width:600px;margin-inline:auto;padding:40px}.idiom-text{color:var(--primary);margin-bottom:16px;font-size:32px;font-weight:800}.idiom-meaning{color:var(--text-primary);margin-bottom:24px;font-size:18px}footer{border-top:1px solid var(--glass-border);margin-top:120px;padding:100px 0 60px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.copyright{color:var(--text-secondary);font-size:15px}@media (width<=768px){.hero h1{letter-spacing:-2px;font-size:56px}.nav-links{display:none}.btn{justify-content:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.hero-image{border-radius:40px;max-width:100%;height:auto;margin-top:80px;box-shadow:0 40px 100px -20px #00000080}