:root{color-scheme:dark;--bg:#04080f;--panel:rgba(7, 12, 20, 0.78);--accent:#30b6ff;--accent-soft:rgba(48, 182, 255, 0.2);--text:#d6e9f7;--muted:#6c8aa3;--grid:rgba(48, 182, 255, 0.2);--glow:0 0 18px rgba(48, 182, 255, 0.35)}*{box-sizing:border-box;margin:0;padding:0}.step code,body{font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace}body{min-height:100vh;background:radial-gradient(60% 80%at 15% 10%,rgba(48,182,255,.18),transparent 60%),radial-gradient(50% 70%at 85% 20%,rgba(12,60,90,.35),transparent 60%),linear-gradient(150deg,rgba(6,22,40,.6),transparent 40%),var(--bg);color:var(--text);letter-spacing:.02em;padding:clamp(20px,4vw,60px)}main.frame{width:min(1200px,100%);margin:0 auto;background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(22px,3.6vw,52px);box-shadow:0 24px 60px rgba(4,8,15,.9),var(--glow);backdrop-filter:blur(10px);position:relative}main.frame::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(48,182,255,.2);border-radius:12px;pointer-events:none}header.hero{display:grid;gap:12px;margin-bottom:28px}.tag,.title{text-transform:uppercase}.tag{letter-spacing:.35em;font-size:.7rem;color:var(--muted)}.title{font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(26px,4vw,44px);letter-spacing:.14em;line-height:1.1}.lead,.step li{color:var(--muted)}.lead{line-height:1.6;max-width:860px}.step,.step ul,.steps{display:grid;gap:18px}.step{border:1px solid rgba(48,182,255,.25);border-radius:14px;padding:clamp(16px,3vw,28px);background:rgba(6,10,16,.7);gap:14px}.step a,.step h2{color:var(--accent)}.step h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.22em}.step p{line-height:1.6}.step pre{background:rgba(5,9,14,.85);border:1px solid rgba(48,182,255,.3);border-radius:10px;padding:12px 14px;overflow-x:auto;font-size:.78rem;line-height:1.5}.step code{white-space:pre-wrap}.step ul{list-style:none;gap:6px}.command-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.command-card{border:1px solid rgba(48,182,255,.25);border-radius:12px;padding:12px;background:rgba(4,8,12,.7);display:grid;gap:10px}.command-title{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--accent);display:flex;align-items:center;gap:8px}.copy-btn,.os-badge{border-radius:999px;background:rgba(8,14,20,.7);color:var(--text);letter-spacing:.2em}.os-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border:1px solid rgba(48,182,255,.4);font-size:.6rem}.os-badge.os-win{border-color:rgba(80,180,255,.6);color:#b9e6ff}.os-badge.os-linux{border-color:rgba(80,255,170,.6);color:#c8ffe6}.os-badge.os-mac{border-color:rgba(255,140,220,.6);color:#ffd2f0}.copy-btn{justify-self:flex-start;padding:6px 12px;border:1px solid rgba(48,182,255,.45);text-transform:uppercase;font-size:.58rem;cursor:pointer}.copy-btn:hover{color:var(--accent);box-shadow:0 0 12px rgba(48,182,255,.35)}.accent-note{color:var(--accent);font-weight:600}.step li{line-height:1.5}.step li strong,.step p,.step pre{color:var(--text)}.step a{text-decoration:none;border-bottom:1px solid rgba(48,182,255,.4)}.shot{width:min(760px,100%);border-radius:12px;border:1px solid rgba(48,182,255,.35);box-shadow:0 14px 30px rgba(4,8,15,.6)}.caption{font-size:.72rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:1px solid rgba(48,182,255,.45);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--text);background:rgba(8,14,20,.7);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(130deg,rgba(48,182,255,.3),rgba(48,182,255,.1));box-shadow:0 0 16px rgba(48,182,255,.25)}.btn:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(48,182,255,.4)}@media (max-width:720px){body{padding:12px;letter-spacing:.01em}main.frame{padding:12px;border-radius:12px}main.frame::before{inset:4px}.tag{letter-spacing:.14em;font-size:.58rem}.title{letter-spacing:.08em;font-size:clamp(20px,6.4vw,28px)}.step h2{font-size:.92rem;letter-spacing:.16em}.step li,.step p{font-size:.86rem}.btn{width:100%;letter-spacing:.1em;font-size:.6rem;padding:9px 12px}}