:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1220;color:#e8edf5}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:32px 22px}header{border-bottom:1px solid #26344c;margin-bottom:24px}h1{font-size:30px}h1 span{font-weight:400;color:#6edee8}p{line-height:1.6}h2{font-size:21px;margin-top:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}article{display:flex;flex-direction:column;background:#152135;border:1px solid #2a3a52;border-radius:12px;padding:22px 16px;gap:7px}strong{font-size:30px;color:#6edee8}span,.muted{color:#a8b7cb}nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}button{padding:11px 14px;border:1px solid #3b5472;background:#1c3048;color:#fff;border-radius:7px;cursor:pointer}button:hover{background:#2e526c}.notice{background:#213751;padding:16px;border-radius:8px;overflow-wrap:anywhere}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #26344c}th{color:#9bb3ce}td:nth-child(2){white-space:nowrap}.login{max-width:400px;display:grid;gap:18px;margin:60px auto}label{display:grid;gap:8px}input{width:100%;padding:12px;border:1px solid #45617a;border-radius:6px;background:#152135;color:white}@media(max-width:600px){main{padding:20px 12px}h1{font-size:24px}.cards{grid-template-columns:repeat(2,1fr)}strong{font-size:25px}}