:root{--paper:#fbfbfd;--ink:#0e1116;--muted:#71778a;--accent:#4f46e5;--accent-2:#22d3ee;--card:#fff;--border:#e7e9f0;--radius:16px;--shadow:0 10px 30px #1012280f;--shadow-hover:0 18px 40px #4f46e524;--maxw:1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.wrap.narrow{max-width:840px}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#fbfbfdd1;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:9px;font-size:1.3rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.nav{color:var(--muted);align-items:center;gap:26px;font-size:.95rem;font-weight:500;display:flex}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);font-weight:700}.nav .nav-cta{color:var(--accent);font-weight:700}@media (width<=640px){.nav a:not(.nav-cta):not(.active){display:none}.nav{gap:18px}}.hero{color:#fff;background:radial-gradient(1100px 520px at 18% -10%,#4f46e5 0%,#4f46e500 60%),radial-gradient(900px 600px at 92% 8%,#312e81 0%,#312e8100 55%),linear-gradient(160deg,#1e1b4b 0%,#14122e 55%,#0b0a1f 100%);border-bottom:1px solid #15132e;position:relative;overflow:hidden}.hero:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hero .wrap{text-align:center;padding:84px 24px 92px;position:relative}.pill{color:#e9e8ff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:.82rem;font-weight:500;display:inline-flex}.pill .ping{background:#22d3ee;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22d3ee40}.hero h1{letter-spacing:-.03em;max-width:16ch;margin:26px auto 0;font-size:clamp(2.5rem,6.2vw,4.4rem);font-weight:800;line-height:1.04}.grad-text{background:linear-gradient(100deg,#818cf8 0%,#22d3ee 100%);color:#0000;background-clip:text}.hero p.sub{color:#c7c6e8;max-width:56ch;margin:22px auto 0;font-size:clamp(1.02rem,2.2vw,1.22rem);font-weight:400}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.btn-grad{color:#0b0a1f;letter-spacing:-.01em;background:linear-gradient(100deg,#6366f1,#22d3ee);border-radius:12px;align-items:center;gap:9px;padding:15px 28px;font-size:1.04rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 30px #22d3ee47}.btn-grad:hover{transform:translateY(-2px);box-shadow:0 18px 38px #22d3ee61}.btn-grad .arrow{transition:transform .15s}.btn-grad:hover .arrow{transform:translate(3px)}.btn-ghost{color:#e9e8ff;border:1px solid #ffffff2e;border-radius:12px;align-items:center;padding:15px 24px;font-size:1.04rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:#ffffff12}.stat-strip{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:14px 0;max-width:760px;margin:52px auto 0;padding-top:26px;display:flex}.stat{flex:1 1 0;min-width:130px;padding:0 12px;position:relative}.stat+.stat:before{content:"";background:#ffffff1f;width:1px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stat .num{letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:800}.stat .lbl{color:#a9a8cf;margin-top:2px;font-size:.8rem;font-weight:500}@media (width<=560px){.stat{flex-basis:50%;min-width:0}.stat:nth-child(odd):before{display:none}}.section{padding:72px 0 32px}.section-head{max-width:640px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700}.section-head h2{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:800;line-height:1.1}.section-head p{color:var(--muted);margin:0;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:36px;display:grid}.test-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.test-card:hover{box-shadow:var(--shadow-hover);border-color:#d6d4f5;transform:translateY(-4px)}.card-top{align-items:flex-start;gap:12px;display:flex}.badge{letter-spacing:-.02em;color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.05rem;font-weight:800;display:inline-flex}.b-ielts{background:linear-gradient(135deg,#4f46e5,#6366f1)}.b-pte{background:linear-gradient(135deg,#0891b2,#22d3ee)}.b-toefl{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.b-celpip{background:linear-gradient(135deg,#db2777,#f472b6)}.b-det{background:linear-gradient(135deg,#16a34a,#4ade80)}.test-card h3{letter-spacing:-.02em;margin:16px 0 0;font-size:1.22rem;font-weight:700}.test-card .variant{color:var(--muted);margin:4px 0 0;font-size:.9rem;font-weight:500}.test-card .blurb{color:#4a4f60;flex-grow:1;margin:12px 0 0;font-size:.96rem}.skills{flex-wrap:wrap;gap:7px;margin:18px 0 0;display:flex}.chip{color:#4338ca;background:#f1f1fb;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:600}.chip.soon{color:#9aa0b0;background:#f3f4f8}.card-link{color:var(--accent);align-items:center;gap:6px;margin:20px 0 0;font-size:.95rem;font-weight:700;display:inline-flex}.card-link .arrow{transition:transform .15s}.test-card:hover .card-link .arrow{transform:translate(3px)}.trust{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:56px 0 8px;display:grid}.trust-item{align-items:flex-start;gap:13px;display:flex}.trust-ico{width:38px;height:38px;color:var(--accent);background:#eef0fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.trust-item h4{letter-spacing:-.01em;margin:2px 0;font-size:1rem;font-weight:700}.trust-item p{color:var(--muted);margin:0;font-size:.9rem}.crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:26px 0 0;font-size:.88rem;font-weight:500;display:flex}.crumb a:hover{color:var(--accent)}.crumb .sep{color:#c3c6d2}.crumb .here{color:var(--ink);font-weight:600}.page-intro{padding:22px 0 4px}.kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;font-size:.82rem;font-weight:700;display:inline-flex}.kicker .dot{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:3px;width:9px;height:9px}.page-intro h1{letter-spacing:-.03em;margin:12px 0 10px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05}.page-intro p.lede{max-width:64ch;color:var(--muted);margin:0;font-size:1.1rem}.meta-row{flex-wrap:wrap;gap:10px;margin:20px 0 0;display:flex}.meta-pill{color:#4338ca;background:#f1f1fb;border:1px solid #e4e3fa;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.panels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:36px 0 12px;display:grid}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}a.panel:hover{box-shadow:var(--shadow-hover);border-color:#d6d4f5;transform:translateY(-4px)}.panel-head{align-items:center;gap:13px;display:flex}.panel-ico{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.i-reading{background:linear-gradient(135deg,#4f46e5,#6366f1)}.i-listening{background:linear-gradient(135deg,#0891b2,#22d3ee)}.i-writing{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.i-speak{color:#aab0c0;background:#e9ebf2}.panel-head h2{letter-spacing:-.02em;margin:0;font-size:1.22rem;font-weight:700}.panel-head .count{color:var(--muted);margin:2px 0 0;font-size:.85rem;font-weight:500}.panel .desc{color:#4a4f60;flex-grow:1;margin:16px 0 0;font-size:.98rem}.panel-cta{color:var(--accent);align-items:center;gap:6px;margin:20px 0 0;font-size:.95rem;font-weight:700;display:inline-flex}.panel-cta .arrow{transition:transform .15s}a.panel:hover .panel-cta .arrow{transform:translate(3px)}.panel.disabled{box-shadow:none;background:#f7f8fb;border-style:dashed}.panel.disabled .panel-head h2{color:#8b91a3}.panel.disabled .desc{color:#9aa0b0}.panel.disabled .panel-cta{color:#aab0c0}.soon-badge{letter-spacing:.04em;text-transform:uppercase;color:#9aa0b0;background:#eceef5;border-radius:999px;align-self:flex-start;margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:700}.group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:38px 0 14px;font-size:.82rem;font-weight:700;display:flex}.group-label:after{content:"";background:var(--border);flex:1;height:1px}.task-list{flex-direction:column;gap:14px;display:flex}.task{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:18px;padding:20px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.task:hover{box-shadow:var(--shadow-hover);border-color:#d6d4f5;transform:translateY(-4px)}.task-num{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:.92rem;font-weight:800;display:inline-flex}.task-num.reading{background:linear-gradient(135deg,#4f46e5,#6366f1)}.task-num.listening{background:linear-gradient(135deg,#0891b2,#22d3ee)}.task-num.writing{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.task-body{flex:1;min-width:0}.task-tagrow{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.tag{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.tag-type{color:#4338ca;background:#eef0fe}.tag-arch{color:#5a6075;background:#f3f4f8}.task-body h2{letter-spacing:-.02em;margin:0;font-size:1.18rem;font-weight:700;line-height:1.25}.task-body p{color:var(--muted);margin:5px 0 0;font-size:.95rem}.task-go{width:42px;height:42px;color:var(--accent);background:#f1f1fb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:inline-flex}.task:hover .task-go{background:var(--accent);color:#fff;transform:translate(3px)}@media (width<=560px){.task{flex-wrap:wrap;gap:14px}.task-go{margin-left:auto}.task-num{width:44px;height:44px}}.note{border-radius:var(--radius);color:#4a4f60;background:#f4f4fc;border:1px solid #e4e3fa;align-items:flex-start;gap:12px;margin:28px 0 0;padding:16px 18px;font-size:.92rem;display:flex}.note .note-ico{color:var(--accent);flex-shrink:0;margin-top:1px}.note strong{color:var(--ink);font-weight:700}.practice-head{padding:26px 0 8px}.practice-head h1{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(1.5rem,3.6vw,2rem);font-weight:800}.practice-head .practice-sub{color:var(--muted);margin:6px 0 0;font-size:.98rem}.practice-body{padding:8px 0 16px}.site-footer{border-top:1px solid var(--border);background:#fff;margin-top:64px}.site-footer .wrap{padding:40px 24px 48px}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot-links{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:.92rem;font-weight:500;display:flex}.foot-links a:hover{color:var(--ink)}.disclaimer{border-top:1px solid var(--border);color:#9aa0b0;max-width:760px;margin:24px 0 0;padding-top:22px;font-size:.82rem;line-height:1.6}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #6366f180}