:root { --ink:#f8f4e8; --bg:#061225; --muted:#aeb8c8; --accent:#e63946; }
* { margin:0; padding:0; box-sizing:border-box; }
html { min-height:100%; background:var(--bg); }
body { min-height:100dvh; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--ink); }
a { color:inherit; }
.site-header { position:fixed; inset:0 0 auto 0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; background:linear-gradient(180deg, rgba(3,9,22,.58), transparent); pointer-events:none; }
.site-header .brand { font-weight:800; letter-spacing:.5px; text-decoration:none; font-size:18px; pointer-events:auto; text-shadow:0 2px 10px rgba(0,0,0,.55); }
.site-footer { position:fixed; left:0; right:0; bottom:0; z-index:8; padding:6px 12px calc(6px + env(safe-area-inset-bottom)); text-align:center; color:rgba(255,255,255,.72); font-size:12px; pointer-events:none; text-shadow:0 1px 8px rgba(0,0,0,.75); }