:root{--bg:#090b12;--surface:#141925;--text:#f7f8fb;--muted:#a9b1c2;--brand:#ffb800;--line:#2b3244}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:10;background:#fff;color:#000;padding:.7rem}.skip-link:focus{top:1rem}.guide-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,1.2rem);position:sticky;top:0;z-index:5;background:rgba(9,11,18,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{text-decoration:none;font-weight:900;font-size:1.25rem;color:var(--brand)}.guide-header nav{display:flex;gap:1.2rem}.guide-header nav a{text-decoration:none;color:var(--muted)}.intro{max-width:900px;margin:auto;padding:5rem 1.4rem 2rem;text-align:center}.eyebrow{color:var(--brand);font-size:.75rem;letter-spacing:.15em;font-weight:800}.intro h1{margin:.3rem 0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.08}.intro>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.notice{margin:2rem auto;padding:1rem;border:1px solid #69551c;background:#221d11;border-radius:12px}.notice a{color:var(--brand);font-weight:700}.step-nav{max-width:1000px;margin:1rem auto 3rem;padding:1rem;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.step-nav a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;text-decoration:none}.step-nav a:hover{background:var(--brand);color:#111}.steps{max-width:1100px;margin:auto;padding:0 1.4rem}.step-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:center;padding:3rem 0;border-top:1px solid var(--line)}.step-card:nth-child(even) .step-copy{order:2}.step-card img{width:100%;height:auto;max-height:540px;object-fit:contain;background:#05070b;border-radius:18px;border:1px solid var(--line)}.number{color:var(--brand);font-size:.8rem;font-weight:800}.step-card h2{margin:.2rem 0;font-size:clamp(1.7rem,4vw,2.6rem)}.step-card p,.step-card li{color:var(--muted)}.code-box{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.code-box code{font-size:1.8rem;font-weight:800;letter-spacing:.08em;color:var(--brand)}.code-box button,.support-button{border:0;border-radius:10px;background:var(--brand);color:#111;padding:.7rem 1rem;font-weight:800;cursor:pointer;text-decoration:none}.copy-status{min-height:1.6em}.troubleshooting{max-width:800px;margin:5rem auto;padding:2rem 1.4rem}.troubleshooting h2{font-size:2.4rem}.troubleshooting details{padding:1rem 0;border-bottom:1px solid var(--line)}.troubleshooting summary{font-weight:800;cursor:pointer}.support-button{display:inline-block;margin-top:1.5rem}footer{padding:2rem;text-align:center;border-top:1px solid var(--line);color:var(--muted)}footer a{color:var(--brand)}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:700px){.guide-header nav a:first-child{display:none}.step-card{grid-template-columns:1fr;gap:1.3rem}.step-card:nth-child(even) .step-copy{order:0}.step-card img{max-height:none}.intro{padding-top:3rem}.step-nav strong{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body,button,input,select,textarea{font-family:"Poppins",system-ui,sans-serif}
.brand{display:flex;align-items:center;gap:.65rem}.brand img{display:block;width:32px;height:32px;object-fit:contain}
