:root{color:#12304a;font-synthesis:none;background:#f4f8fb;font-family:Inter,system-ui,sans-serif}body{margin:0}main{text-align:center;place-items:center;min-height:100vh;display:grid}section{padding:2rem}h1{color:#075985;margin:0;font-size:clamp(2.5rem,8vw,5rem)}p{margin:.75rem 0 1.5rem;font-size:1.15rem}small{background:#e2e8f0;border-radius:999px;padding:.5rem .8rem;display:inline-block}small[data-status=online]{color:#166534;background:#dcfce7}small[data-status=offline]{color:#991b1b;background:#fee2e2}form{text-align:left;gap:1rem;width:min(22rem,80vw);margin:auto;display:grid}label{gap:.35rem;display:grid}input,select,button{font:inherit;padding:.7rem}button{cursor:pointer;margin-top:1rem}[role=alert]{color:#991b1b}