:root{--nav:#0b1530;--nav2:#0f1d44;--border:#1d2b57;--gold:#d6b450;--text:#e6edf6;--muted:#cdd7f6;}
html{color-scheme:dark;}
header.site-header{position:sticky;top:0;z-index:50;background:rgba(11,21,48,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);}
.site-header .wrap{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;}
.site-header a{color:var(--muted);text-decoration:none;}
.site-header .brand{display:flex;align-items:center;gap:.75rem;}
.site-header .brand img{height:28px;width:auto;display:block;}
.site-header nav.primary{display:none;gap:1.5rem;}
@media(min-width:768px){.site-header nav.primary{display:flex}.hambtn{display:none}}
.hambtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#13214a;padding:.5rem .625rem;color:var(--text)}
.hambtn:hover{background:#172a5f}
.hambtn img{width:20px;height:20px;display:block}
.mobile-drawer{display:none;border-top:1px solid var(--border);background:var(--nav)}
.mobile-drawer.open{display:block}
.mobile-drawer .menu{max-width:1100px;margin:0 auto;padding:8px 16px 10px}
.mobile-drawer a{display:block;padding:.65rem 0;border-bottom:1px solid rgba(29,43,87,.5)}
.mobile-drawer a:last-child{border-bottom:0}
footer.site-footer{border-top:1px solid var(--border);background:#0a132c}
.container{max-width:1100px;margin:0 auto;padding:24px 16px}
h1,h2,h3{color:#f3f6ff}
.section{padding:36px 0}
.card{background:#0e1a3b;border:1px solid var(--border);border-radius:16px}
.muted{color:#cdd7f6}
.btn{display:inline-block;background:linear-gradient(90deg,#d6b450,#e1c979);color:#0b1530;padding:.7rem 1rem;border-radius:10px;font-weight:600}
.btn.outline{background:transparent;color:#e6edf6;border:1px solid #415089}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
img.round{border-radius:16px}