.auth-container{height:100vh;height:100dvh;background:linear-gradient(135deg,var(--background-color-1,#1a1a1a) 0,#272626 100%);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}@media(max-height:600px){.auth-container{height:auto;min-height:100vh;overflow:auto;padding:.5rem}}.auth-container.auth-container-signup{height:auto;min-height:100vh;overflow:auto;padding:2rem 1rem}@media(min-width:480px){.auth-container.auth-container-signup{padding:1rem .5rem}}.auth-container.auth-container-signup .auth-card{max-height:none;overflow-y:visible;margin:0 auto}@media(min-width:480px){.auth-container.auth-container-signup .auth-card{max-height:none}}.auth-container .auth-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-height:calc(100vh - 2rem);overflow-y:auto}@media(min-width:480px){.auth-container .auth-card{padding:1.5rem;max-width:380px;max-height:calc(100vh - 1rem)}}@media(max-height:600px){.auth-container .auth-card{max-height:none;margin:.5rem 0}}.auth-container .auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-container .auth-card .auth-header .auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-container .auth-card .auth-header .auth-logo img{border-radius:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.auth-container .auth-card .auth-header .logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#f6cf3b;margin-bottom:1rem}.auth-container .auth-card .auth-header .logo img{border-radius:12px}.auth-container .auth-card .auth-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-container .auth-card .auth-header p{color:#aaa;font-size:.95rem;margin:0}.auth-container .auth-card .auth-error{background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#ff6b6b;font-size:.9rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-container .auth-card .auth-form .form-group{margin-bottom:1.5rem}.auth-container .auth-card .auth-form .form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.auth-container .auth-card .auth-form .form-group input{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.auth-container .auth-card .auth-form .form-group input:focus{outline:none;border-color:#f6cf3b;background:hsla(0,0%,100%,.15)}.auth-container .auth-card .auth-form .form-group input::placeholder{color:hsla(0,0%,100%,.5)}.auth-container .auth-card .auth-form .form-group input.error{border-color:#ff6b6b;background:rgba(255,107,107,.1)}.auth-container .auth-card .auth-form .form-group input.success{border-color:#51cf66;background:rgba(81,207,102,.1)}.auth-container .auth-card .auth-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-container .auth-card .auth-form .form-group .password-input{position:relative}.auth-container .auth-card .auth-form .form-group .password-input .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.auth-container .auth-card .auth-form .form-group .password-input .password-toggle:hover:not(:disabled){color:#fff}.auth-container .auth-card .auth-form .form-group .password-input .password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-container .auth-card .auth-form .auth-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#f6cf3b,rgb(242.8487804878,194.5268292683,11.1512195122));color:var(--background-color-1,#1a1a1a);border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;min-height:48px}.auth-container .auth-card .auth-form .auth-button,.auth-container .auth-card .auth-form .auth-button .button-content{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-container .auth-card .auth-form .auth-button .button-content .button-icon{font-size:1.1rem;min-width:20px;text-align:center}.auth-container .auth-card .auth-form .auth-button .button-content .button-text{font-weight:600;font-size:1rem;line-height:1.2}.auth-container .auth-card .auth-form .auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(246,207,59,.3)}.auth-container .auth-card .auth-form .auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-container .auth-card .auth-form .auth-button.loading{opacity:.8}.auth-container .auth-card .auth-link{text-align:center;color:#aaa;font-size:.9rem}.auth-container .auth-card .auth-link a{color:#f6cf3b;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-container .auth-card .auth-link a:hover{color:hsl(47.486631016,91.2195121951%,69.8039215686%)}.auth-container .auth-card .auth-divider{margin:2rem 0;position:relative;text-align:center}.auth-container .auth-card .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsla(0,0%,100%,.2);z-index:1}.auth-container .auth-card .auth-divider span{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;color:#aaa;font-size:.85rem;position:relative;z-index:2;border:1px solid hsla(0,0%,100%,.1);border-radius:20px}.auth-container .auth-card .auth-footer{margin-top:2rem;text-align:center}.auth-container .auth-card .auth-footer p{color:#aaa;font-size:.9rem;margin:0}.auth-container .auth-card .auth-footer p .auth-link{color:#f6cf3b;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-container .auth-card .auth-footer p .auth-link:hover{color:hsl(47.486631016,91.2195121951%,69.8039215686%)}.auth-container .success-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.3);text-align:center}.auth-container .success-card .success-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#51cf66,rgb(51.2432432432,185.7567567568,73.6621621622));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.auth-container .success-card .success-icon svg{width:2rem;height:2rem;color:#fff}.auth-container .success-card .success-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem}.auth-container .success-card .success-message{color:#aaa;font-size:1rem;line-height:1.5;margin-bottom:1rem}.auth-container .success-card .success-message strong{color:#fff}.auth-container .success-card .success-submessage{color:#aaa;font-size:.9rem}.auth-container .success-card .success-submessage .login-link{color:#f6cf3b;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-container .success-card .success-submessage .login-link:hover{color:hsl(47.486631016,91.2195121951%,69.8039215686%)}.auth-container .success-card .validation-feedback{margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.auth-container .success-card .validation-feedback.error{color:#ff6b6b}.auth-container .success-card .validation-feedback.success{color:#51cf66}.auth-container .loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-size:1.1rem}@media(min-width:480px){.auth-container{padding:.5rem}.auth-container .auth-card,.auth-container .success-card{padding:1.5rem;margin:.5rem}}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons .material-icon-text{font-family:Material Icons,sans-serif}.material-icons .material-icon-fallback{font-family:Arial,sans-serif}@supports not (font-family:"Material Icons"){.material-icons .material-icon-text{display:none!important}.material-icons .material-icon-fallback{display:inline-block!important}}.material-icons-not-loaded .material-icon-text{display:none!important}.material-icons-not-loaded .material-icon-fallback{display:inline-block!important}