*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f3f6fb;color:#172033}a{color:#2457a7;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#102846;color:white;padding:15px max(20px,calc((100% - 1080px)/2));display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{color:white;font-weight:800;font-size:1.15rem}.topbar nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.topbar nav a,.link-button{color:white}.nav-form{display:inline;margin:0}.link-button{background:none;border:0;padding:0;font:inherit;cursor:pointer}.container{max-width:1080px;margin:28px auto;padding:0 18px;min-height:65vh}.hero{padding:38px;border-radius:20px;background:linear-gradient(135deg,#dbeafe,#fff);border:1px solid #c8d9f3}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.card,form.panel{background:white;border:1px solid #dbe2ec;border-radius:14px;padding:22px;box-shadow:0 4px 16px #162e4d0a}.button,button{display:inline-block;border:0;border-radius:9px;background:#2457a7;color:white;padding:11px 16px;font:inherit;font-weight:650;cursor:pointer}.button.secondary{background:#e8eef8;color:#17345e}.field{display:block;margin:14px 0}.field span{display:block;font-weight:650;margin-bottom:6px}.field input{width:100%;padding:11px;border:1px solid #b9c5d6;border-radius:8px;font:inherit}.notice{padding:12px 15px;border-radius:9px;background:#fff3cd;border:1px solid #f1d58a;margin-bottom:18px}.muted{color:#59677c}.footer{text-align:center;padding:25px;color:#657189;font-size:.9rem}.stats{font-size:1.7rem;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e1e6ef;text-align:left}.badge{display:inline-block;padding:4px 9px;background:#e3edff;border-radius:999px;font-size:.85rem}
