:root{--c:#19e3d1;--m:#c46bff;--bg:#04060a;--t:#b9c7d2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,sans-serif}a{color:var(--c)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#04060acc;border-bottom:1px solid #12303a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Courier New,monospace}.topnav a{color:var(--t);text-decoration:none;margin-left:22px;font-size:13px}.topnav .brand{color:var(--c);text-shadow:0 0 10px var(--c);margin:0;font-weight:700;letter-spacing:2px}.wrap{max-width:760px;margin:0 auto;padding:40px 5vw 80px;line-height:1.65}.wrap h1,.wrap h2,.wrap h3{color:#e8f6f8}.wrap h1{letter-spacing:2px}.wrap blockquote{border-left:3px solid var(--m);margin:0;padding:4px 16px;color:#d9c6ff;background:#c46bff11}.wrap hr{border:0;border-top:1px solid #12303a}.card{display:block;border:1px solid #12303a;padding:18px;margin:14px 0;text-decoration:none;color:var(--t);background:#071016}.card:hover{border-color:var(--c);box-shadow:0 0 16px #19e3d133}.card b{color:#e8f6f8}.mono{letter-spacing:2px}.bh-ph,.mono{font-family:Courier New,monospace}.bh-ph{border:1px dashed #2a5a60;padding:14px;color:#5a8a90;font-size:12px;max-width:560px;margin:12px auto}