:root{--bg:#07080f;--panel:#10121f;--panel2:#171a2e;--line:#2b3157;--text:#e8f0ff;--muted:#aeb8d6;--cyan:#00e5ff;--mag:#ff5ad9;--amber:#ffc23d;--mono:ui-monospace,"SFMono-Regular","Cascadia Mono","JetBrains Mono","Fira Code",Menlo,Consolas,"Liberation Mono","DejaVu Sans Mono",monospace}
*{box-sizing:border-box}html{background:var(--bg)}
body{font-family:var(--mono);margin:0;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1a0f2e 0,transparent 60%),radial-gradient(900px 500px at 110% 0,#06212b 0,transparent 55%),var(--bg);line-height:1.6;font-size:15px;min-height:100vh}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
a{color:var(--cyan)}a:hover{color:var(--mag)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
header{background:rgba(7,8,15,.92);border-bottom:1px solid var(--cyan);box-shadow:0 0 18px rgba(0,229,255,.25);padding:.9rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem}
header a{color:var(--text);text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}
header a:hover{color:var(--cyan);text-shadow:0 0 8px rgba(0,229,255,.7)}
.brand{position:relative;display:inline-block;font-weight:800;font-size:1.25rem!important;color:var(--text)!important;margin-right:1rem;letter-spacing:.08em;text-shadow:0 0 6px rgba(0,229,255,.55)}
.brand::before,.brand::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none}
.brand::before{color:var(--mag);transform:translate(-2px,0);clip-path:inset(0 0 55% 0);opacity:.8;animation:g1 3.2s infinite steps(1)}
.brand::after{color:var(--cyan);transform:translate(2px,0);clip-path:inset(55% 0 0 0);opacity:.8;animation:g2 2.7s infinite steps(1)}
@keyframes g1{0%,92%,100%{transform:translate(-2px,0);clip-path:inset(0 0 55% 0)}94%{transform:translate(-4px,-1px);clip-path:inset(10% 0 70% 0)}96%{transform:translate(3px,1px);clip-path:inset(40% 0 30% 0)}}
@keyframes g2{0%,90%,100%{transform:translate(2px,0);clip-path:inset(55% 0 0 0)}93%{transform:translate(4px,1px);clip-path:inset(70% 0 5% 0)}97%{transform:translate(-3px,0);clip-path:inset(20% 0 60% 0)}}
main{max-width:1120px;margin:0 auto;padding:1.75rem 1.25rem}
h1{margin-top:0;font-size:1.7rem;line-height:1.3;color:var(--text);text-shadow:0 0 10px rgba(255,90,217,.45)}
h2{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem;border-bottom:1px dashed var(--line);padding-bottom:.35rem}
h2::before{content:"> ";color:var(--mag)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.deal{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:6px;padding:1rem;transition:border-color .2s,box-shadow .2s}
.deal:hover,.deal:focus-within{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(0,229,255,.35),0 0 18px rgba(0,229,255,.18)}
.deal h3{margin:.25rem 0 .4rem;font-size:1.05rem}.deal h3 a{color:var(--text);text-decoration-color:var(--mag)}.deal h3 a:hover{color:var(--cyan)}
.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:.08rem .5rem;border-radius:3px;margin:0 .3rem .2rem 0;text-transform:uppercase;letter-spacing:.05em;background:#252a4a;color:var(--text);border:1px solid #3a4170}
.ok{background:#0b2a2f;color:#7ff6ff;border-color:var(--cyan)}
.stale{background:var(--amber);color:#1a1200;border-color:var(--amber)}
.manual{background:var(--mag);color:#14001a;border-color:var(--mag)}
.meta{font-size:.82rem;color:var(--muted);border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.5rem}.small{font-size:.9rem}
.go{display:inline-block;color:#00161a;background:var(--cyan);padding:.25rem .65rem;border-radius:3px;text-decoration:none;font-weight:700;box-shadow:0 0 10px rgba(0,229,255,.45)}
.go:hover{background:var(--mag);color:#14001a;box-shadow:0 0 12px rgba(255,90,217,.55)}
.strip{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--mag);padding:.75rem 1rem;margin:1rem 0;box-shadow:-4px 0 14px rgba(255,90,217,.25)}
.signup{background:var(--panel);border:2px dashed var(--mag);border-radius:6px;padding:1rem 1.25rem;margin:2rem 0}
input,button{font-family:var(--mono);padding:.5rem .7rem;font-size:1rem;border-radius:3px}
input:disabled,button:disabled{background:#1b1f38;color:#b4bdd9;border:1px dashed #6a74a8;cursor:not-allowed;opacity:1}
input::placeholder{color:#b4bdd9;opacity:1}
table{border-collapse:collapse;width:100%;background:var(--panel)}td,th{border:1px solid var(--line);padding:.5rem;text-align:left;vertical-align:top}th{color:var(--cyan);text-transform:uppercase;font-size:.85rem}
em{color:var(--muted)}
.sister{display:inline-block;margin-top:.5rem;color:var(--text)}label{color:var(--text);font-weight:700}.signup input:not(:disabled){background:#0b0d1a;color:var(--text);border:1px solid var(--cyan)}.signup button:not(:disabled){background:var(--mag);color:#14001a;border:1px solid var(--mag);font-weight:700;cursor:pointer}.nl-status{min-height:1.5em;margin:.6rem 0 0}.nl-status.ok{color:#7ff6ff;background:none;border:0}.nl-status.err{color:var(--amber)}.privacy{color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:.82rem;padding:2rem 1rem;border-top:1px solid var(--line)}
@media (max-width:600px){header{padding:.75rem 1rem}h1{font-size:1.35rem}.grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}
body::after{display:none}.brand::before,.brand::after{display:none}
.brand,h1,header a:hover{text-shadow:none}header,.go,.go:hover,.strip,.deal:hover,.deal:focus-within{box-shadow:none}}
