:root{
  --bg:#041321;
  --panel:rgba(6,20,35,.72);
  --panel-2:rgba(8,28,46,.82);
  --line:rgba(255,255,255,.08);
  --text:#eef6ff;
  --muted:#9eb5c9;
  --blue:#37b6ff;
  --blue2:#188dff;
  --chip:rgba(255,255,255,.05);
  --shadow:0 18px 60px rgba(0,0,0,.38);
  --radius:22px;
  --max:1240px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 14%, rgba(65,174,255,.16), transparent 22%),
    radial-gradient(circle at 78% 10%, rgba(23,122,255,.18), transparent 24%),
    radial-gradient(circle at 84% 72%, rgba(33,184,255,.10), transparent 28%),
    linear-gradient(180deg,#020c15 0%,#041624 42%,#06182a 100%);
  min-height:100vh;
}

.page-shell{padding:20px}
.wrap{max-width:var(--max);margin:0 auto}

.topbar{
  margin-bottom:30px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.hero h1{
  font-size:64px;
  margin:0 0 10px;
}

.lead{
  color:var(--muted);
  font-size:18px;
  margin-bottom:20px;
}

/* 🔥 FINAL FIXED LOGO */
.ask-chad-logo{
  height:10px;
  width:auto;
  margin-left:4px;
  vertical-align:middle;
  position:relative;
  top:-1px;
  filter:drop-shadow(0 0 2px rgba(0,150,255,.25));
}

/* small contexts */
.chip .ask-chad-logo{height:9px;}
.eyebrow .ask-chad-logo{height:10px;}
/* 🔥 BIG LOGO ONLY IN ASK CHAD CARD */
.ask-card .ask-chad-logo {
  height: 32px;
}   /* adjust if needed */
  margin-left: 0;
  top: 0;
}