:root{
  --gold:#F2CC6E;

  --text: rgba(230,235,240,0.95);
  --muted: rgba(180,190,205,0.9);

  --glassTop: rgba(28,34,42,0.55);
  --glassBot: rgba(20,24,30,0.45);
  --glassBorder: rgba(255,255,255,0.10);
}

*{
  box-sizing:border-box;
}

html,body{
  height:100%;
  margin:0;
}

body{
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;

  background:#000;
  overflow:hidden;
}

/* ===== PAGE ===== */

.page{
  position:relative;
  height:100%;
  width:100%;
}

/* ===== FULL BRIGHT BACKGROUND ===== */

.bg{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  pointer-events:none;
}

/* REMOVED DARK VIGNETTE COMPLETELY */
.vignette{
  display:none;
}

/* ===== CENTER LAYOUT ===== */

.stack{
  position:relative;
  z-index:2;

  height:100%;
  width:100%;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:28px;
  padding:24px;
}

/* invisible spacer aligning card under logo */
.logo-zone{
  width:min(520px,78vw);
  aspect-ratio:1/1;
  transform:translateY(-20px);
}

/* ===== GLASS CARD ===== */

.glass{
  width:min(560px,92vw);

  padding:26px 30px;
  border-radius:18px;

  text-align:center;

  background:
    linear-gradient(
      180deg,
      var(--glassTop),
      var(--glassBot)
    );

  border:1px solid var(--glassBorder);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.45),
    0 0 25px rgba(242,204,110,0.08);
}

/* ===== TEXT ===== */

.glass h1{
  margin:0 0 10px;

  font-weight:800;
  letter-spacing:0.28em;

  color:var(--text);
}

.tagline{
  margin:0;
  font-size:0.95rem;
  color:var(--muted);
}

.soon{
  margin-top:10px;
  font-size:0.85rem;
  color:rgba(180,190,205,0.75);
}

/* ===== FOOTER ===== */

.footer{
  position:fixed;
  left:18px;
  bottom:14px;

  z-index:3;

  display:flex;
  gap:8px;

  font-size:0.9rem;
}

.brand{
  color:var(--gold);
  font-weight:700;
}

.dot{
  color:rgba(255,255,255,0.35);
}

.muted{
  color:rgba(160,170,185,0.85);
}