:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #060709;--bg-card: rgba(16, 18, 26, .75);--bg-card-solid: #10121a;--bg-card-hover: rgba(24, 27, 40, .9);--bg-subtle: rgba(255, 255, 255, .035);--bg-input: rgba(11, 13, 19, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(255, 255, 255, .18);--border-accent: rgba(59, 130, 246, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .28);--accent-light: #60a5fa;--accent-cyan: #38bdf8;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-coral: #ef4444;--accent-yellow: #f59e0b;--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-card: 0 16px 40px rgba(0, 0, 0, .4);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-main)}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}.site-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:column}.ambient-glow-top{position:absolute;top:-240px;left:50%;transform:translate(-50%);width:1000px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,rgba(139,92,246,.08) 35%,transparent 70%);pointer-events:none;z-index:0}.ambient-glow-bottom{position:absolute;bottom:0;right:0;width:800px;height:550px;background:radial-gradient(circle,rgba(56,189,248,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.header-nav{position:sticky;top:0;z-index:100;background:#060709d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand-logo{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.04em;color:var(--text-main)}.app-icon-img{width:36px;height:36px;border-radius:9px;object-fit:cover;box-shadow:0 4px 16px var(--accent-glow),0 0 0 1px #ffffff26;display:block}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;font-weight:600;color:var(--text-muted);padding:8px 0;position:relative;letter-spacing:-.01em}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent)}.nav-actions{display:flex;align-items:center;gap:14px}.appstore-btn{display:inline-flex;align-items:center;gap:8px;background:var(--text-main);color:#060709;font-size:13px;font-weight:700;padding:9px 18px;border-radius:var(--radius-sm);transition:transform .2s,box-shadow .2s}.appstore-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ffffff38}.menu-toggle{display:none;padding:8px;color:var(--text-main)}.hero-section{position:relative;z-index:1;max-width:1260px;margin:0 auto;padding:80px max(5vw,24px) 60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:#3b82f61a;border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--accent-light);letter-spacing:.03em;margin-bottom:24px}.pulse-dot{width:7px;height:7px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.hero-title{font-size:clamp(42px,5.2vw,74px);line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-bottom:22px}.hero-title em{font-style:normal;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title .highlight{color:var(--accent-light);-webkit-text-fill-color:var(--accent-light)}.hero-subtitle{font-size:clamp(16px,1.35vw,19px);color:var(--text-muted);line-height:1.65;max-width:580px;margin-bottom:34px}.hero-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;font-size:14px;font-weight:700;padding:14px 24px;border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--accent-glow);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f673}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-main);font-size:14px;font-weight:600;padding:14px 22px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff14;border-color:var(--border-glow)}.hero-meta{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-weight:500}.interactive-simulator{position:relative;display:flex;flex-direction:column;align-items:center;min-height:520px;width:100%}.simulator-mode-tabs{display:inline-flex;background:#ffffff0f;border:1px solid var(--border-subtle);padding:4px;border-radius:var(--radius-full);margin-bottom:20px;gap:4px;z-index:2}.mode-tab-btn{padding:6px 14px;font-size:12px;font-weight:700;border-radius:var(--radius-full);color:var(--text-muted);transition:all .2s}.mode-tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.simulator-glow{position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.28) 0%,rgba(139,92,246,.15) 50%,transparent 80%);filter:blur(60px);pointer-events:none}.flashcard-wrapper{position:relative;width:360px;max-width:100%;z-index:2}.flashcard-main{background:var(--bg-card-solid);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-lg);position:relative;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;-webkit-user-select:none;user-select:none}.flashcard-main:hover{transform:translateY(-3px);box-shadow:0 30px 70px #000000b3,0 0 0 1px #ffffff29}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.deck-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);background:#3b82f61f;border:1px solid rgba(59,130,246,.25);padding:4px 10px;border-radius:var(--radius-full)}.card-index{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.card-content-box{min-height:190px;display:flex;flex-direction:column;justify-content:center;text-align:center;margin-bottom:20px}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:8px}.card-front-word{font-size:32px;font-weight:800;letter-spacing:-.04em;color:var(--text-main);margin-bottom:6px}.card-phonetic{font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan);margin-bottom:12px}.card-back-definition{font-size:14px;color:var(--text-muted);line-height:1.55;background:#ffffff0a;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);animation:fadeIn .3s ease}.card-flip-prompt{font-size:12px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:6px}.rating-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;animation:fadeIn .3s ease}.rate-btn{padding:10px 6px;font-size:11px;font-weight:700;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s}.rate-btn.hard{background:#ef44441f;color:var(--accent-coral);border:1px solid rgba(239,68,68,.3)}.rate-btn.good{background:#3b82f61f;color:var(--accent-light);border:1px solid rgba(59,130,246,.3)}.rate-btn.easy{background:#10b9811f;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.rate-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.rate-btn span{font-size:9px;opacity:.75;font-family:var(--font-mono)}.test-options-grid{display:flex;flex-direction:column;gap:8px;margin-top:12px}.test-opt-btn{padding:10px 14px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);text-align:left;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.test-opt-btn:hover{background:#ffffff14;border-color:var(--border-glow)}.test-opt-btn.correct{background:#10b98126;border-color:var(--accent-green);color:#fff}.test-opt-btn.wrong{background:#ef444426;border-color:var(--accent-coral);color:#fff}.features-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff04;padding:20px max(5vw,24px);display:flex;justify-content:center;gap:40px;flex-wrap:wrap;position:relative;z-index:1}.strip-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.strip-item svg{color:var(--accent-light)}.section-container{max-width:1260px;margin:0 auto;padding:100px max(5vw,24px);position:relative;z-index:1}.section-kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-light);margin-bottom:14px;font-weight:600}.section-title{font-size:clamp(34px,4.2vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:20px}.section-title em{font-style:normal;color:var(--text-muted)}.section-desc{font-size:17px;color:var(--text-muted);max-width:650px;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:56px}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px 28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-glow);background:var(--bg-card-hover);box-shadow:0 16px 40px #0006}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);display:grid;place-items:center;color:var(--accent-light);margin-bottom:24px}.feature-card h3{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.forecast-card-preview{background:var(--bg-card-solid);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:32px;margin-top:40px;box-shadow:var(--shadow-card)}.forecast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.forecast-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:flex-end;height:160px;padding:10px 0 20px;border-bottom:1px solid var(--border-subtle)}.forecast-bar-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:8px}.forecast-bar-fill{width:100%;max-width:38px;background:linear-gradient(180deg,var(--accent-light) 0%,var(--accent) 100%);border-radius:6px 6px 2px 2px;transition:height .6s cubic-bezier(.16,1,.3,1);position:relative}.forecast-bar-fill:hover{filter:brightness(1.25)}.forecast-bar-day{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.forecast-bar-val{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:600}.stats-banner{background:linear-gradient(135deg,#3b82f614,#8b5cf60f);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;margin-top:50px}.stat-item h3{font-size:clamp(28px,3.5vw,44px);font-weight:800;color:var(--text-main);letter-spacing:-.04em;margin-bottom:4px}.stat-item p{font-size:13px;color:var(--text-muted);font-weight:500}.how-section{background:#080a0e;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.how-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.steps-list{display:flex;flex-direction:column;gap:18px}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;display:flex;gap:20px;align-items:flex-start;transition:border-color .2s}.step-card:hover{border-color:var(--border-glow)}.step-num{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent-light);background:#3b82f61f;padding:6px 10px;border-radius:8px}.step-body h4{font-size:16px;font-weight:700;margin-bottom:6px}.step-body p{font-size:13px;color:var(--text-muted);line-height:1.55}.cta-box{background:radial-gradient(circle at 50% 0%,#3b82f62e,#10121af2 75%);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:65px 40px;text-align:center;box-shadow:var(--shadow-lg)}.cta-box h2{font-size:clamp(32px,4.2vw,52px);font-weight:800;letter-spacing:-.04em;margin-bottom:16px}.cta-box p{font-size:16px;color:var(--text-muted);max-width:520px;margin:0 auto 32px}.legal-page{max-width:920px;margin:0 auto;padding:80px max(5vw,24px) 120px;position:relative;z-index:1}.legal-header{margin-bottom:40px;border-bottom:1px solid var(--border-subtle);padding-bottom:30px}.legal-title{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.04em;margin:12px 0 16px}.legal-updated{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.legal-lead{font-size:17px;color:var(--text-muted);line-height:1.65;margin-top:16px}.legal-content{display:flex;flex-direction:column;gap:32px}.legal-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px}.legal-section h3{font-size:19px;font-weight:700;margin-bottom:12px;color:var(--text-main);display:flex;align-items:center;gap:10px}.legal-section p,.legal-section li{font-size:14px;color:var(--text-muted);line-height:1.7}.legal-section ul{padding-left:20px;margin:12px 0;display:flex;flex-direction:column;gap:6px}.legal-section a{color:var(--accent-light);text-decoration:underline;text-underline-offset:4px}.callout-box{background:#3b82f614;border-left:3px solid var(--accent);padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:16px 0}.support-hero{text-align:center;max-width:700px;margin:0 auto 50px}.support-search{margin:24px auto 0;max-width:500px;position:relative}.support-search input{width:100%;padding:14px 20px 14px 44px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.support-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.support-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.faq-list{display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--border-glow)}.faq-item summary{padding:20px 24px;font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-content{padding:16px 24px 20px;font-size:14px;color:var(--text-muted);line-height:1.65;border-top:1px solid var(--border-subtle)}.contact-card{background:var(--bg-card-solid);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:32px;height:fit-content;position:sticky;top:100px}.contact-card h3{font-size:20px;font-weight:800;margin-bottom:10px}.contact-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.contact-email-badge{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-mono);font-size:13px;color:var(--accent-light);margin-bottom:16px}.copy-btn{font-size:11px;color:var(--text-muted);padding:4px 8px;border-radius:6px;background:#ffffff14}.copy-btn:hover{color:var(--text-main);background:#ffffff26}.site-footer{margin-top:auto;border-top:1px solid var(--border-subtle);background:#040507;padding:60px max(5vw,24px) 40px;position:relative;z-index:1}.footer-inner{max-width:1260px;margin:0 auto 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-col h5{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);margin-bottom:16px}.footer-col a{display:block;font-size:13px;color:var(--text-muted);margin-bottom:10px}.footer-col a:hover{color:var(--accent-light)}.footer-brand p{font-size:13px;color:var(--text-muted);max-width:280px;margin-top:12px}.footer-bottom{max-width:1260px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-dim);flex-wrap:wrap;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.hero-section{grid-template-columns:1fr;padding-top:50px;gap:40px}.how-split,.support-grid{grid-template-columns:1fr}.stats-banner,.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:640px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#080a0e;border-bottom:1px solid var(--border-subtle);padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.nav-links.open{display:flex}.menu-toggle{display:block}.features-strip{justify-content:flex-start;gap:20px}.stats-banner,.footer-inner{grid-template-columns:1fr}}