/* Minimal static landing page styling */
:root{
  --bg:#0b0c10;
  --fg:#f2f2f2;
  --muted:#b7b7b7;
  --card:#11131a;
  --border:rgba(255,255,255,.10);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 800px at 50% 20%, rgba(255,255,255,.06), transparent 60%), var(--bg);
  color:var(--fg);
}

.wrap{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:32px 16px;
}

.card{
  width:min(680px, 94vw);
  background: rgba(17,19,26,.75);
  border:1px solid var(--border);
  border-radius:20px;
  padding:32px 24px;
  text-align:center;
  backdrop-filter: blur(10px);
}

.logo{
  width:min(360px, 80vw);
  height:auto;
  display:block;
  margin:0 auto 22px auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55));
}

h1{
  margin:0;
  letter-spacing:.14em;
  font-weight:700;
  font-size:clamp(28px, 4vw, 40px);
}

.byline{
  margin:14px 0 0 0;
  color:var(--muted);
  font-size:clamp(14px, 2vw, 16px);
  letter-spacing:.04em;
}
