:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#f1f4fa;--ink:#16203a;--ink-soft:#34405c;--muted:#5c6880;--line:#e4e8f1;--brand:#4f46e5;--brand-d:#4338ca;--brand-soft:#eef0fe;--accent:#0ea5e9;--good:#15a34a;--good-bg:#e9f8ef;--bad:#dc2626;--bad-bg:#fdecec;--radius:14px;--radius-lg:22px;--shadow-sm:0 1px 2px rgba(20,30,60,.06),0 1px 3px rgba(20,30,60,.05);--shadow:0 6px 24px rgba(24,34,70,.08);--shadow-lg:0 18px 50px rgba(24,34,70,.14);--maxw:1120px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.15;margin:0;letter-spacing:-.02em}p{margin:0}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.muted{color:var(--muted)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-weight:600;font-size:16px;padding:12px 22px;border:none;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.btn:hover{background:var(--brand-d);transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn-sm{padding:9px 16px;font-size:14.5px}.btn-lg{padding:15px 30px;font-size:17px}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{background:var(--surface-2)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(246,248,252,.82);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{justify-content:space-between;height:66px}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}.nav-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;font-weight:800;font-size:18px}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{color:var(--ink-soft);font-weight:500;font-size:15px;padding:8px 12px;border-radius:8px}.nav-link:hover{color:var(--ink);background:var(--surface-2)}.section{padding:84px 0}.section-tight{padding:56px 0}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}.section h2{font-size:clamp(28px,4vw,40px)}.section-lede{color:var(--muted);font-size:18px;max-width:640px;margin:14px auto 0}.hero{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(1200px 500px at 50% -120px,#e9ecff 0,transparent 70%)}.hero h1{font-size:clamp(36px,6vw,62px);letter-spacing:-.03em}.hero-lede{font-size:clamp(17px,2.2vw,21px);color:var(--ink-soft);max-width:620px;margin:22px auto 0}.hero-cta{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap}.hero-note{margin-top:16px;font-size:14px;color:var(--muted)}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:44px}.grade-card{display:block;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease}.grade-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cfd5ee}.grade-num{font-size:15px;font-weight:700;color:var(--brand)}.grade-card h3{font-size:22px;margin:8px 0 6px}.grade-card p{color:var(--muted);font-size:15px}.grade-go{margin-top:16px;font-weight:600;color:var(--brand);font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:48px}.card-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.card-ico{width:46px;height:46px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin-bottom:16px}.card-tile h3{font-size:19px;margin-bottom:8px}.card-tile p{color:var(--muted);font-size:15.5px}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:48px}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.step-n{width:34px;height:34px;border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:14px}.step h3{font-size:17px;margin-bottom:6px}.step p{color:var(--muted);font-size:14.5px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:48px;align-items:stretch}.price{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.price.featured{border-color:var(--brand);box-shadow:var(--shadow-lg);position:relative}.price-badge{position:absolute;top:-12px;left:30px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 12px;border-radius:999px;text-transform:uppercase}.price h3{font-size:20px}.price-amt{font-size:42px;font-weight:800;letter-spacing:-.03em;margin:12px 0 2px}.price-amt small{font-size:16px;font-weight:600;color:var(--muted)}.price-desc{color:var(--muted);font-size:15px;min-height:44px}.price ul{list-style:none;padding:0;margin:20px 0;display:grid;grid-gap:10px;gap:10px}.price li{display:flex;gap:10px;font-size:15px;color:var(--ink-soft)}.price li:before{content:"✓";color:var(--good);font-weight:800}.price .btn{margin-top:auto}.prose{max-width:720px;margin:0 auto}.prose p{color:var(--ink-soft);font-size:17px;margin-top:18px}.prose h3{font-size:21px;margin-top:34px}.faq{display:grid;grid-gap:14px;gap:14px;margin-top:40px;max-width:760px;margin-left:auto;margin-right:auto}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.faq-item h4{font-size:17px;margin-bottom:6px}.faq-item p{color:var(--muted);font-size:15.5px}.cta-band{background:linear-gradient(135deg,var(--brand) 0,#6d5ef0 100%);color:#fff;border-radius:var(--radius-lg);padding:56px 40px;text-align:center;box-shadow:var(--shadow-lg)}.cta-band h2{font-size:clamp(26px,3.5vw,36px);color:#fff}.cta-band p{color:hsla(0,0%,100%,.86);font-size:18px;margin-top:12px}.cta-band .btn{background:#fff;color:var(--brand-d);margin-top:26px}.cta-band .btn:hover{background:#f0f0ff}.footer{border-top:1px solid var(--line);background:var(--surface);margin-top:40px}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding:44px 24px 26px;flex-wrap:wrap}.footer-brand{display:flex;gap:12px;align-items:flex-start;max-width:340px}.footer-name{font-weight:700}.footer-tag{color:var(--muted);font-size:14px;margin-top:4px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.footer-link{color:var(--ink-soft);font-size:15px}.footer-link:hover{color:var(--brand)}.footer-legal{display:flex;justify-content:space-between;gap:16px;padding:16px 24px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;flex-wrap:wrap}.tutor{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.tutor-bar{height:60px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;padding:0 22px;justify-content:space-between}.tutor-brand{font-weight:700;letter-spacing:-.02em}.tutor-meta{display:flex;align-items:center;gap:16px}.grade-chip{background:var(--brand-soft);color:var(--brand-d);font-weight:600;font-size:13px;padding:5px 12px;border-radius:999px}.tutor-exit,.tutor-score{color:var(--muted);font-size:14px}.tutor-exit{font-weight:500}.tutor-exit:hover{color:var(--ink)}.tutor-stage{flex:1 1;display:flex;justify-content:center;padding:40px 22px 64px}.lesson-wrap{width:100%;max-width:680px}.lesson-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.lesson-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.lesson-title{font-size:26px;margin-top:4px}.level{text-align:right;flex-shrink:0}.pips{display:inline-flex;gap:5px}.pip{width:22px;height:6px;border-radius:999px;background:var(--line);display:inline-block}.pip.on{background:var(--brand)}.level-num{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.tutor-say{font-size:18px;color:var(--ink);line-height:1.5}.question{font-size:19px;font-weight:600;margin-top:6px}.board{margin:22px 0;padding:26px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);text-align:center;font-size:34px;font-weight:700;letter-spacing:.01em;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-visual{text-align:center;font-size:26px;letter-spacing:4px;margin:14px 0}.step-dots{display:flex;gap:8px;justify-content:center;margin:18px 0 4px}.step-dots .dot{width:9px;height:9px;border-radius:999px;background:var(--line)}.step-dots .dot.on{background:var(--brand)}.panel-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.panel-actions.end{justify-content:flex-end}.approach-tag{font-size:13px;font-weight:600;color:var(--muted);background:var(--surface-2);padding:6px 12px;border-radius:999px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:6px}.choice{font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:20px;cursor:pointer;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);transition:transform .1s ease,border-color .12s ease,background .12s ease}.choice:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.choice:disabled{cursor:default}.choice.correct{border-color:var(--good);background:var(--good-bg);color:var(--good)}.choice.wrong{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.feedback{padding:14px 18px;border-radius:var(--radius);font-weight:600;font-size:16px}.feedback.good{background:var(--good-bg);color:var(--good)}.feedback.bad{background:var(--bad-bg);color:var(--bad)}.timer{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:14px 0}.timer-fill{height:100%;background:var(--brand);transition:width .1s linear}.panel-loading{flex-direction:column;gap:14px;padding:40px 0}.loading-dots,.panel-loading{display:flex;align-items:center}.loading-dots{gap:10px}.loading-dots span{width:12px;height:12px;border-radius:50%;background:var(--brand);animation:loadbounce 1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadbounce{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-9px);opacity:1}}@media (max-width:860px){.cards,.grade-grid,.price-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav-links .nav-link{display:none}.section{padding:60px 0}}@media (max-width:560px){.steps{grid-template-columns:1fr}.panel{padding:22px}.board{font-size:28px;padding:20px}}.starfield{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block}