.authWrapper{flex-direction:column;justify-content:center;align-items:center;padding:40px 15px;display:flex}.authBox{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0046ad26}.authBox:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:100%;height:5px;position:absolute;top:0;left:0}.authTabs{background:#f1f5f9;border-radius:10px;margin:20px;padding:5px;display:flex}.tabBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .3s}.tabBtn.active{color:var(--primary);background:#fff;box-shadow:0 2px 5px #0000000d}.formSection{padding:0 25px 30px;animation:.4s authFadeIn;display:none}.formSection.active{display:block}@keyframes authFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.authTitle{text-align:center;color:var(--dark);margin-bottom:20px;font-size:22px;font-weight:800}.captchaWrap{justify-content:center;min-height:78px;margin:0 25px 16px;display:flex}.captchaWrap>div{transform-origin:50%;transform:scale(.95)}.inputGroup{margin-bottom:15px}.inputLabel{color:#475569;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.authInput{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:14px;font-size:15px;transition:all .3s}.authInput:focus{border-color:var(--primary);background:#fff}.roleSelector{gap:10px;margin-bottom:15px;display:flex}.roleOption{flex:1;position:relative}.roleOption input{opacity:0;cursor:pointer;position:absolute}.roleLabel{cursor:pointer;color:#64748b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.roleIcon{margin-bottom:2px;font-size:20px}.roleName{font-size:12px;font-weight:700}.roleOption input:checked+.roleLabel{border-color:var(--primary);color:var(--primary);background:#eff6ff;box-shadow:0 4px 6px #0046ad1a}.roleOption input[value=guesser]:checked+.roleLabel{border-color:var(--gold);color:#b8860b;background:#fffdf0}.actionBtn{color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:800;transition:all .3s}.btnLogin{background:linear-gradient(135deg, var(--primary), #003080);box-shadow:0 4px 15px #0046ad4d}.btnSignup{background:linear-gradient(135deg, var(--green), #006400);box-shadow:0 4px 15px #0080004d}.actionBtn:active{transform:scale(.98)}.switchText{text-align:center;color:#666;margin-top:15px;font-size:13px}.switchLink{color:var(--primary);cursor:pointer;font-weight:700;text-decoration:underline}.alertSuccess{text-align:center;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;width:100%;max-width:420px;margin-bottom:20px;padding:12px;font-size:13px;font-weight:600}.alertError{text-align:center;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;width:100%;max-width:420px;margin-bottom:20px;padding:12px;font-size:13px;font-weight:600}.checkboxRow{color:#666;align-items:center;gap:5px;margin-bottom:15px;font-size:11px;display:flex}.authWrapper .seoBox{background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:800px;margin:30px auto;padding:25px}.authWrapper .seoTitle{color:var(--primary);border-bottom:2px solid #f0f0f0;margin-bottom:10px;padding-bottom:8px;font-size:18px;font-weight:800}.authWrapper .seoText{color:#555;text-align:justify;font-size:13px;line-height:1.6}.seoList{color:#444;margin-top:10px;padding-left:20px;font-size:13px}html[data-theme=dark] .authBox{background:#0a0a0a;border-color:#262626;box-shadow:0 10px 30px #00000080}html[data-theme=dark] .authBox:before{background:linear-gradient(90deg,#404040,#525252)}html[data-theme=dark] .authTabs{background:#171717}html[data-theme=dark] .tabBtn{color:#a3a3a3}html[data-theme=dark] .tabBtn.active{color:#fafafa;box-shadow:none;background:#262626}html[data-theme=dark] .authTitle{color:#fafafa}html[data-theme=dark] .inputLabel{color:#a3a3a3}html[data-theme=dark] .authInput{color:#e5e5e5;background:#171717;border-color:#262626}html[data-theme=dark] .authInput:focus{background:#262626;border-color:#525252}html[data-theme=dark] .authInput::placeholder{color:#737373}html[data-theme=dark] .roleLabel{color:#a3a3a3;background:#171717;border-color:#262626}html[data-theme=dark] .roleOption input:checked+.roleLabel{color:#fafafa;background:#262626;border-color:#525252}html[data-theme=dark] .roleOption input[value=guesser]:checked+.roleLabel{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b}html[data-theme=dark] .switchText{color:#a3a3a3}html[data-theme=dark] .switchLink{color:#d4d4d4}html[data-theme=dark] .alertSuccess{color:#86efac;background:#22c55e26;border-color:#166534}html[data-theme=dark] .alertError{color:#fca5a5;background:#ef444426;border-color:#991b1b}html[data-theme=dark] .checkboxRow{color:#a3a3a3}html[data-theme=dark] .authWrapper .seoBox{background:#0a0a0a;border-color:#262626}html[data-theme=dark] .authWrapper .seoTitle{color:#e5e5e5;border-bottom-color:#262626}html[data-theme=dark] .authWrapper .seoText{color:#a3a3a3}html[data-theme=dark] .seoList{color:#d4d4d4}