:root { --bg:#070a18; --ink:#e8ecff; --dim:#8b94c4; box-sizing:border-box;
          padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); color-scheme:dark; }
  *,*::before,*::after { box-sizing:inherit; }
  html,body { height:100%; margin:0; }
  body { background:radial-gradient(ellipse at 50% 45%, #10173a 0%, var(--bg) 70%); color:var(--ink);
         font-family:"Poppins","Segoe UI",system-ui,sans-serif; overflow:hidden; }
  canvas { position:fixed; inset:0; width:100%; height:100%; display:block; }
  main { position:relative; height:100%; display:flex; flex-direction:column; align-items:center;
         justify-content:center; gap:1.5rem; pointer-events:none; text-align:center; padding:1rem; }
  .logo { display:flex; align-items:center; gap:.9rem; margin-bottom:clamp(1.5rem,4vw,3rem); }
  .logo img { display:block; height:auto; width:clamp(110px,16vw,170px); height:auto; }
  main { gap:1.6rem; }
  h1 { margin:0; font-weight:600; font-size:clamp(2rem,6.4vw,4.2rem); line-height:1.25; letter-spacing:-.02em; text-wrap:balance; }
  .hl { background:#3a4bf6; padding:.02em .22em; margin-left:.05em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
  p { margin:0; font-weight:400; color:var(--ink); font-size:clamp(.95rem,2.2vw,1.25rem); }
  address { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem 2rem; margin-top:.6rem; font-style:normal; pointer-events:auto; }
  address a { color:var(--ink); text-decoration:none; font-size:clamp(.95rem,2vw,1.1rem); padding:.25rem 0; border-bottom:2px solid #3a4bf6; transition:border-color .2s; }
  address a:hover, address a:focus-visible { border-bottom-color:#fff; outline:none; }