[data-v-3aff5969] input::placeholder{color:rgb(var(--text),.5)!important}[data-v-3aff5969] .p-inputtext:not(.p-colorpicker .p-inputtext){background:rgb(var(--surface-ground))!important;border:none!important;color:rgb(var(--text))!important}[data-v-3aff5969] .p-inputtext{background:rgb(var(--surface-ground))!important;border:none!important;color:rgb(var(--text))!important}.login-container[data-v-3aff5969]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;padding:1rem 1rem 2rem;gap:1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:1000;-webkit-overflow-scrolling:touch}.login-container[data-v-3aff5969]:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.1);z-index:0}.login-card[data-v-3aff5969]{position:relative;z-index:1;width:100%;max-width:450px;border-radius:16px;overflow:hidden;background:rgb(var(--surface-overlay));box-shadow:0 8px 32px #0000004d}.login-form-section[data-v-3aff5969]{padding:2.5rem;display:flex;flex-direction:column;color:rgb(var(--text))!important}.logo-container[data-v-3aff5969]{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-container .logo[data-v-3aff5969]{height:50px;object-fit:contain}.tabs-container[data-v-3aff5969]{display:flex;gap:0;margin-bottom:2rem;background:rgba(30,34,38,.8);border-radius:8px;padding:4px}.tab-button[data-v-3aff5969]{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:rgb(var(--text),.5)!important;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-button.active[data-v-3aff5969]{background:rgb(var(--surface-overlay))!important;color:rgb(var(--text))!important}.tab-button[data-v-3aff5969]:hover:not(.active){color:rgb(var(--text))!important}.form-container[data-v-3aff5969]{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:0}.form-field[data-v-3aff5969]{display:flex;flex-direction:column;gap:.5rem}.form-field label[data-v-3aff5969]{font-size:.9rem;font-weight:500;color:rgb(var(--text))!important}.form-field[data-v-3aff5969] .p-inputtext{padding:.9rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background-color:#282c30cc;transition:all .2s ease;color:rgb(var(--text))!important}.form-field[data-v-3aff5969] .p-inputtext:focus{border-color:#ffffff4d;outline:none;box-shadow:0 0 0 2px #ffffff1a}.form-field[data-v-3aff5969] .p-inputtext::placeholder{color:rgb(var(--text),.5)!important}.forgot-password-container[data-v-3aff5969]{display:flex;justify-content:flex-start;margin-top:-.5rem}.forgot-password-link[data-v-3aff5969]{font-size:.9rem;color:rgb(var(--text),.7)!important;text-decoration:none;cursor:pointer;transition:color .2s ease}.forgot-password-link[data-v-3aff5969]:hover{color:rgb(var(--text))!important;text-decoration:underline}.login-button[data-v-3aff5969]{width:auto;min-width:150px;padding:.75rem 2rem;border-radius:10px;background-color:rgb(var(--primary))!important;border:none!important;font-weight:600;font-size:.95rem;transition:all .2s ease;color:#fff!important;margin:.5rem auto 0;display:block}.login-button[data-v-3aff5969]:hover{background-color:rgb(var(--primary),.8)!important}.login-button[data-v-3aff5969]:active:not(:disabled){transform:translateY(0)}.social-card[data-v-3aff5969]{position:relative;z-index:1;width:100%;max-width:450px;border-radius:16px;overflow:hidden;background:rgba(40,44,48,.95);box-shadow:0 8px 32px #0000004d}.social-section[data-v-3aff5969]{padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.social-title[data-v-3aff5969]{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .75rem}.social-description[data-v-3aff5969]{font-size:.9rem;color:#ffffffb3;margin:0 0 1.5rem;line-height:1.5}.social-buttons[data-v-3aff5969]{display:flex;gap:1rem;justify-content:center}.social-button[data-v-3aff5969]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none!important;padding:0!important;cursor:pointer}.social-button i[data-v-3aff5969]{font-size:1.5rem;color:#fff}.social-button[data-v-3aff5969]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.google-button[data-v-3aff5969]{background:#fff!important}.google-button i[data-v-3aff5969]{color:#4285f4}.facebook-button[data-v-3aff5969]{background:#4267b2!important}.facebook-button i[data-v-3aff5969]{color:#fff}.steam-button[data-v-3aff5969]{background:#171a21!important}.steam-button i[data-v-3aff5969]{color:#fff}.otp-container[data-v-3aff5969]{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;padding:1rem 0}.otp-content[data-v-3aff5969]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;flex:1}.otp-resend-footer[data-v-3aff5969]{width:100%;margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.otp-resend-footer .resend-otp[data-v-3aff5969]{font-size:.9rem;cursor:pointer;transition:color .2s ease;color:rgb(var(--primary));text-decoration:none;display:inline-block}.otp-resend-footer .resend-otp[data-v-3aff5969]:hover{color:rgb(var(--primary),.8);text-decoration:underline}.otp-icon[data-v-3aff5969]{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:rgb(var(--primary),.1);border-radius:50%;margin-bottom:.5rem}.otp-icon i[data-v-3aff5969]{font-size:2.5rem;color:rgb(var(--primary))}.otp-title[data-v-3aff5969]{font-size:1.5rem;font-weight:600;color:rgb(var(--text));margin:0;text-align:center}.otp-description[data-v-3aff5969]{font-size:.95rem;color:rgb(var(--text),.7);text-align:center;margin:0;line-height:1.5}.otp-digits-container[data-v-3aff5969]{display:flex;gap:10px;margin:1rem 0;justify-content:center;width:100%}.otp-digit-input[data-v-3aff5969]{width:45px;height:55px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:rgb(var(--text));font-size:1.5rem;font-weight:600;text-align:center;transition:all .2s ease;caret-color:rgb(var(--primary))}.otp-digit-input[data-v-3aff5969]:focus{border-color:rgb(var(--primary));outline:none}.otp-digit-input[data-v-3aff5969]::placeholder{color:#ffffff4d}.otp-actions[data-v-3aff5969]{display:flex;flex-direction:column;width:100%;gap:1rem}.otp-secondary-actions[data-v-3aff5969]{display:flex;justify-content:space-between;width:100%}.otp-secondary-actions a[data-v-3aff5969]{font-size:.9rem;cursor:pointer;transition:color .2s ease}.otp-secondary-actions a.resend-otp[data-v-3aff5969]{color:rgb(var(--primary))}.otp-secondary-actions a.resend-otp[data-v-3aff5969]:hover{color:rgb(var(--primary),.8);text-decoration:underline}.otp-secondary-actions a.cancel-otp[data-v-3aff5969]{color:#ffffffb3}.otp-secondary-actions a.cancel-otp[data-v-3aff5969]:hover{color:#ffffffe6;text-decoration:underline}@media screen and (min-width: 769px) and (max-width: 1200px){.login-container[data-v-3aff5969]{position:relative!important;min-height:100vh;height:auto;padding:2rem 1rem 3rem!important;justify-content:center;align-items:stretch;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:column!important;box-sizing:border-box;width:100%!important;margin:0!important}.login-card[data-v-3aff5969],.social-card[data-v-3aff5969]{margin:0 auto!important;max-width:500px;width:100%!important;flex-shrink:0;box-sizing:border-box;align-self:center}}@media screen and (max-width: 768px){.login-container[data-v-3aff5969]{position:relative!important;min-height:100vh;height:auto;padding:2rem 1rem 3rem!important;justify-content:center;align-items:stretch;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:column!important;box-sizing:border-box;width:100%!important;margin:0!important}.login-card[data-v-3aff5969],.social-card[data-v-3aff5969]{margin:0 auto!important;max-width:400px;width:100%!important;flex-shrink:0;box-sizing:border-box;align-self:center}.login-form-section[data-v-3aff5969]{padding:2rem}}@media screen and (max-width: 480px){.login-container[data-v-3aff5969]{padding:.5rem}.login-card[data-v-3aff5969]{border-radius:12px}.login-form-section[data-v-3aff5969]{padding:1.5rem}.otp-secondary-actions[data-v-3aff5969]{flex-direction:column;align-items:center;gap:.8rem}.otp-digits-container[data-v-3aff5969]{gap:6px}.otp-digit-input[data-v-3aff5969]{width:40px;height:50px;font-size:1.3rem}}