:root{--bg:#0b1020;--card:#121830;--muted:#a6b0cf;--text:#f5f7ff;--accent:#3b82f6;--accent-2:#94a3b8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:1.5rem}
.site-header{position:sticky;top:0;background:rgba(11,16,32,.7);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #1e293b}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
nav a{margin-right:1rem}
nav a.active{color:#fff;font-weight:600}
.hero{padding-top:4rem;padding-bottom:3rem}
.hero h2{font-size:2rem;margin:.5rem 0 0}
.hero p{color:var(--muted);max-width:720px}
.actions{margin-top:1rem}
.btn{display:inline-block;background:var(--accent);color:white;padding:.7rem 1rem;border-radius:.75rem;font-weight:600}
.btn-secondary{background:transparent;border:1px solid var(--accent-2);color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:var(--card);padding:1rem;border-radius:1rem;border:1px solid #1f2a44;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.cta{padding:2rem 0}
.site-footer{background:#0a0f1e;border-top:1px solid #1e293b;margin-top:2rem}
input#search{width:100%;padding:.8rem 1rem;border-radius:.7rem;border:1px solid #26324d;background:#0f152a;color:#fff;margin:.5rem 0 1rem}
.table-wrapper{overflow:auto;border:1px solid #1f2a44;border-radius:1rem}
table{width:100%;border-collapse:collapse;background:var(--card)}
th,td{padding:.75rem;border-bottom:1px solid #1f2a44;text-align:left}
th{position:sticky;top:0;background:#0f152a;z-index:1}
.muted{color:var(--muted)}
@media (max-width:640px){.site-header .container{flex-direction:column;align-items:flex-start}.hero{padding-top:2rem}}