.landing-page{background:radial-gradient(circle at 75% 18%,rgba(109,63,242,.10),transparent 26%),linear-gradient(145deg,#f8fbff,#f3f6ff 48%,#f7fbfa)}.landing-shell{max-width:1420px;margin:0 auto;padding:42px 28px 64px}.landing-hero{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow-md)}.brand-row{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:15px;font-size:22px}.brand-name{font-size:22px;font-weight:900}.brand-sub{font-size:14px;color:var(--muted);margin-top:2px}.hero-copy{max-width:820px;margin:64px auto 42px;text-align:center}.hero-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px;color:var(--navy-950)}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:0}.grade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.grade-card{display:flex;flex-direction:column;min-height:210px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcff);transition:.2s ease}.grade-card:hover{border-color:#cfc0ff;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.grade-number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--purple-soft);color:var(--purple);font-weight:900;font-size:20px}.grade-title{font-size:20px;font-weight:850;margin-top:26px}.grade-meta{font-size:13px;color:var(--muted);line-height:1.45;margin-top:6px}.grade-action{font-size:13px;font-weight:800;color:var(--purple);margin-top:auto}.site-header{height:64px;padding:0 28px;background:var(--navy-900);color:#fff;display:flex;align-items:center;justify-content:space-between}.header-context{font-size:14px;color:#d9e3f2}.map-shell{max-width:1380px;margin:0 auto;padding:34px 28px 70px}.map-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.map-intro h1{font-size:38px;letter-spacing:-.035em;margin:8px 0}.map-intro p{color:var(--muted);margin-bottom:0}.topic-stack{display:grid;gap:24px}.topic-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.topic-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topic-heading h2{font-size:20px;margin:0}.topic-heading span{font-size:12px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-card{border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon plain" "icon open";column-gap:12px;transition:.18s ease}.lesson-card:hover{border-color:#cbbcff;background:var(--purple-wash)}.lesson-icon{grid-area:icon;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--purple-soft);color:var(--purple);font-weight:900}.lesson-title{grid-area:title;font-weight:820}.lesson-plain{grid-area:plain;color:var(--muted);font-size:13px;line-height:1.45;margin-top:5px}.lesson-open{grid-area:open;color:var(--purple);font-size:12px;font-weight:800;margin-top:13px}