:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1421;color:#e9eef8}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:48px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h1{font-size:40px;letter-spacing:-1.5px;margin:8px 0}h2{font-size:20px}.eyebrow{color:#7bb5ff;font-size:12px;letter-spacing:2px}p{line-height:1.65;color:#c4cfdf}.muted{color:#97a7be;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card,.login,main>section{background:#131f30;border:1px solid #293951;border-radius:16px;padding:25px;margin:20px 0}.grid .card{margin:0}.login{max-width:440px;margin:60px auto}.notice{padding:18px 22px;border-radius:10px}.ok{background:#153c35;color:#9ee6c2}.warn{background:#49371e;color:#ffdc95}.unknown{background:#30394b;color:#d4dbe8}.badge{display:inline-block;border-radius:30px;padding:5px 12px;font-size:12px}label{display:block;margin:20px 0}input{display:block;width:100%;background:#0c1421;color:#fff;border:1px solid #57708f;padding:13px;border-radius:8px;margin-top:8px}button{border:1px solid #739ace;border-radius:8px;padding:12px 20px;background:#2564ac;color:#fff;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9ed3ff;outline-offset:3px}@media(max-width:500px){main{padding:24px 16px}h1{font-size:30px}header{align-items:flex-start;gap:12px}}