:root{--navy:#071426;--navy-2:#0d2038;--blue:#1b4f8f;--blue-2:#2f80d1;--gold:#c9a227;--white:#fff;--text:#172033;--muted:#5e6b7e;--light:#f4f7fb;--line:#d7deea;--danger:#b3261e;--success:#1f7a45}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text)}a{color:inherit;text-decoration:none}
.topbar{background:var(--navy);color:#dce8f8;font-size:13px;padding:9px 7%;border-bottom:3px solid var(--gold)}
.header{background:var(--white);padding:20px 7%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}.seal{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,var(--blue-2) 29% 55%,var(--navy) 56%);border:3px solid var(--gold);display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px}
.brand-text h1{margin:0;font-size:26px;color:var(--navy)}.brand-text p{margin:4px 0 0;color:var(--muted);font-size:14px}
.nav{background:var(--navy-2);padding:0 7%;display:flex;flex-wrap:wrap}.nav a{color:#fff;padding:15px 17px;font-weight:700;font-size:14px;border-left:1px solid rgba(255,255,255,.12)}.nav a:hover,.nav a.active{background:var(--blue)}.nav a.active{box-shadow:inset 0 -4px 0 var(--gold)}
.hero{background:linear-gradient(rgba(7,20,38,.86),rgba(7,20,38,.86)),radial-gradient(circle at top right,#2f80d1,transparent 34%);color:#fff;padding:72px 7%}.hero .label{display:inline-block;background:var(--gold);color:#171200;padding:7px 11px;font-size:13px;font-weight:800;margin-bottom:18px;border-radius:3px}.hero h2{margin:0;max-width:900px;font-size:clamp(34px,5vw,56px);line-height:1.08}.hero p{max-width:760px;font-size:18px;color:#dfe9f8;line-height:1.7}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:0;background:var(--blue-2);color:#fff;padding:13px 18px;border-radius:4px;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #dfe9f8;color:#fff}
.section{padding:54px 7%}.section.white{background:#fff}.section h2{color:var(--navy);font-size:32px;margin:0 0 12px}.section p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}.card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);padding:22px;border-radius:4px}.white .card{background:#f8fafe}.card h3{margin:0 0 8px;color:var(--navy)}.card p{margin-bottom:0}
.notice{background:#fff8df;border-left:5px solid var(--gold);padding:16px 18px;color:#4b3b00;margin-top:22px}.critical{background:#fff1f0;border-left-color:var(--danger);color:#56120e}.badge{display:inline-block;background:#e7f1fd;color:var(--blue);padding:6px 9px;border-radius:3px;font-size:13px;font-weight:700;margin:4px 4px 0 0}
.status-box{background:#fff;border:1px solid var(--line);padding:24px;border-radius:4px;margin-top:24px}.status-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-good{color:var(--success);font-weight:800}
.radar-panel{min-height:380px;background:#071426;border:1px solid #1e385c;display:grid;place-items:center;color:#dfe9f8;text-align:center;border-radius:4px;margin-top:24px}.radar-circle{width:230px;height:230px;border-radius:50%;border:2px solid #56e39f;background:radial-gradient(circle,rgba(86,227,159,.45) 0 8%,transparent 9%),conic-gradient(rgba(47,128,209,.35),rgba(86,227,159,.25),rgba(201,162,39,.3),rgba(47,128,209,.35));display:grid;place-items:center;font-weight:900;margin:0 auto 16px}
.form{max-width:720px;display:grid;gap:14px;margin-top:24px}input,select,textarea{width:100%;padding:13px;border:1px solid #b9c5d6;border-radius:4px;font-size:15px;background:#fff;color:var(--text)}textarea{min-height:140px}.footer{background:var(--navy);color:#dce8f8;padding:30px 7%;border-top:4px solid var(--gold)}.footer p{margin:6px 0;color:#dce8f8;font-size:14px}.small{font-size:13px;color:var(--muted)}
#liveRadarMap{width:100%;height:520px;border:1px solid #b9c5d6;border-radius:4px;margin-top:24px;background:#071426}.radar-controls{background:#fff;border:1px solid #d7deea;padding:16px;margin-top:18px;border-radius:4px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.radar-controls button{border:0;background:#1b4f8f;color:white;padding:10px 14px;border-radius:4px;font-weight:700;cursor:pointer}.map-note{font-size:13px;color:#5e6b7e;margin-top:10px}.alert-popup h3{margin:0 0 6px;color:#071426;font-size:16px}.alert-popup p{margin:4px 0;color:#172033;line-height:1.4}
.auth-container{max-width:900px;margin:50px auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.auth-box{background:#fff;border:1px solid #d7deea;border-top:5px solid #1b4f8f;padding:26px;border-radius:4px}.auth-box h2{margin-top:0;color:#071426}.auth-box input{margin-bottom:14px}.auth-note{max-width:900px;margin:20px auto 60px;padding:0 20px}
@media(max-width:700px){.nav a{width:50%;border-bottom:1px solid rgba(255,255,255,.12)}.status-row{flex-direction:column}}