html, body { margin: 0; min-height: 100%; background: #0f172a; color: #fff; font-family: 'Inter', system-ui, sans-serif; }
[hidden] { display: none !important; }
.pair { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 32px 20px; box-sizing: border-box; }
.pair-brand { font: 800 1.3rem 'Manrope', sans-serif; color: #86efac; margin-bottom: 28px; }
.pair h1 { font: 800 clamp(1.8rem, 5vw, 3rem) 'Manrope', sans-serif; margin: 0 0 14px; letter-spacing: -.02em; }
.pair-lede { max-width: 620px; color: #cbd5e1; font-size: clamp(1rem, 2.4vw, 1.25rem); line-height: 1.5; margin: 0 0 36px; }
.pair-code { font: 800 clamp(3.2rem, 14vw, 8rem)/1 ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: .12em; background: rgba(255,255,255,.08); border: 3px solid rgba(134,239,172,.6); border-radius: 28px; padding: 28px 40px; }
.pair-meta { color: #94a3b8; margin-top: 22px; font-size: 1rem; }
.pair-done { color: #86efac; font-size: 1.3rem; font-weight: 700; margin-top: 22px; }