*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#000814;--panel:#07162a;--ink:#d8e7ec;--cyan:#79d7e5;--blue:#3f88b5;--dim:#60798a;--line:#28536d;--yellow:#e5d66f}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{
 font-family:"Courier New",Courier,monospace;
 image-rendering:pixelated;
 background:
   repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px),
   var(--bg);
}
body:before{
 content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;
 background-image:radial-gradient(#79d7e5 0.6px,transparent 0.6px);
 background-size:4px 4px;
}
main{width:min(660px,calc(100% - 28px));margin:0 auto;min-height:100vh;padding:11vh 0 38px;position:relative}
.page{padding-top:42px}
.window{border:2px solid var(--blue);box-shadow:4px 4px 0 #02060c;background:rgba(7,22,42,.84)}
.titlebar{padding:7px 10px;border-bottom:2px solid var(--blue);color:var(--cyan);font-size:12px;font-weight:bold;letter-spacing:.12em}
.content{padding:28px 24px 25px}
.logo{font-size:clamp(31px,8vw,56px);font-weight:bold;letter-spacing:-.07em;color:var(--ink);text-shadow:2px 2px 0 #173b51}
.exe{color:var(--cyan)}
.tag{margin-top:5px;color:var(--dim);font-size:11px;letter-spacing:.18em}
.rule{height:2px;background:var(--line);margin:24px 0}
nav{display:grid;gap:10px}
.button{display:block;border:1px solid var(--line);padding:12px 13px;color:var(--ink);text-decoration:none;font-weight:bold;letter-spacing:.08em;background:#04101e}
.button:before{content:"> ";color:var(--cyan)}
.button:hover,.button:focus{border-color:var(--cyan);color:#fff;background:#0a2037;outline:none}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.back{display:inline-block;margin-bottom:24px;font-size:12px}
h1{font-size:25px;letter-spacing:.08em;margin:0 0 7px;color:var(--cyan)}
h2{font-size:12px;letter-spacing:.12em;color:var(--yellow);margin:30px 0 8px}
p{font-size:14px;line-height:1.65;margin:0 0 16px;max-width:62ch}
.dim{color:var(--dim);font-size:11px}
footer{margin-top:34px;padding-top:13px;border-top:1px solid var(--line);color:var(--dim);font-size:10px;letter-spacing:.08em}
.cursor{display:inline-block;width:8px;height:13px;background:var(--cyan);vertical-align:-2px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media(max-width:480px){main{padding-top:7vh}.page{padding-top:20px}.content{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){.cursor{animation:none}}