:root{
  --bg:#0b1220; --fg:#f59e0b; --muted:#f59e0b; --accent:#f59e0b;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
#bg-canvas{position:fixed; inset:0; width:100%; height:100%; display:block}
.vignette{position:fixed; inset:0; pointer-events:none;
  background:radial-gradient(80% 80% at 50% 50%, transparent 0%, transparent 62%, rgba(0,0,0,.45) 100%)}
.brand{position:fixed; top:24px; left:0; right:0; display:grid; place-items:center; z-index:10}
.logo{display:inline-block; background:var(--accent); border-radius:9999px; padding:8px 14px;
  box-shadow:0 10px 28px rgba(245,158,11,.4)}
.logo img{display:block; height:56px; width:auto}
.center{position:fixed; inset:0; display:grid; place-items:center; text-align:center; z-index:9; padding:24px}
h1{margin:0; font-weight:900; letter-spacing:.04em; line-height:1;
  font-size:clamp(48px, 9vw, 112px); text-shadow:0 16px 40px rgba(0,0,0,.6)}
.tag{margin:.9rem 0 0; color:var(--muted); font-weight:600; letter-spacing:.28em; text-transform:uppercase}
/* links inside the centered tag row */
.tag{
  display:flex; gap:.8rem; justify-content:center; align-items:center;
  letter-spacing:.25em; text-transform:uppercase;
}
.tag a{
  color:inherit; text-decoration:none;
  padding:.1rem .2rem;
}
.tag a:hover,.tag a:focus{
  opacity:.9;
  filter:drop-shadow(0 0 6px rgba(245,158,11,.35));
}
.tag span{ opacity:.6; }
/* brand links in the center row */
.tag a,
.tag a:visited,
.tag a:active,
.tag a:focus{
  color:#f59e0b !important;
  text-decoration:none !important;
}
.tag a:hover{
  text-decoration:none;
  opacity:.95;
  filter:drop-shadow(0 0 6px rgba(245,158,11,.35));
}