:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#202738;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:18px 4%;background:#17243a;color:white;flex-wrap:wrap}header strong{font-size:22px;letter-spacing:.04em}header strong span{font-weight:400;color:#d7b87c}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:white;text-decoration:none}header div{font-size:13px}.container{max-width:1150px;margin:34px auto;padding:0 20px;min-height:75vh}h1{font-size:30px;margin:0 0 20px}h2{font-size:21px;margin-top:34px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:28px 0}.card,details{background:white;border:1px solid #e2e5ec;border-radius:12px;padding:22px;box-shadow:0 4px 14px #14213b08}.card b{font-size:35px;display:block;color:#17243a}.card span{color:#6a7281}details{margin:22px 0}summary{font-weight:700;cursor:pointer}form{margin:14px 0;display:grid;gap:13px;max-width:650px}label{display:grid;gap:6px;font-weight:600;font-size:14px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c8cdd8;border-radius:7px;font:inherit;background:white}textarea{min-height:90px}button{padding:11px 18px;background:#263c60;color:white;border:0;border-radius:7px;font-weight:700;cursor:pointer;width:max-content}button:hover{background:#385781}.small{padding:7px 10px}.secondary{background:#43546c}.inline{display:inline-block;margin:0 0 0 10px}.search{display:flex;max-width:600px}.listrow{background:white;padding:15px 18px;border-bottom:1px solid #e7e9ef;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.listrow a{color:#1b416f;text-decoration:none;font-weight:650}.listrow span{font-size:13px;color:#697181}.login{max-width:480px;margin:8vh auto;background:white;padding:34px;border:1px solid #e4e7ec;border-radius:16px}.error{padding:14px;background:#ffe8e8;color:#8a2020;border-radius:8px}footer{text-align:center;color:#777;padding:35px}@media(max-width:700px){header{align-items:flex-start;gap:12px}nav{width:100%}.search{flex-wrap:wrap}.container{margin:20px auto}}
