[hidden]{display:none!important}:root{--b:#0b5cab;--n:#073b6b;--bg:#f4f7fb;--line:#dce7f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:var(--bg);color:#17324d}.wrap{width:min(1120px,calc(100% - 30px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between}header a{color:var(--b)}.hero{background:linear-gradient(135deg,#07477f,#0b69b8);color:#fff;padding:52px 0}.hero h1{font-size:46px;margin:8px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.toolbar input{padding:10px;border:1px solid var(--line);border-radius:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:220px}.card p{flex:1;color:#6b7e90}.card a{background:var(--b);color:#fff;text-decoration:none;padding:10px;border-radius:10px;text-align:center}.icon{font-size:28px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07477f,#0b69b8)}.login form{width:min(410px,calc(100% - 30px));background:#fff;padding:28px;border-radius:20px;display:flex;flex-direction:column;gap:12px}.login input,.login button{padding:11px;border-radius:10px;border:1px solid var(--line)}.login button{background:var(--b);color:#fff;font-weight:800}@media(max-width:760px){.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar input{width:100%}}