:root{
    --bg:#FFFFFF;
    --bg-deep:#F4F7FB;
    --surface:#F6F8FB;
    --surface-2:#EEF2F9;
    --green:#02EE61;
    --green-deep:#00B84B;
    --ink:#0C1220;
    --muted:#67728F;
    --hairline:#E3E7F1;
    --white:#FFFFFF;
    --black:#0C1220;
    --attention:#FF5A1F;
    --attention-soft:#FFE4D6;
  }

  *{box-sizing:border-box;}
  html,body{height:100%; overflow-x:hidden;}
  body{
    margin:0;
    background:
      radial-gradient(60% 40% at 50% -5%, rgba(2,238,97,0.10), transparent 60%),
      radial-gradient(80% 60% at 50% 110%, rgba(2,238,97,0.05), transparent 60%),
      linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
    background-attachment:fixed;
    color:var(--ink);
    font-family:'Space Grotesk', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing:antialiased;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100svh;
    padding:28px 20px;
  }

  .board{
    width:100%;
    max-width:420px;
  }

  .logo-wrap{
    display:flex;
    justify-content:center;
    margin:0 0 26px;
  }
  .logo-wrap img{
    width:min(80vw, 290px);
    height:auto;
    filter:drop-shadow(0 0 22px rgba(2,238,97,0.22));
  }

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--green-deep);
    text-align:center;
    margin:0 0 10px;
  }