:root{--bg:#090b12;--panel:#111522;--line:#242a3a;--text:#f7f8fb;--muted:#9ba4b7;--violet:#9b87ff;--cyan:#57d6ff;--green:#50e3a4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 5%,#1a2140 0,transparent 34%),var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.nav{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brandmark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#090b12;font-weight:900}.nav nav{display:flex;gap:8px}.nav nav a{padding:9px 13px;color:var(--muted);text-decoration:none;border-radius:9px;font-size:.9rem}.nav nav a:hover,.nav nav a.active{background:#171c2a;color:var(--text)}main{max-width:var(--max);margin:auto;padding:0 24px}.hero{min-height:580px;padding:104px 0 78px;position:relative;overflow:hidden}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:var(--cyan);margin-bottom:18px}.hero h1,.page>h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.9;letter-spacing:-.065em;margin:0;max-width:900px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #8891a9}.hero>p{color:var(--muted);font-size:1.15rem;max-width:500px;margin:28px 0}.button{display:inline-flex;gap:28px;align-items:center;background:var(--text);color:#0c0e15;text-decoration:none;padding:13px 20px;border-radius:9px;font-weight:750}.button:hover{background:var(--cyan)}.visual{position:absolute;right:4%;top:82px;width:360px;height:360px;opacity:.9}.disc{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#1a2030 0 9px,#0c0e17 10px 18px);box-shadow:0 0 90px #5e55d433;animation:spin 18s linear infinite}.disc-label{position:absolute;inset:37%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#0a0c12;font-size:2.2rem;font-weight:900}.bars{position:absolute;left:-70px;bottom:20px;display:flex;gap:7px;align-items:end;height:90px}.bars i{display:block;width:8px;background:linear-gradient(var(--cyan),var(--violet));border-radius:5px;height:35%;animation:pulse 1.2s ease-in-out infinite alternate}.bars i:nth-child(2n){height:80%;animation-delay:.2s}.bars i:nth-child(3n){height:55%;animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{height:95%}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0e121c}.stats article{padding:25px 28px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.stats strong{font-size:1.35rem}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:9px;background:var(--green);box-shadow:0 0 12px var(--green)}.dot.offline{background:#ff667c;box-shadow:0 0 12px #ff667c}.dot.pending{background:#6f788b;box-shadow:none}.intro{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2{font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.05em;margin:0}.intro>p,.lede{color:var(--muted);font-size:1.1rem}.page{padding-top:90px;padding-bottom:100px;min-height:calc(100vh - 155px)}.page>h1{font-size:clamp(3.3rem,7vw,6.5rem)}.lede{max-width:720px;margin:24px 0 52px}.command-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:20px}.search{height:48px;min-width:320px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.search input{width:100%;background:none;border:0;outline:0;color:var(--text);font:inherit}.filters{display:flex;gap:7px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 14px;border-radius:99px;cursor:pointer}.filters button.selected,.filters button:hover{background:var(--text);color:#0b0d13}.result-count{color:var(--muted);font-size:.85rem;margin-bottom:16px}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.command-card{background:linear-gradient(145deg,#141927,#0d1019);border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s}.command-card:hover{transform:translateY(-2px);border-color:#4b5570}.command-top{display:flex;justify-content:space-between;gap:10px}.command-card code{color:var(--cyan);font:700 1.08rem ui-monospace,SFMono-Regular,Consolas,monospace}.pill{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.command-card p{color:var(--muted);margin:12px 0 0}.empty{text-align:center;padding:60px;color:var(--muted)}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.credit{display:flex;gap:26px;min-height:220px;padding:30px;border:1px solid var(--line);background:var(--panel)}.credit.featured{background:linear-gradient(135deg,#272151,#142535)}.number{color:var(--cyan);font:700 .76rem ui-monospace,monospace}.credit h2{margin:0 0 12px;font-size:1.6rem}.credit p{color:var(--muted)}.credit a{color:var(--text)}.license{margin-top:30px;padding:24px;border-left:3px solid var(--violet);background:#10141f}.license p{color:var(--muted);margin:7px 0 0}footer{max-width:var(--max);margin:auto;padding:25px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#778096;font-size:.78rem}footer code{color:var(--cyan)}@media(max-width:850px){.visual{opacity:.22;right:-170px}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro{grid-template-columns:1fr;gap:30px}.command-tools{align-items:stretch;flex-direction:column}.search{min-width:0}.command-grid,.credit-grid{grid-template-columns:1fr}}@media(max-width:560px){.nav{height:auto;padding-top:16px;align-items:flex-start}.nav nav{gap:0;flex-wrap:wrap;justify-content:flex-end}.nav nav a{padding:8px}.brand{margin-top:3px}.hero{padding-top:72px;min-height:540px}.hero h1{font-size:3.7rem}.stats article{padding:20px 16px}.stats strong{font-size:1.05rem}.filters{overflow:auto}.page{padding-top:60px}.credit{padding:22px}.nav,main{padding-left:18px;padding-right:18px}footer{gap:10px;flex-direction:column}}