:root{--bg:#0a1628;--card:#0f2040;--accent:#ff6b35;--text:#e8eaf0;--muted:#8899aa;--danger:#e53e3e;--warn:#dd9c00;--green:#38a169}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
nav{background:#06101f;border-bottom:1px solid #1a2f4e;padding:.75rem 1.5rem;display:flex;align-items:center;gap:2rem}
nav .brand{font-weight:700;font-size:1.1rem;color:var(--accent);letter-spacing:.05em}
nav .brand span{color:var(--text)}
nav a{color:var(--muted);font-size:.9rem;transition:color .2s}nav a:hover{color:var(--text);text-decoration:none}
main{flex:1;padding:2rem 1.5rem;max-width:860px;margin:0 auto;width:100%}
.hero{text-align:center;padding:3rem 1rem 2rem}
.hero h1{font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}
.hero h1 span{color:var(--accent)}
.hero p{color:var(--muted);font-size:1.05rem}
.form-card{background:var(--card);border:1px solid #1a2f4e;border-radius:10px;padding:2rem;margin:1.5rem 0}
.form-card h2{font-size:1.1rem;margin-bottom:1.25rem;color:var(--text)}
label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}
input[type=text],input[type=email]{width:100%;padding:.6rem .9rem;background:#06101f;border:1px solid #1a2f4e;border-radius:6px;color:var(--text);font-size:.95rem;margin-bottom:1rem}
input:focus{outline:none;border-color:var(--accent)}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .5rem;margin-bottom:1.25rem}
.cats label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.88rem;cursor:pointer}
.cats input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}
.btn{display:inline-block;padding:.65rem 1.4rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}
.btn:hover{background:#e55a25}.btn-outline{background:transparent;border:1px solid var(--muted);color:var(--muted)}.btn-outline:hover{border-color:var(--text);color:var(--text)}
.error-banner{background:#3d1111;border:1px solid var(--danger);border-radius:6px;padding:.65rem 1rem;margin-bottom:1rem;color:#fc8181;font-size:.9rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}
.feature{background:var(--card);border:1px solid #1a2f4e;border-radius:8px;padding:1.25rem;text-align:center}
.feature h3{font-size:.95rem;margin-bottom:.4rem}.feature p{font-size:.82rem;color:var(--muted)}
.feature-icon{font-size:1.5rem;margin-bottom:.6rem}
.alert-item{background:var(--card);border:1px solid #1a2f4e;border-radius:8px;padding:1.25rem;margin-bottom:.9rem}
.alert-item .meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.alert-item h3{font-size:.95rem;margin-bottom:.3rem}
.alert-item p{font-size:.84rem;color:var(--muted)}
.badge{display:inline-block;padding:.18rem .55rem;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.badge-CRITICAL{background:#3d1111;color:#fc8181}
.badge-HIGH{background:#3d2200;color:#f6ad55}
.badge-MEDIUM{background:#3d3000;color:#f6e05e}
.card{background:var(--card);border:1px solid #1a2f4e;border-radius:10px;padding:2rem;text-align:center;margin:2rem 0}
.card h1{font-size:1.5rem;margin-bottom:.75rem}.card p{color:var(--muted);margin-bottom:1rem}
.unsub-confirm{max-width:480px;margin:3rem auto;text-align:center}
.prose h2{font-size:1rem;margin:1.25rem 0 .4rem;color:var(--text)}.prose p{color:var(--muted);font-size:.88rem;margin-bottom:.5rem;line-height:1.6}
footer{background:#06101f;border-top:1px solid #1a2f4e;padding:1.25rem 1.5rem;text-align:center;font-size:.78rem;color:var(--muted)}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.cats{grid-template-columns:1fr}.hero h1{font-size:1.5rem}}