:root{color-scheme:dark;font-family:'DM Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#080d17;color:#eef4ff;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 700px 450px at 50% -140px,rgba(51,106,197,.17),transparent 80%),#080d17}
a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}
.status-page{max-width:1000px;min-height:100vh;margin:auto;padding:42px 42px 24px;display:flex;flex-direction:column}
.status-header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:13px;font-size:20px;font-weight:800;letter-spacing:-.85px}
.brand-symbol{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#3e82fb,#2450a2);border:1px solid rgba(171,200,255,.4);border-radius:13px;box-shadow:0 8px 25px #14346c55;font-size:21px;font-weight:800;color:#fff}
.brand-accent{color:#79adff}
.live-indicator{display:inline-flex;align-items:center;gap:10px;color:#8b9ebc;font-size:11px;font-weight:800;letter-spacing:1.8px;border:1px solid #223049;background:#101928;border-radius:100px;padding:11px 15px}
.live-pulse{width:7px;height:7px;background:#50d6a0;border-radius:50%;box-shadow:0 0 0 4px #50d6a016;animation:pulse 2.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px #50d6a000}}
.status-content{width:100%;max-width:780px;margin:clamp(70px,12vh,132px) auto 60px}
.title-block{margin-bottom:32px}.eyebrow{display:block;color:#75a7f8;font-size:11px;letter-spacing:2.5px;font-weight:800;margin-bottom:13px}
h1{margin:0;font-size:clamp(38px,5vw,55px);letter-spacing:-2.5px;font-weight:800;line-height:1.14}.heading-dot{color:#68a2ff}
.portal-list{border:1px solid #25324a;border-radius:20px;background:linear-gradient(160deg,rgba(23,32,49,.92),rgba(13,20,34,.98));overflow:hidden;box-shadow:0 22px 60px #00000030}
.portal-row{min-height:93px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .2s,border-color .2s;position:relative}
.portal-row+.portal-row{border-top:1px solid #243049}.portal-row:hover,.portal-row:focus-visible{background:#1a2941;outline:0}.portal-row:focus-visible{box-shadow:inset 0 0 0 2px #7ba8ff}
.portal-identity,.portal-right{display:flex;align-items:center}.portal-identity{gap:18px}.portal-name{font-size:17px;font-weight:750;letter-spacing:-.3px}
.portal-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;border:1px solid #344764;background:#192b49;color:#9ec4ff;font-size:17px;font-weight:800}
.icon-gov{background:#152f50;color:#88bcff}.icon-lspd{background:#152c50;color:#82b3ff}.icon-medic{background:#38202d;color:#ff99ac;border-color:#583044}.icon-sheriff{background:#352e21;color:#e4c58e;border-color:#51442f}.icon-fib{background:#212b4b;color:#adbafa}.icon-nationalguard{background:#243b2d;color:#a9e0b8;border-color:#385e46}
.portal-right{gap:22px}.state{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:114px;border:1px solid transparent;padding:9px 14px;border-radius:100px;font-size:13px;font-weight:750}
.state-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.is-online{color:#5de0ad;background:#123c32;border-color:#245c4b}.is-offline{color:#ff8d99;background:#43212c;border-color:#653440}
.arrow{font-size:19px;color:#657997;transition:transform .2s,color .2s}.portal-row:hover .arrow{transform:translate(2px,-2px);color:#b1d0ff}
.status-footer{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:16px;color:#4b5c76;font-size:10px;letter-spacing:2.3px;font-weight:800}.footer-line{height:1px;width:44px;background:#293650}
@media(max-width:620px){.status-page{padding:23px 17px}.brand{font-size:17px}.brand-symbol{width:36px;height:36px}.live-indicator{font-size:9px;letter-spacing:1px;padding:10px}.status-content{margin:75px auto 60px}.portal-row{padding:16px;min-height:79px}.portal-identity{gap:12px}.portal-icon{width:41px;height:41px;border-radius:11px}.portal-name{font-size:15px}.portal-right{gap:10px}.state{min-width:90px;padding:8px 10px;font-size:12px}.arrow{font-size:16px}.portal-list{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}