*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#10243d;font-family:Inter,Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:28px}.login{max-width:520px;margin:9vh auto;padding:24px}.brand{font-size:24px;letter-spacing:-.5px}.brand b{background:#10243d;color:white;border-radius:10px;padding:8px 10px;margin-right:6px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}nav{display:flex;gap:14px}a{color:#087f8c;text-decoration:none;font-weight:700}.hero{padding:28px 0}.hero h1{font-size:42px;margin:0 0 8px}.card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 8px 30px rgba(15,35,60,.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,button{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #cbd5e1;margin:7px 0;font-size:15px}button,.btn{background:#10243d;color:white;border:0;padding:12px 16px;border-radius:10px;display:inline-block;font-weight:800;cursor:pointer}.muted{color:#64748b}.pill{display:inline-block;background:#e6f7f7;color:#087f8c;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.ok,.bad{padding:12px;border-radius:10px;margin:10px 0}.ok{background:#e9f8ef}.bad{background:#fff0f0;color:#9b1c1c}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf2f7}code{display:block;overflow:auto;background:#0b1728;color:#d8f3f3;padding:12px;border-radius:8px;margin-top:8px}@media(max-width:700px){.formgrid{grid-template-columns:1fr}.hero h1{font-size:32px}}