@import"https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&f[]=satoshi@300,400,500,700&display=swap";:root{--bg-deep: #050810;--bg-surface: #0a0f1a;--bg-elevated: #111827;--coral-bright: #ff4d4d;--coral-mid: #e63946;--coral-dark: #991b1b;--cyan-bright: #00e5cc;--cyan-mid: #14b8a6;--cyan-glow: rgba(0, 229, 204, .4);--text-primary: #f0f4ff;--text-secondary: #8892b0;--text-muted: #5a6480;--border-subtle: rgba(136, 146, 176, .15);--border-accent: rgba(255, 77, 77, .3);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Satoshi", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--cyan-bright)}code,pre{font-family:var(--font-mono)}::selection{background:#00e5cc33;color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:translateY(0)}.container{max-width:720px;margin:0 auto;padding:0 1.5rem}.code-block{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);overflow-x:auto;position:relative;transition:box-shadow .3s ease;line-height:1.7}.code-block:hover{box-shadow:0 0 20px var(--cyan-glow)}.code-block .comment{color:var(--text-muted)}.code-block .command{color:var(--cyan-bright)}.code-block .flag{color:var(--coral-bright)}.code-block .string{color:var(--text-secondary)}.copy-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.35rem .6rem;border-radius:4px;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{color:var(--cyan-bright);border-color:var(--cyan-mid)}.copy-btn.copied{color:var(--cyan-bright);border-color:var(--cyan-bright)}.btn{display:inline-block;padding:.6rem 1.4rem;border-radius:6px;font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-primary{background:var(--coral-bright);color:var(--text-primary)}.btn-primary:hover{background:var(--coral-mid);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{color:var(--cyan-bright);border-color:var(--cyan-mid);transform:translateY(-1px)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:4rem 0}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:640px){.container{padding:0 1rem}html{font-size:15px}}