body{font-family:Inter,system-ui,Arial;background:#f4f7fb;margin:0;color:#111}
.topbar{background:#0b3b5f;color:#fff;padding:14px 20px}
.container{padding:20px}
.controls{display:flex;gap:12px;margin-bottom:16px}
.controls input{flex:1;padding:10px;border-radius:8px;border:1px solid #d0d7e6}
.controls select{padding:10px;border-radius:8px;border:1px solid #d0d7e6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.card{background:#fff;padding:14px;border-radius:10px;box-shadow:0 6px 18px rgba(11,59,95,0.06);border:1px solid rgba(11,59,95,0.04)}
.card h3{margin:0 0 6px 0}
.btn{display:inline-block;padding:8px 12px;background:#0b73ff;color:#fff;border-radius:8px;text-decoration:none;border:none;cursor:pointer} 
.gate{max-width:420px;margin:80px auto;text-align:center;padding:20px;border-radius:10px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.05)}