:root{color-scheme:dark;--bg:#0b0e19;--surface:#171a2a;--stroke:#ffffff1b;--text:#f4f1ff;--muted:#afb6c9;--mint:#9be6d1;--violet:#b9a6ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:radial-gradient(ellipse 68% 900px at 90% -4%,#352c613e,transparent),radial-gradient(ellipse 60% 1100px at -12% 20%,#113e4839,transparent),var(--bg);color:var(--text);font:15px/1.65 system-ui,Segoe UI,Arial,sans-serif}a{color:#c8bdff}a:hover{color:#a5f3d6}.container{width:min(1100px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#111;padding:8px;z-index:100}.skip:focus{top:8px}.bar{position:sticky;top:0;background:#0b0e19e8;backdrop-filter:blur(20px);border-bottom:1px solid var(--stroke);z-index:20}.bar-inner{max-width:1160px;padding:14px 20px;margin:auto;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.brand span{color:var(--violet)}.bar nav,.footer nav{display:flex;gap:17px;flex-wrap:wrap}.bar nav a,.footer a{font-size:12px;text-decoration:none;color:#b7c0d6}.bar nav a[aria-current]{color:var(--mint)}.repo{margin-left:auto;white-space:nowrap;font-size:12px}.intro{padding:72px 0 38px}.eyebrow,.meta{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--mint)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px}.intro h1{font-size:clamp(35px,5.9vw,70px);letter-spacing:-.065em;line-height:1.08;max-width:800px;margin:19px 0}.intro h1 em{font-style:normal;color:var(--violet)}.intro>p{max-width:630px;color:#b9c2d4;font-size:17px}.hero-actions,.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:23px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:13px 19px;text-decoration:none;font-weight:800;font-size:13px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.07);color:inherit}.primary{background:linear-gradient(100deg,#bfafff,#a0ead4);color:#141827}.subtle{background:#ffffff10;border:1px solid #ffffff36;color:#f1eeff}.button.small{padding:10px 14px;font-size:12px}.notice{padding:15px 18px;background:#302b4359;border:1px solid #ae9cff4e;border-radius:12px;max-width:850px;color:#cbd1e4;font-size:13px}.notice strong{color:#fff}.notice.success{background:#9be6d115;border-color:#9be6d150}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px auto 50px}.summary>div{display:flex;align-items:center;gap:11px;border:1px solid var(--stroke);background:#ffffff08;padding:12px;border-radius:12px;font-size:11px;color:#c6cbe0}.summary strong{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#b9a6ff25;color:var(--violet)}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px}.toc-inner{position:sticky;top:88px;border:1px solid var(--stroke);background:#ffffff06;border-radius:16px;padding:19px}.toc b{font-size:10px;letter-spacing:.15em;color:#91e8d1;display:block;margin-bottom:10px}.toc a{display:block;color:#aeb8d3;font-size:12px;text-decoration:none;padding:9px 3px;border-bottom:1px solid #ffffff10}.toc a:hover{color:#fff}.help-badge{color:#8de6cb;font-size:10px;margin-top:16px}.content h2{font-size:31px;letter-spacing:-.035em;margin:0}.content h2 span{color:var(--violet)}.lead{color:var(--muted);margin:5px 0 25px}.step{padding:27px 27px 25px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(150deg,#ffffff0b,#ffffff04);margin-bottom:19px;scroll-margin-top:95px}.step-head{display:flex;align-items:center;gap:14px}.number{display:grid;place-items:center;width:49px;height:49px;background:#b9a6ff20;border:1px solid #b9a6ff63;border-radius:14px;color:#c6b5ff;font-size:21px;font-weight:800;flex-shrink:0}.step h3{font-size:22px;line-height:1.3;margin:3px 0}.step>p,.step li{color:#b6bfd2;font-size:13px}.step li{padding:3px 0}.step code{font:12px/1.5 ui-monospace,Consolas,monospace;background:#ffffff10;border-radius:4px;padding:2px 5px;color:#e5deff;overflow-wrap:anywhere}.illustration{margin:18px 0}.browser{border:1px solid #6e688f;border-radius:12px;overflow:hidden;max-width:560px;background:#dce2ed;color:#253049}.browser-top{background:#292c42;display:flex;align-items:center;gap:5px;padding:12px}.browser-top i{width:9px;height:9px;border-radius:50%;background:#ff8295}.browser-top i:nth-child(2){background:#ffd287}.browser-top i:nth-child(3){background:#8cdec0}.browser-top span{background:#ffffff16;color:#cbd1e6;margin-left:22px;border-radius:5px;font-size:10px;padding:2px 15px}.browser-body{padding:20px}.fake-title{font-size:17px;font-weight:800}.fake-title span{font-size:10px;background:#edf4f8;border:1px solid #9cabc6;padding:3px 5px;border-radius:15px}.fake-file{margin-top:8px;background:#ffffff87;border:1px solid #b9c3d4;padding:9px;font-size:12px;border-radius:6px}.fake-download{background:#22815e;color:#fff;border-radius:7px;padding:10px 15px;font-weight:700;margin:15px 0 0;width:max-content;font-size:11px}.illustration small,.diagram small{display:block;color:#93a0ba;margin-top:7px;font-size:10px}.diagram{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid #ffffff19;background:#0f1525;border-radius:12px;margin:14px 0}.filebox{padding:12px;border:1px solid #9c9bd266;background:#ffffff09;border-radius:9px;font-size:12px;min-width:170px}.filebox span{color:#aeb8d4;font-size:10px}.arrow{color:var(--mint);font-size:12px}.terminal-demo{display:block}.terminal-demo span{display:block;color:#c9befd;font-size:10px;margin-bottom:7px}.terminal-demo code{display:block;background:none!important}.terminal-demo em{color:var(--mint);font-style:normal}.explorer{display:block}.explorer div{border:1px solid #716a96;margin-top:8px;border-radius:6px;padding:8px}.explorer div span{color:#abb4ce}.explorer div b{color:var(--mint);font-size:11px}.code{display:flex;background:#090d19;border:1px solid #54506d;border-radius:10px;align-items:center;justify-content:space-between;gap:9px;padding:8px 8px 8px 13px;margin:10px 0}.code code{padding:0;background:none;flex:1}.code button{background:#322b51;color:#eee7ff;border:1px solid #a18bea67;border-radius:7px;padding:8px 12px;cursor:pointer}.tip{border-left:3px solid #90e4c9;padding:7px 12px;background:#9be6d10c;color:#a9bcd0!important}.textlink{font-size:12px;color:#9debd7}.complete{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 15px;border-radius:10px;background:#9be6d110;color:#a9dfd0;font-size:12px;cursor:pointer}.complete input{accent-color:#79d8b8;width:18px;height:18px}.step:has(.complete input:checked){border-color:#8cdec059}.step details{border-bottom:1px solid #ffffff23;padding:11px 0}.step details summary{cursor:pointer;color:#eeeaff;font-size:13px;font-weight:650}.step details p{font-size:12px;color:#b4bdd1}.finish{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1px solid #b9a6ff52;background:#b9a6ff0f;border-radius:20px;padding:28px;margin-top:35px;margin-bottom:50px}.finish h2{font-size:28px;letter-spacing:-.04em;margin:3px 0}.finish p{color:#aeb9d1;font-size:13px}.footer{border-top:1px solid var(--stroke);padding:24px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}:focus-visible{outline:2px solid #95e8d1;outline-offset:3px}@media(max-width:830px){.layout{grid-template-columns:1fr;gap:16px}.toc{display:none}.summary{grid-template-columns:repeat(3,1fr)}.bar nav{gap:10px}.bar nav a{font-size:11px}.intro{padding-top:42px}}@media(max-width:560px){.container{width:min(100% - 26px,1100px)}.bar-inner{padding:12px;gap:10px}.bar nav{display:none}.repo{margin-left:auto}.summary{grid-template-columns:repeat(2,1fr);gap:7px}.summary>div{padding:9px;gap:7px}.step{padding:18px 14px}.step h3{font-size:19px}.intro h1{font-size:39px}.hero-actions .button{width:100%}.code code{font-size:11px}.finish{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}