:root{color-scheme:dark;--bg:#07111e;--panel:#0e2033;--line:#29445e;--text:#f2f6fc;--muted:#a8bed0;--red:#d62534}
*{box-sizing:border-box}body{margin:0;background:#07111e;color:#f2f6fc;font:16px/1.5 system-ui,Segoe UI,Arial,sans-serif}a{color:#a9d9ff}.wrap{max-width:1360px;margin:auto;padding:0 20px}.mast{background:linear-gradient(110deg,#09253e,#102b4b 65%,#451f2d);border-bottom:3px solid #d62534}.mast-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.brandmark{width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(145deg,#174e87 48%,#fff 48%,#fff 56%,#c91e31 56%);clip-path:polygon(12% 5%,88% 5%,88% 24%,98% 36%,83% 56%,68% 70%,55% 96%,35% 77%,17% 72%,12% 50%,2% 39%,12% 26%);font-size:25px}.brand h1{font-size:clamp(25px,3.3vw,44px);line-height:1;margin:0;letter-spacing:-1px}.tag{font-size:13px;color:#d8e7f4;letter-spacing:1px;margin-top:7px}.mast-note{max-width:230px;color:#d2dfec;font-size:14px;border-left:2px solid #698ba9;padding-left:16px}nav{background:#081827;border-bottom:1px solid #29445e}.navrow{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.navrow a{color:white;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2px;padding:12px 10px}.navrow a:hover,.navrow a[aria-current=page]{background:#a51f32}.navrow a:first-child{background:#a51f32}.page-title{padding:34px 0 20px}.eyebrow{font-size:12px;letter-spacing:2px;color:#f0c56b;font-weight:900}.page-title h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:8px 0 12px}.page-title p{color:#c3d5e6;max-width:850px;margin:0}.bar{height:5px;background:linear-gradient(90deg,#d62534 0 27%,#fff 27% 29%,#17549a 29%)}.panel{border:1px solid #31516b;background:#10253a;border-radius:8px;overflow:hidden;margin-bottom:18px}.panel h3{margin:0;padding:13px 18px;background:#183651;color:white;font-size:16px}.inside{padding:18px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#bcd3e5;font-weight:700}.field select,.field input{background:#081a2b;color:white;border:1px solid #58718b;border-radius:5px;padding:10px 12px;min-width:190px;font:inherit}.btn{border:0;border-radius:5px;background:#be2638;color:white;font:700 14px system-ui;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#245581}.muted{color:#abc3d5}.status{padding:12px 0;font-size:13px;color:#c1d3e3}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{background:#10253a;border:1px solid #34546c;border-radius:8px;padding:18px}.stat b{display:block;font-size:30px;color:white}.stat span{font-size:12px;color:#b7cadb}.alerts{display:grid;gap:12px}.alert{background:#0b1c2c;border:1px solid #35516a;border-left:5px solid #7198bc;border-radius:6px;padding:15px}.alert.tornado{border-left-color:#e93647}.alert.severe{border-left-color:#ff9a31}.alert.flood{border-left-color:#40b873}.alert.winter{border-left-color:#a783ef}.alert h4{margin:0 0 7px;font-size:17px}.alert p{margin:5px 0;color:#c4d5e2;font-size:14px}.alert small{color:#9ebbd0}.alert a{font-weight:750}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{border:1px solid #31516b;border-radius:8px;background:#10253a;overflow:hidden}.tile h3{background:#183651;padding:14px 17px;margin:0;font-size:17px}.tile .inside{min-height:175px}.tile p{color:#c1d5e4;margin-top:0}.tile .btn{margin-top:8px}.official{font-size:12px;color:#9fb8cb;padding-bottom:24px}.footer{border-top:1px solid #29445e;padding:24px 0 35px;color:#aac0d2;font-size:13px;margin-top:35px}@media(max-width:760px){.cards,.tiles{grid-template-columns:1fr}.wrap{padding:0 12px}.mast-note{display:none}.brandmark{width:44px;height:44px}.navrow a{padding:9px 7px;font-size:11px}.brand h1{font-size:25px}}