*{box-sizing:border-box;margin:0}html,body{height:100%;background:#000;color:#fff;font-family:Space Grotesk,system-ui,sans-serif;transition:background .35s ease-out}body.pink{background:#ff3ea5}main{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding:2rem;text-align:center}h1{font-size:clamp(3rem,10vw,9rem);font-weight:700;letter-spacing:-.04em;line-height:.95;animation:in .8s ease-out both}.answers{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;animation:in .8s .2s ease-out both}button{position:relative;display:grid;place-items:center;min-width:16rem;background:transparent;color:#fff;border:1px solid #fff5;border-radius:999px;padding:1.1rem 2.5rem;font:700 clamp(1.5rem,4vw,2.5rem) inherit;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,transform .2s,border-color .2s}button>span{grid-area:1/1;transition:opacity .25s,transform .25s}.r{opacity:0;transform:scale(.8)}button:hover,button.on{background:#fff;color:#000;border-color:#fff;transform:translateY(-3px)}button:hover .l,button.on .l{opacity:0;transform:scale(1.2)}button:hover .r,button.on .r{opacity:1;transform:none}button:focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}