:root{--bg:#07101f;--panel:#101a2d;--panel2:#0c1527;--text:#f5f8ff;--muted:#93a1ba;--line:#243451;--accent:#7a63ff;--accent2:#27d3a2;--danger:#ff6b7a;--warning:#f2be4f;--shadow:0 22px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,16,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;white-space:nowrap}.brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#a78fff);font-size:12px}.brand b{color:#a99cff}.nav nav{display:flex;gap:22px}.nav nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:650}.nav nav a:hover{color:var(--text)}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);width:40px;height:40px;border-radius:12px;cursor:pointer}.hero{padding:86px 0 68px;background:radial-gradient(circle at 72% 12%,rgba(122,99,255,.22),transparent 31%),radial-gradient(circle at 14% 86%,rgba(39,211,162,.1),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--accent2);margin-bottom:12px}.hero h1{font-size:clamp(42px,5.8vw,72px);line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}.hero h1 span{color:#a99cff}.hero p,.section-head p{color:var(--muted);font-size:17px;max-width:760px;margin:8px 0}.hero-actions{display:flex;gap:11px;margin:28px 0 34px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:12px 17px;font:700 14px Inter,system-ui;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:linear-gradient(135deg,var(--accent),#927cff);color:#fff;box-shadow:0 10px 28px rgba(122,99,255,.23)}.btn.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.btn.small{padding:9px 12px;font-size:12px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.stats{display:flex;gap:28px;flex-wrap:wrap}.stats div{display:flex;flex-direction:column}.stats strong{font-size:21px}.stats span{font-size:11px;color:var(--muted)}.hero-card,.quiz-card,.mock-card,.voice-card,.score-card,.chat-card,.scenario-panel{background:linear-gradient(180deg,rgba(16,26,45,.97),rgba(11,20,37,.97));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.hero-card{padding:25px}.hero-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hero-card-head small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.hero-card-head h3{margin:4px 0 0}.badge,.progress-pill,.status-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.status-chip.ok{border-color:rgba(39,211,162,.4);color:var(--accent2);background:rgba(39,211,162,.07)}.status-chip.local{border-color:rgba(242,190,79,.35);color:var(--warning);background:rgba(242,190,79,.06)}.mini-task{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mini-task>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#192640;color:#a99cff;font-size:12px;font-weight:800}.mini-task div{display:flex;flex-direction:column}.mini-task small{color:var(--muted)}.hero-card .full{margin-top:16px}.section{padding:78px 0}.section.alt{background:#0a1324}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px}.section-head h2,.mock-card h2{font-size:33px;letter-spacing:-.03em;margin:0}.toolbar,.section-actions,.timer-actions,.voice-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.vocab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.vocab-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px;min-height:205px;display:flex;flex-direction:column}.vocab-card button{margin-top:auto;text-align:left}.vocab-card h3{font-size:20px;margin:2px 0 3px}.vocab-card .type{font-size:10px;color:var(--accent2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.vocab-card p{font-size:13px;color:var(--muted);margin:10px 0}.vocab-card .pronunciation,.vocab-card .meaning{line-height:1.55}.vocab-card .pronunciation b,.vocab-card .meaning b{color:var(--text)}.vocab-card .example{color:var(--text);border-left:2px solid var(--accent);padding-left:10px}.vocab-card button{background:none;border:0;color:#a99cff;cursor:pointer;padding:0;font-weight:700}.section-actions{margin-top:18px}.ai-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.scenario-panel{padding:20px;height:max-content}.scenario-panel label,.voice-card label{font-size:12px;color:var(--muted);font-weight:700;display:block;margin-bottom:7px}.scenario-panel select,.interview-toolbar select,.interview-toolbar input{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px;font:500 13px Inter,system-ui}.scenario-goal{margin:16px 0;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:12px}.scenario-panel .muted{display:block;margin-top:12px}.chat-card{min-height:520px;display:flex;flex-direction:column;overflow:hidden}.chat-messages{padding:22px;flex:1;overflow:auto;max-height:520px;display:flex;flex-direction:column;gap:12px}.message{max-width:78%;padding:12px 14px;border-radius:15px;font-size:13px;white-space:pre-wrap}.message.ai{align-self:flex-start;background:#182540;border:1px solid #2a3b60}.message.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent),#8c76ff);color:#fff}.message small{display:block;margin-top:5px;opacity:.65;font-size:9px}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:rgba(7,16,31,.35)}textarea{width:100%;resize:vertical;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px;font:500 13px/1.5 Inter,system-ui;outline:none}textarea:focus,input:focus,select:focus{border-color:#6555d7}.quiz-card{padding:25px;max-width:880px;margin:auto}.quiz-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.text-btn{border:0;background:none;color:#a99cff;font-weight:700;cursor:pointer}.quiz-card h3{font-size:22px;margin:20px 0}.quiz-options{display:grid;gap:10px}.quiz-option{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:13px 14px;text-align:left;cursor:pointer;font:600 13px Inter}.quiz-option:hover{border-color:#475d86}.quiz-option.correct{border-color:rgba(39,211,162,.7);background:rgba(39,211,162,.09)}.quiz-option.wrong{border-color:rgba(255,107,122,.65);background:rgba(255,107,122,.08)}.quiz-explain{margin:16px 0;padding:14px;border-radius:12px;background:rgba(39,211,162,.06);border:1px solid rgba(39,211,162,.25);color:var(--muted);font-size:13px}.hidden{display:none!important}.interview-toolbar{display:grid;grid-template-columns:1.6fr .8fr .65fr auto;gap:10px;margin-bottom:18px}.interview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.interview-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px}.interview-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.tag{font-size:9px;font-weight:800;letter-spacing:.05em;padding:5px 7px;border-radius:999px;background:#182640;color:#a99cff}.tag.level{color:var(--accent2)}.interview-card h3{font-size:15px;margin:0 0 12px}.interview-actions{display:flex;gap:8px}.answer-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px}.answer-box b{color:var(--text)}.reviewed{border-color:rgba(39,211,162,.35)}.mock-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.mock-card{padding:24px}.mock-card>p{color:var(--muted);font-size:17px;min-height:58px}.timer{font-size:64px;letter-spacing:-.04em;font-weight:800;margin:17px 0}.framework{padding:0;list-style:none;display:grid;gap:12px}.framework li{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;padding:13px}.framework span{color:var(--muted);font-size:12px}.voice-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.voice-card,.score-card{padding:24px}.voice-card>p{font-size:17px}.voice-controls{margin:15px 0}.live-status{font-size:11px;color:var(--muted);margin:10px 0}.live-status.recording{color:var(--danger)}.voice-card textarea{margin-bottom:12px}.score-ring{width:150px;height:150px;border:10px solid #243451;border-top-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:3px auto 25px}.score-ring strong{font-size:45px}.score-ring span{color:var(--muted);font-size:12px}.score-bars{display:grid;gap:13px}.score-bars label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.score-bars>div>span{display:block;height:8px;background:#1b2942;border-radius:999px;overflow:hidden;margin-top:5px}.score-bars i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.35s}.feedback-box{margin-top:20px;border:1px solid var(--line);border-radius:13px;padding:14px;color:var(--muted);font-size:12px;white-space:pre-wrap}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.metric span,.metric small{font-size:11px;color:var(--muted)}.metric strong{font-size:29px}.bar-wrap{margin-top:18px}.bar{height:11px;background:#1b2942;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.35s}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner div{display:flex;flex-direction:column}.footer-inner span,.footer-inner small{font-size:11px;color:var(--muted)}body.light{--bg:#f6f8fc;--panel:#fff;--panel2:#f8faff;--text:#10182a;--muted:#66738a;--line:#dce3ef;--shadow:0 20px 60px rgba(35,50,80,.08)}body.light .topbar{background:rgba(246,248,252,.9)}body.light .section.alt{background:#eef3fa}body.light .mini-task>span,body.light .message.ai{background:#eef1ff}body.light .chat-input{background:#f6f8fc}body.light .tag{background:#eef1ff}
@media(max-width:1000px){.nav nav{display:none}.hero-grid,.ai-layout,.mock-grid,.voice-layout{grid-template-columns:1fr}.vocab-grid{grid-template-columns:repeat(3,1fr)}.interview-toolbar{grid-template-columns:1fr 1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 26px,1180px)}.hero{padding:58px 0 48px}.hero h1{font-size:42px}.section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.vocab-grid,.interview-grid{grid-template-columns:1fr}.interview-toolbar{grid-template-columns:1fr}.chat-messages{max-height:450px}.message{max-width:90%}.chat-input{flex-direction:column}.progress-grid{grid-template-columns:1fr 1fr}.footer-inner{gap:10px;align-items:flex-start;flex-direction:column}.timer{font-size:52px}}
.bi-block{display:grid;gap:7px;margin-top:10px;padding:11px 12px;border-radius:11px;background:rgba(122,99,255,.055);border:1px solid rgba(122,99,255,.16);white-space:pre-wrap}.bi-en,.bi-pron,.bi-meaning,.bn-pron,.bn-meaning{display:block;line-height:1.55}.bi-en{color:var(--text)}.bi-pron,.bn-pron{color:#b7aaff;font-size:12px;margin-top:6px}.bi-meaning,.bn-meaning{color:var(--muted);font-size:12px;margin-top:4px}.bi-pron b,.bi-meaning b,.bn-pron b,.bn-meaning b{color:var(--text)}.en-title{display:block;color:var(--text)}.quiz-card h3 .bn-pron,.quiz-card h3 .bn-meaning{font-weight:500}.quiz-option{display:grid;gap:5px}.quiz-option .option-en{display:block}.quiz-option .option-pron{display:block;color:#b7aaff;font-size:11px;font-weight:500}.quiz-option .option-bn{display:block;color:var(--muted);font-size:11px;font-weight:500}.interview-actions{flex-wrap:wrap}.speak-answer{display:block;margin-top:10px}.hero-bn{font-size:14px!important;color:var(--muted)!important;border-left:2px solid var(--accent);padding-left:12px}.scenario-goal .bn-pron,.scenario-goal .bn-meaning{margin-top:6px}.voice-card #voicePrompt{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.install-btn{padding:9px 12px;font-size:11px;box-shadow:none}.install-btn.ready{animation:pwaPulse 1.8s ease-in-out 2}@keyframes pwaPulse{0%,100%{box-shadow:0 0 0 0 rgba(122,99,255,0)}50%{box-shadow:0 0 0 7px rgba(122,99,255,.14)}}@media(max-width:650px){.install-btn{padding:9px 10px;font-size:0}.install-btn::after{content:'⬇ App';font-size:11px}}