:root{--ink: #160826;--p950: #1e0a38;--p900: #2a0e50;--p800: #3a1470;--p700: #4e1c97;--p600: #6125be;--p500: #7c3ae0;--p400: #9d63ec;--p300: #c5a3f5;--p200: #e4d4fa;--red: #e63b5e;--blue: #2f73f0;--amber: #f0a92b;--green: #1fae74;--paper: #faf7ff;--text: #241338;--muted: #8b7aa6;--line: #ece4f7;--bg-midnight: radial-gradient(100% 90% at 85% -10%, var(--p600), var(--p900) 55%, var(--ink));--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);color:#fff;background:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.stage{position:relative;height:100dvh;width:100%;background:var(--bg-midnight);display:flex;flex-direction:column;padding:64px 48px 36px}.display{font-family:var(--font-display);letter-spacing:-.5px}.spacer{flex:1}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-1px;color:#fff}.brand b{color:var(--p300)}.btn-primary{background:#fff;border-radius:14px;padding:0 36px;height:60px;display:inline-flex;align-items:center;justify-content:center;color:var(--p700);font-weight:800;font-size:22px;box-shadow:0 12px 28px #00000047;transition:transform .08s ease}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:0 28px;height:60px;display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px}.join-card{display:flex;align-items:stretch;background:#fff;border-radius:20px;margin:18px 0;overflow:hidden;box-shadow:0 16px 40px #00000040}.join-card .meta{padding:22px 40px;border-right:2px dashed var(--line);display:flex;flex-direction:column;justify-content:center}.join-card .pin{padding:18px 40px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.join-card .pin-value{font-family:var(--font-display);font-weight:800;color:var(--p700);letter-spacing:4px;line-height:1;white-space:nowrap;font-size:clamp(36px,8vw,72px)}.join-card .qr{padding:16px 28px;display:flex;align-items:center;justify-content:center}@media(max-width:820px){.stage{padding:56px 18px 20px}.join-card{flex-direction:column;text-align:center}.join-card .meta{border-right:none;border-bottom:2px dashed var(--line);padding:18px}.join-card .pin{align-items:center;padding:16px}.join-card .qr{padding:18px}}@keyframes kpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes kpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}