:root{--bg-rgb: 0, 0, 0;--bg: #000;--bg-window: rgba(4, 5, 6, .86);--bg-glow: #12181a;--accent-rgb: 222, 236, 238;--accent: rgb(var(--accent-rgb));--accent-bright: #fff;--accent-dim: rgba(var(--accent-rgb), .25);--accent-2-rgb: 255, 255, 255;--accent-2: #fff;--text: #d4dcde;--text-dim: #959fa1;--muted: #5f6869;--line: rgba(var(--accent-rgb), .14);--line-strong: rgba(var(--accent-rgb), .42);--grid-line: rgba(var(--accent-rgb), .16);--glow: 0 0 6px rgba(var(--accent-rgb), .55);--glow-strong: 0 0 8px rgba(255, 255, 255, .85), 0 0 26px rgba(200, 225, 235, .35);--glow-2: 0 0 6px rgba(var(--accent-2-rgb), .75), 0 0 14px rgba(var(--accent-2-rgb), .25);--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-display: "Orbitron", var(--font-mono);color-scheme:dark}:root[data-palette=blue]{--bg-rgb: 2, 7, 11;--bg: #02070b;--bg-window: rgba(3, 12, 18, .82);--bg-glow: #06283a;--accent-rgb: 111, 195, 223;--accent: #6fc3df;--accent-bright: #b8f4ff;--accent-dim: rgba(var(--accent-rgb), .35);--accent-2-rgb: 255, 154, 60;--accent-2: #ff9a3c;--text: #d8f6ff;--text-dim: #9fc3cf;--muted: #56808f;--line: rgba(var(--accent-rgb), .18);--line-strong: rgba(var(--accent-rgb), .5);--grid-line: rgba(var(--accent-rgb), .35);--glow: 0 0 6px rgba(var(--accent-rgb), .7);--glow-strong: 0 0 8px rgba(var(--accent-rgb), .9), 0 0 24px rgba(0, 200, 255, .45);--glow-2: 0 0 6px rgba(var(--accent-2-rgb), .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% 120%,var(--bg-glow) 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:var(--font-mono);font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:auto -50% -10%;height:60vh;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;transform:perspective(400px) rotateX(65deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,black 10%,transparent 90%);mask-image:linear-gradient(to top,black 10%,transparent 90%);animation:grid-scroll 4s linear infinite;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none;z-index:100}::selection{background:var(--accent-2);color:var(--bg)}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-2)}:focus-visible{outline:1px dashed var(--accent-2);outline-offset:3px}pre{font-family:inherit}.btn{display:inline-block;padding:.6rem 1.2rem;border:1px solid var(--accent);color:var(--accent-bright);text-decoration:none;letter-spacing:.05em;transition:all .15s}.btn:hover{color:var(--bg);background:var(--accent);box-shadow:0 0 16px var(--accent-dim)}.btn.primary{border-color:var(--accent-2);color:var(--accent-2);text-shadow:var(--glow-2)}.btn.primary:hover{color:var(--bg);background:var(--accent-2);text-shadow:none;box-shadow:0 0 16px rgba(var(--accent-2-rgb),.5)}@keyframes grid-scroll{to{background-position:0 60px}}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
