﻿:root{--bg:#05090b;--cyan:#9ed9d5;--dim:#4e8988;--orange:#ff6f2f;--ink:#d9ffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cyan);font-family:Consolas,"Lucida Console",monospace}.console{min-height:100vh;border:2px solid var(--dim);margin:12px;position:relative}header{display:flex;justify-content:space-between;border-bottom:2px solid var(--dim);padding:9px 12px;font-size:11px}.radar{min-height:54vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-bottom:2px solid var(--dim);overflow:hidden}.ascii{display:grid;place-items:center;position:relative;overflow:hidden;border-right:2px solid var(--dim);min-width:0;background-image:linear-gradient(90deg,transparent 49.8%,rgba(158,217,213,.18) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(158,217,213,.18) 50%,transparent 50.2%)}.ascii:before,.ascii:after{content:"";position:absolute;border:1px solid var(--dim);border-radius:50%;width:62%;aspect-ratio:1}.ascii:after{width:35%}.ascii pre{z-index:2;font-size:clamp(9px,1.2vw,14px);line-height:1.7;color:var(--cyan)}.sweep{position:absolute;width:55%;height:2px;background:var(--orange);transform-origin:left;left:50%;top:50%;animation:sweep 5s linear infinite}.intro{padding:clamp(24px,5vw,60px);align-self:center;min-width:0}.intro h1{font-size:clamp(3rem,7vw,5rem);line-height:.86;margin:0 0 28px;color:var(--ink);letter-spacing:-.04em}.intro p{max-width:45ch;line-height:1.6}.genome{width:100%;display:flex;justify-content:space-between;gap:15px;padding:14px;background:#0a1114;color:var(--cyan);border:0;border-bottom:2px solid var(--dim);font:11px inherit;cursor:pointer}.genome b{overflow-wrap:anywhere}.scan{padding:clamp(24px,5vw,60px);max-width:900px;margin:auto}.traffic{display:flex;justify-content:space-between;border:2px solid var(--dim);padding:12px;margin-bottom:32px;color:var(--orange);font-size:12px}.scan h2{font-size:1.4rem}.scan label{display:block;margin:24px 0;font-weight:700}.scan textarea{display:block;width:100%;min-height:100px;margin-top:9px;background:#05090b;color:var(--ink);border:2px solid var(--dim);padding:13px;font:inherit}.scan input[type=range]{display:block;width:100%;margin:18px 0;accent-color:var(--orange)}.rangeLabels{display:flex;justify-content:space-between;font-size:10px}.rangeLabels i{font-style:normal}.check{font-weight:400!important}.scan button,.certificate button{background:var(--orange);color:#160701;border:0;padding:14px 18px;font:bold 13px inherit;cursor:pointer}.scan pre{min-height:130px;margin-top:24px;border-top:1px solid var(--dim);padding-top:18px;white-space:pre-wrap;color:var(--dim)}.certificate{margin:30px auto;max-width:1000px;border:3px double var(--cyan);padding:28px;display:grid;grid-template-columns:260px 1fr;gap:28px}.certificate img{width:100%;border:1px solid var(--dim)}.certificate h2{color:var(--ink);font-size:clamp(1.5rem,4vw,3rem)}.certificate pre{white-space:pre-wrap;line-height:1.7}.certificate button{margin:10px 8px 0 0}.certificate button+button{background:var(--cyan)}footer{text-align:center;border-top:1px solid var(--dim);padding:20px;font-size:10px;color:var(--dim)}@keyframes sweep{to{transform:rotate(360deg)}}@media(max-width:720px){.console{margin:0;border-width:0 0 2px}.radar{grid-template-columns:1fr}.ascii{border-right:0;border-bottom:2px solid var(--dim);min-height:360px}.genome,.traffic{flex-direction:column}.certificate{grid-template-columns:1fr;margin:0;border-left:0;border-right:0}.certificate img{max-width:280px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.ambient-code{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-code span{position:absolute;font:12px "Courier New",monospace;opacity:.11;animation:code-fall linear infinite}.cursor-glyph{position:fixed;pointer-events:none;z-index:50;font:12px "Courier New",monospace;font-style:normal;opacity:.7;transition:transform .65s,opacity .65s}.cursor-glyph.spent{transform:translateY(24px) rotate(12deg);opacity:0}.command-menu{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-bottom:2px solid currentColor}.command-menu a{display:block;padding:9px 8px;border:2px solid currentColor;text-align:center;color:inherit;text-decoration:none;font-weight:900;font-size:12px}.command-menu a:hover,.command-menu a:focus-visible{color:var(--menu-ink);background:var(--menu-fill);outline:0}.terminal-section{position:relative;z-index:1;margin:18px;border:2px solid currentColor}.terminal-section>h2{margin:0;padding:10px 12px;background:var(--menu-fill);color:var(--menu-ink);font-size:18px}.terminal-section .ascii-panel{margin:0;padding:20px;text-align:center;overflow:auto;font:12px/1.15 "Courier New",monospace}.record-row{display:grid;grid-template-columns:90px 1fr 130px 90px;gap:10px;padding:10px 12px;border-top:1px solid currentColor;font-size:12px}.system-voice{padding:22px;max-width:78ch;line-height:1.7}.system-voice p{margin:0 0 14px}.construction{position:relative;z-index:1;overflow:hidden;margin:18px;background:var(--menu-fill);color:var(--menu-ink);padding:7px 0;font-size:12px;font-weight:900}.construction span{display:inline-block;white-space:nowrap;animation:terminal-marquee 16s linear infinite}@keyframes code-fall{to{transform:translateY(110vh)}}@keyframes terminal-marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}@media(max-width:720px){.command-menu{grid-template-columns:1fr 1fr}.record-row{grid-template-columns:62px 1fr}.record-row span:nth-child(3),.record-row span:nth-child(4){text-align:left}.terminal-section{margin:10px}.system-voice{padding:16px}}@media(prefers-reduced-motion:reduce){.ambient-code span,.construction span{animation:none!important}.cursor-glyph{display:none}}

:root{--menu-fill:#9ed9d5;--menu-ink:#05090b}.console{z-index:1}.intro h1{font-size:clamp(2.8rem,6vw,4.8rem);text-shadow:2px 0 #ff6f2f,-2px 0 #276c72}.terminal-section{color:var(--cyan)}.terminal-section .record-row:nth-child(even){background:#0a1114}.system-voice{color:var(--cyan)}.radar pre,.ascii-panel{font-family:"Courier New",monospace}.genome,.scan button,.certificate button{font-family:inherit}.command-menu{border-color:var(--dim)}

button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
