:root{font-family:Inter,system-ui,sans-serif;color:#e9fbff;background:#06151b;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% 0,#123845 0,transparent 35%),#06151b}
main{max-width:1180px;margin:auto;padding:32px 20px 70px}
header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}
h1{font-size:clamp(2rem,5vw,3.8rem);margin:.15em 0}
h2{margin-top:0}
.eyebrow{letter-spacing:.2em;color:#59d7e8;font-size:.78rem}
.card,.status{background:#0c252e;border:1px solid #1e4d59;border-radius:18px;padding:22px;box-shadow:0 12px 40px #0006}
.narrow{max-width:440px;margin:70px auto}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wide{grid-column:1/-1}
.status{display:flex;gap:18px;align-items:center;margin-bottom:18px}
.status button{margin-left:auto}
label{display:grid;gap:7px;margin:14px 0}
.toggle{display:flex;align-items:center}
input,textarea,select,button{font:inherit;border-radius:10px;border:1px solid #39717d}
input,textarea,select{width:100%;padding:11px;background:#071a20;color:#fff}
textarea{resize:vertical}
button{padding:11px 16px;background:#24b7c9;color:#001418;font-weight:750;cursor:pointer}
.secondary{background:#153640;color:#dffbff}
.hidden{display:none!important}
.error,#notice{color:#ffbd84}
.table>div{padding:10px 0;border-bottom:1px solid #24505a}
.table small{display:block;color:#9ac2ca;margin-top:4px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.status{align-items:stretch;flex-direction:column}.status button{margin:0}}