:root{color-scheme:light;--paper:#f8f7f3;--ink:#171823;--muted:#57576b;--accent:#4928be;--line:#dfdbe8;--white:#fff;--wrap:1160px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #4928be;outline-offset:5px}.wrap{width:min(var(--wrap),calc(100% - 64px));margin:auto}.top{border-bottom:1px solid var(--line)}.bar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{font-weight:900;letter-spacing:-.06em;font-size:26px;display:inline-flex;align-items:center;gap:9px}.brand-mark{display:block;flex:none;mix-blend-mode:multiply}.nav{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;font-weight:650}.nav a:hover,.nav [aria-current]{color:var(--accent)}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;padding:76px 0 66px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--accent);margin:0 0 15px}.hero h1,.detail h1{font-size:clamp(44px,6vw,80px);line-height:1.12;letter-spacing:-.07em;margin:0}.hero h1 span{color:var(--accent);display:block}.lead{color:var(--muted);font-size:18px;max-width:35em;margin:24px 0 30px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:14px;padding:11px 19px;min-height:48px;border-radius:8px;background:var(--accent);color:#fff;font-weight:750;font-size:14px;border:1px solid var(--accent)}.btn:hover{background:#321d87}.btn.alt{background:transparent;color:var(--accent);border-color:#bdb2e8}.btn.alt:hover{background:#eee9ff}
.art{background:#e5ddff;border-radius:22px;min-width:0;overflow:hidden;position:relative;isolation:isolate}.art svg{width:100%;height:auto;display:block}.art small{position:absolute;bottom:17px;left:20px;color:#3d2987;font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.15em}.section{padding:42px 0 65px;border-top:1px solid var(--line)}h2{font-size:clamp(28px,4vw,43px);line-height:1.25;letter-spacing:-.045em;margin:0 0 15px}.sub{margin:0 0 28px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{display:flex;flex-direction:column;min-height:228px;border:1px solid var(--line);border-radius:13px;padding:20px;background:#fff;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#8567ec}.index{font:750 13px/1.4 ui-monospace,monospace;color:var(--accent)}.card h3{font-size:19px;margin:21px 0 7px}.card p{margin:0 0 18px;color:var(--muted);font-size:14px}.arrow{margin-top:auto;color:var(--accent);font-weight:750;font-size:14px}.path{background:#23164b;color:white}.path .eyebrow{color:#cdbdff}.path .wrap{padding:53px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.step{border-top:1px solid #6f5e98;padding-top:13px}.step strong{display:block;font-size:18px;margin-bottom:4px}.step p{color:#e2d9fb;margin:0}.foot{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.foot a{font-weight:800;color:var(--ink)}.detail{padding:45px 0 55px}.back{color:var(--accent);display:inline-block;font-weight:700;margin-bottom:33px}.detail h1{font-size:clamp(37px,6vw,67px)}.detail .lead{margin-bottom:22px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic{padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.topic h3{margin:13px 0 6px;font-size:18px}.topic p{margin:0;color:var(--muted)}.notice{margin-top:24px;padding:14px 18px;background:#ede7ff;border-radius:10px;color:#3c2b72}.checklist{padding-left:1.3em}.checklist li{margin:.45em 0}.skip{position:absolute;left:-1000px}.skip:focus{left:12px;top:12px;z-index:2;background:white;padding:8px}.status{display:inline-block;border-radius:20px;background:#eae4fb;color:#412b82;padding:4px 10px;font-weight:700;font-size:13px}
@media(max-width:900px){.hero{gap:30px;padding-top:55px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.bar{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 0}.nav{gap:8px 15px}.nav a{padding:4px 0}.hero{grid-template-columns:1fr;padding:42px 0 36px;gap:26px}.hero h1 span{margin-top:3px}.lead{font-size:16px;margin:17px 0 23px}.art{max-width:490px}.section{padding:32px 0 42px}.steps,.topics{grid-template-columns:1fr;gap:13px}.card{padding:14px;min-height:190px}.card h3{font-size:16px;margin-top:15px}.path .wrap{padding:36px 0}.detail{padding:24px 0 36px}.back{margin-bottom:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.resource{display:flex;flex-direction:column;gap:4px}.resource .arrow{display:block;padding-top:12px}.resource .arrow:hover{text-decoration:underline}

.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:24px;line-height:1.15;letter-spacing:-.03em}.brand-tagline{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.02em;color:var(--muted)}

.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-toggle{font:inherit;font-weight:650;color:inherit;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;cursor:pointer;min-height:44px}
.nav-toggle:hover,.nav-toggle[aria-expanded="true"],.nav-dropdown.is-current .nav-toggle{color:var(--accent)}
.nav-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}
.nav-chevron{display:inline-block;font-size:11px;transition:transform .2s}
.nav-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.nav-panel{position:absolute;top:100%;left:-16px;z-index:10;width:210px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #23164b18;padding:8px}
.nav-panel[hidden]{display:none}
.nav-panel a{display:block;padding:11px 12px;border-radius:6px;white-space:nowrap}
.nav-panel a:hover,.nav-panel a[aria-current]{background:#ede7ff}
@media(max-width:680px){.nav-dropdown{align-self:auto}.nav-panel{top:100%;left:0;width:min(230px,calc(100vw - 36px))}.nav-toggle{min-height:36px}}