.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
:root{--bg:#000;--amber:#FF9E1B;--line:rgba(255,158,27,.3);--ivory:#F4EFE6;--muted:#8A857C}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--ivory);
font:15px/1.6 "Montserrat","Inter","Helvetica Neue",Arial,sans-serif}
.bar{background:var(--amber);color:#000;font:600 11px/26px "IBM Plex Mono","DejaVu Sans Mono",monospace;letter-spacing:.14em;
padding:0 20px;text-transform:uppercase}
.box{max-width:420px;margin:12vh auto 40px;padding:32px 30px;background:#050505;border:1px solid var(--line)}
.brand{font-weight:700;font-size:20px}.brand small{display:block;color:var(--amber);font-weight:500;font-size:10px;
letter-spacing:.42em;margin-top:4px}
h1{font:700 12px/1.2 "IBM Plex Mono","DejaVu Sans Mono",monospace;color:var(--amber);letter-spacing:.22em;
text-transform:uppercase;margin:28px 0 18px}
label{display:block;font:600 11px/1 "IBM Plex Mono","DejaVu Sans Mono",monospace;letter-spacing:.14em;color:var(--muted);
text-transform:uppercase;margin:16px 0 6px}
input{width:100%;padding:11px 12px;background:#0A0A0A;border:1px solid var(--line);color:var(--ivory);font:15px/1.3 monospace}
input:focus{outline:none;border-color:var(--amber)}
button{margin-top:22px;width:100%;padding:12px;background:var(--amber);color:#000;border:0;
font:700 12px/1 "IBM Plex Mono","DejaVu Sans Mono",monospace;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.err{border-left:3px solid #E5534B;background:#140707;padding:8px 12px;margin-top:16px;font-size:13px}
.ok{border-left:3px solid var(--amber);background:#140d02;padding:8px 12px;margin-top:16px;font-size:13px}
.muted{color:var(--muted);font-size:12.5px;margin-top:18px}
a,a:visited{color:#FF9E1B;text-decoration:none}a:hover,a:focus{color:#FFB54D;text-decoration:underline}
.theme-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.brand a,.brand a:visited{color:inherit;text-decoration:none}
:root:has(#theme:checked){--bg:#FFF;--amber:#000;--line:rgba(0,0,0,.18);--ivory:#000;--muted:#5A5A5A}
:root:has(#theme:checked),:root:has(#theme:checked) body{background:#FFF}
:root:has(#theme:checked) .bar{background:#000;color:#FFF}
:root:has(#theme:checked) .box{background:#FFF}
:root:has(#theme:checked) input{background:#FFF;color:#000}
:root:has(#theme:checked) button{color:#FFF}
:root:has(#theme:checked) .err{background:#FDECEC}:root:has(#theme:checked) .ok{background:#F4F4F4}
:root:has(#theme:checked) .box a,:root:has(#theme:checked) .box a:visited{color:#000;text-decoration:underline}
:root:has(#theme:checked) .brand a{text-decoration:none}
:root:has(#theme:checked) .bar a.home{color:#FFF;text-decoration:none}
.wrap{max-width:1320px;margin:0 auto;padding:0 48px}
.bar{padding:0}.bar .row{display:flex;justify-content:space-between;align-items:center;height:26px;gap:12px;white-space:nowrap}
.bar b{font-weight:800}.led{width:7px;height:7px;background:#000;display:inline-block;margin-left:10px;vertical-align:middle}
.top{border-bottom:1px solid var(--line)}.top .row{display:flex;align-items:center;justify-content:space-between;height:88px;gap:16px}
.hb{display:flex;align-items:center;gap:14px;text-decoration:none!important}.hb img{width:40px;height:40px;flex:none}
.hb-t{display:flex;flex-direction:column;align-items:center;line-height:1}
.hb-n{color:var(--ivory);font-weight:700;font-size:21px;letter-spacing:.01em}
.top .acts .pg{font:500 11px "IBM Plex Mono","DejaVu Sans Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hb-s{color:var(--amber);font-weight:500;font-size:10px;letter-spacing:.42em;text-transform:uppercase;margin-top:6px;padding-left:.42em}
.acts{display:flex;align-items:center;gap:14px}
.tgl{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;color:var(--amber);border:1px solid var(--line);cursor:pointer}
.tgl:hover{border-color:var(--amber)}.tgl svg{display:block}.tgl .i-moon{display:none}
a.btn,a.btn:visited{color:var(--amber);text-decoration:none;font:700 12px/1 "IBM Plex Mono","DejaVu Sans Mono",monospace;letter-spacing:.18em;
text-transform:uppercase;padding:13px 20px;border:1px solid var(--amber);white-space:nowrap}
a.btn:hover{background:var(--amber);color:#000;text-decoration:none}
.box{margin-top:9vh}
:root:has(#theme:checked) .led{background:#FFF}
:root:has(#theme:checked) .hb img{filter:grayscale(1) brightness(0)}

:root:has(#theme:checked) .tgl .i-sun{display:none}:root:has(#theme:checked) .tgl .i-moon{display:block}
:root:has(#theme:checked) a.btn:hover{color:#FFF}
@media (max-width:760px){.wrap{padding:0 20px}.top .row{height:72px}.hb img{width:32px;height:32px}.hb-n{font-size:17px}
.hb-s{font-size:8.5px}.tgl{width:34px;height:34px}.acts{gap:8px}a.btn{padding:10px 12px;font-size:10.5px;letter-spacing:.12em}.hide-sm{display:none}}