:root{
  --bg:#0b1e3b;--bg-2:#102b56;--txt:#0b1e3b;--muted:#627aa1;--white:#fff;
  --ring:rgba(3,102,214,.3);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--txt);-webkit-font-smoothing:antialiased}
a{color:#0a5bd3;text-decoration:none}
a:focus,button:focus,input:focus,select:focus{outline:2px solid var(--ring);outline-offset:2px}
.container{max-width:1160px;margin:0 auto;padding:0 16px}
/* Header */
.site-header{background:var(--bg);color:var(--white);position:sticky;top:0;z-index:50}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;color:var(--white);font-weight:800;font-size:20px}
.nav{display:flex;align-items:center;gap:14px}
.nav a{color:#cfe3ff;padding:8px 10px;border-radius:8px}
.nav a:hover{background:rgba(255,255,255,.09)}
.menu{display:flex;align-items:center;gap:8px;position:relative}
.menu .toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
@media (max-width: 860px){
  .menu .toggle{display:inline-flex}
  .nav{display:none;flex-direction:column;align-items:flex-start;background:var(--bg-2);position:absolute;right:0;top:42px;padding:12px 12px;border-radius:12px;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
  .nav.open{display:flex}
}
/* Hero & general */
.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
h1{margin:.4em 0 0.2em;font-size:clamp(26px,4vw,36px)}
h2{margin:1.2em 0 .5em}
.lede{opacity:.9;max-width:60ch}
.btn{padding:.6em 1em;border:1px solid var(--bg);background:var(--bg);color:#fff;border-radius:10px;cursor:pointer}
.btn.outline{background:transparent;color:var(--bg)}
/* Utility nav of tools */
.tools a{display:inline-block;margin:6px 10px 6px 0;padding:8px 10px;border:1px solid #e5ecff;border-radius:10px}
/* Uploader */
.uploader input{margin:12px 0}
.ad-slot{min-height:250px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;margin:16px 0}
/* Footer */
.site-footer{background:var(--bg);color:#fff;margin-top:40px;padding:24px 0}
.site-footer a{color:#cfe3ff;text-decoration:none;margin-right:16px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-links{margin:12px 0}.disclaimer{font-size:12px;opacity:.9}