:root{--plum:#1d021f;--panel:#2a0a2c;--coral:#ff8e7d;--ink:#1d021f}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--plum);color:#fff;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stage{justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.curtain{-o-object-fit:cover;object-fit:cover;opacity:.4;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.veil{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,#1d021f59,#1d021fdb 78%);position:absolute;inset:0}.card{z-index:1;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;display:flex;position:relative}.notch{background:#fffffff5;border:1px solid #1d021f14;border-radius:12px;padding:10px 20px;box-shadow:0 8px 24px #00000047}.panel{background:var(--panel);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;width:100%;padding:24px 22px 22px;display:flex;box-shadow:0 12px 40px #00000059}.panel h1{text-align:center;margin:0;font-size:18px;font-weight:700}.panel .sub{color:#fff9;text-align:center;margin:-6px 0 2px;font-size:13px;line-height:1.4}.join{flex-direction:column;gap:12px;display:flex}.code-input{text-align:center;letter-spacing:.32em;text-transform:uppercase;color:#fff;width:100%;caret-color:var(--coral);background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;padding:14px 12px;font-family:inherit;font-size:26px;font-weight:700}.code-input::placeholder{color:#ffffff47;letter-spacing:.32em}.code-input:focus{border-color:var(--coral);background:#ffffff17;outline:none}.join-btn{width:100%;color:var(--ink);background:var(--coral);cursor:pointer;border:none;border-radius:999px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s}.join-btn:hover{background:#ff7d69}.join-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.error{color:var(--coral);text-align:center;margin:0;font-size:13px;line-height:1.4}.footer{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;text-align:center;font-size:11px}