:root{--bg-color: #ffffff;--text-color: #121212;--text-secondary-color: #968ba0;--icon-color: rgba(101, 97, 149, .5);--border-color: #e2dee6;--label-color: #493E54;--bs-body-color-rgb: 33, 37, 41;--bs-border-color: #e2dee6}body.light-theme{--bg-color: #ffffff;--text-color: #121212;--text-secondary-color: #968ba0;--icon-color: rgba(101, 97, 149, .5);--border-color: #e2dee6;--label-color: #493E54;--bs-body-color-rgb: 33, 37, 41;--bs-border-color: #e2dee6}body.dark-theme{--bg-color: #121212;--text-color: #ffffff;--text-secondary-color: #fff;--icon-color: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .12);--label-color: #fff;--bs-body-color-rgb: 222, 226, 230;--bs-border-color: rgba(255, 255, 255, .12)}.fade-out{opacity:0;transition:opacity .5s ease-in-out}.toast{position:relative;width:300px;cursor:pointer;border-radius:10px;overflow:hidden}.toast-body{font-size:1rem;display:flex;align-items:center;padding:1rem}.toast-body i{font-size:1.5rem;margin-right:.5rem}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#e0e0e0;border-radius:0 0 10px 10px}.progress-bar{height:100%;width:100%;background-color:#000}@keyframes progressAnimation{0%{width:100%}to{width:0%}}.progress-bar{animation:progressAnimation var(--progress-duration, 5s) linear forwards}.bg-toast{background-color:#212529bf}#toast-container{z-index:1200}[v-cloak]{display:none}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.grecaptcha-badge{visibility:hidden}html,body{height:100%;overflow:auto}:root{--glass-bg-color: rgba(255, 255, 255, .05);--glass-border-color: rgba(255, 255, 255, .15);--text-color: #e0e0e0;--input-border-color: #6a0dad;--input-hover-border-color: #8a2be2;--button-bg-color: #6a0dad;--button-hover-bg-color: #8a2be2;--button-active-bg-color: #ea580c;--link-color: #6a0dad;--link-hover-color: #ea580c;--header-color: #fff;--small-card-bg: rgba(255, 255, 255, .03);--small-card-border: rgba(255, 255, 255, .1);--small-card-text: #e0e0e0;--small-card-hover-bg: rgba(255, 255, 255, .1);--small-card-hover-border: rgba(255, 255, 255, .2)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0;color:var(--text-color);background-color:#000}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px;border:3px solid transparent;background-clip:content-box}.background-container{background-image:linear-gradient(45deg,#000000b3,#0000004d),radial-gradient(circle at top right,rgba(79,77,192,.5),transparent 50%),radial-gradient(circle at bottom left,rgba(246,92,128,.5),transparent 50%),var(--login-background);background-size:cover;background-position:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.main-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:.5rem}.glass-card{background-color:var(--glass-bg-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border-color);border-radius:1rem;padding:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:95%;width:100%;position:relative;text-align:center}.logo{max-height:4rem;margin-bottom:16px}.form-control{background-color:transparent;border:none;border-bottom:1px solid var(--input-border-color);color:var(--text-color);padding:12px 15px 12px 0;border-radius:0;transition:all .3s ease}.form-control:focus{background-color:transparent;border-color:var(--input-hover-border-color);box-shadow:none;color:var(--text-color)}.form-control::placeholder{color:var(--text-color);opacity:.7}.btn-primary{background-color:var(--button-bg-color);border-color:var(--button-bg-color);padding:12px 25px;border-radius:10px;font-weight:500;transition:all .3s ease;width:100%}.btn-primary:hover{background-color:var(--button-hover-bg-color);border-color:var(--button-hover-bg-color);transform:translateY(-2px);box-shadow:none}.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:disabled,.btn-primary.disabled{background-color:var(--button-active-bg-color)!important;border-color:var(--button-active-bg-color)!important;box-shadow:none!important}.password-input-container{position:relative}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-color);z-index:2}.username-input-container{position:relative}.disabled-container .form-control:disabled,.disabled-container .form-control[readonly]{background-color:#ffffff14;color:#b0b0b0;border-color:#ffffff26;opacity:1;cursor:not-allowed;box-shadow:inset 0 0 6px #ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.disabled-container .form-control::placeholder{color:#ffffff59}.username-input-container .edit-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:#ffffff73;cursor:pointer;transition:color .25s ease;font-size:.9rem;pointer-events:auto}.username-input-container .edit-btn:hover{color:#fffc}.disabled-container{transition:background-color .3s ease,border-color .3s ease}.glass-card h4{color:var(--header-color);margin-bottom:.5rem;font-weight:600;text-align:center;font-size:1.2rem}.header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.header-section h4{flex-grow:1;margin-bottom:0;color:var(--header-color);font-weight:600;text-align:center;font-size:1.2rem}.selection-text{color:var(--text-color);font-size:.8rem;margin-top:.5rem;margin-bottom:.5rem}.small-card{background-color:var(--small-card-bg);border:1px solid var(--small-card-border);border-radius:.75rem;padding:.3rem;margin-bottom:1rem;text-align:center;transition:all .2s ease-in-out;cursor:pointer;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.small-card:hover{background-color:var(--small-card-hover-bg);border-color:var(--small-card-hover-border);transform:translateY(-3px);box-shadow:0 5px 15px #0003}.small-card img.icon{width:20px;height:20px;margin-bottom:.3rem;object-fit:contain}.small-card p{color:var(--small-card-text);font-weight:500;margin-bottom:0;font-size:.6rem}.resend-otp-text{color:var(--text-color);font-size:.9rem;margin-top:15px;display:inline}.resend-otp-link{text-decoration:none;font-size:.9rem;cursor:pointer}.back-button{background:none;border:none;padding:0;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color .2s ease}.back-button:hover{color:var(--link-hover-color)}.w-24{width:24px}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;-webkit-text-fill-color:var(--text-color)!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s}.text-center a,.mb-4.d-flex a{color:var(--link-color);text-decoration:none;transition:color .3s ease}.text-center a:hover,.mb-4.d-flex a:hover{color:var(--link-hover-color);text-decoration:underline}.terms{font-size:.9rem}@media(min-width:640px){.main-container{padding:1rem}.glass-card{padding:2rem;max-width:24rem}.small-card{padding:.5rem}.small-card img.icon{width:30px;height:30px;margin-bottom:.5rem}.small-card p{font-size:.8rem}.glass-card h4{font-size:1.5rem}.header-section{margin-bottom:1rem}.header-section h4{font-size:1.5rem}.selection-text{font-size:1rem;margin-top:1rem;margin-bottom:1rem}}