*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07090c;color:#e8eef0}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%}.screen{position:absolute;inset:0;display:grid;place-content:center;gap:.75rem;text-align:center;padding:2rem;background:radial-gradient(ellipse at center,#07090cb8,#07090cf5)}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#6fd6c0}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em}.lede{margin:0 auto;max-width:34rem;color:#aebac2}.primary{justify-self:center;padding:.7rem 1.6rem;border-radius:999px;border:1px solid #6fd6c0;background:#6fd6c0;color:#05100e;font-weight:700;cursor:pointer}.hint{margin:0;font-size:.75rem;color:#7d8b94}