@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#6366f1;--primary-glow:#6366f166;--secondary:#ec4899;--accent:#06b6d4;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--bg-deep:#0f172a;--bg-main:#1e293b;--bg-surface:#ffffff0d;--bg-glass:#ffffff08;--border-glass:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-dim:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-md:0 10px 15px -3px #0003;--shadow-lg:0 20px 25px -5px #0000004d;--shadow-glow:0 0 20px var(--primary-glow)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100%;height:100%;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background:radial-gradient(circle at 0 0,#1e293b 0%,#0f172a 100%) fixed}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff1a}.input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0d;outline:none;padding:14px 18px;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff14}select.input{background-color:var(--bg-main);cursor:pointer}select.input option{background-color:var(--bg-main);color:var(--text-primary);padding:10px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.option-card{border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;border:2px solid #0000;padding:20px;font-weight:600;transition:all .2s}.option-card:hover{background:#ffffff14;transform:scale(1.02)}.option-selected{border-color:var(--primary);background:var(--primary-glow)}.room-code-display{letter-spacing:.2em;color:var(--primary);text-shadow:0 0 20px var(--primary-glow);font-size:4rem;font-weight:800}