body{font-family:system-ui;background:#0b1020;color:#eaf6ff;margin:0}
header{background:#111731;padding:1em 2em;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}
header img{height:40px}
h1{font-size:2em;margin:0}
main{padding:2em;max-width:1000px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5em}
.card{background:#162240;padding:1.2em;border-radius:1em;box-shadow:0 0 10px rgba(0,0,0,0.4);transition:transform .2s}
.card:hover{transform:translateY(-4px)}
.btn{display:inline-block;margin-top:.5em;padding:.5em 1em;border-radius:.5em;background:linear-gradient(135deg,#4ea7ff,#79ffe1);color:#001028;text-decoration:none;font-weight:600}
footer{text-align:center;padding:2em 1em;color:#94a9ff;font-size:.9em;border-top:1px solid #1e2d60}
.search{margin-bottom:1em;display:flex;gap:1em;flex-wrap:wrap}
input,select{padding:.5em;border-radius:.5em;border:none;background:#1b294f;color:#fff}