.auth-container{background:linear-gradient(135deg,#155dfc 0%,#904fb3 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:100%;height:100%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-50%}.auth-container:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:100%;height:100%;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.auth-bg-1,.auth-bg-2{display:none}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#fffffff2;border:1px solid #fff3;border-radius:2rem;width:100%;max-width:26rem;padding:3rem 2.5rem;position:relative;box-shadow:0 20px 60px #0000004d}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{color:#fff;background:linear-gradient(135deg,#155dfc 0%,#904fb3 100%);border-radius:1rem;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.75rem;font-weight:800;display:flex;box-shadow:0 10px 25px #667eea66}.auth-title{background:linear-gradient(135deg,#155dfc 0%,#904fb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.auth-description{color:#64748b;font-size:.9375rem;font-weight:500}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form-group{flex-direction:column;gap:.5rem;display:flex}.auth-form-label{color:#334155;margin-left:.25rem;font-size:.875rem;font-weight:600}.auth-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form-input:focus{border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea1a}.auth-form-input::placeholder{color:#94a3b8}.auth-input-error{background-color:#fef2f2;border-color:#ef4444!important}.auth-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-toggle-password{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .3s;display:flex;position:absolute;right:1rem}.auth-toggle-password:hover{color:#667eea}.auth-toggle-password svg{width:1.25rem;height:1.25rem}.auth-password-wrapper{position:relative}.auth-forgot-link{color:#667eea;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .3s;position:absolute;top:0;right:0}.auth-forgot-link:hover{color:#764ba2}.auth-checkbox-wrapper{align-items:center;gap:.625rem;display:flex}.auth-checkbox{cursor:pointer;accent-color:#667eea;border:2px solid #e2e8f0;border-radius:.375rem;width:1.125rem;height:1.125rem;transition:all .3s}.auth-checkbox:checked{background-color:#667eea;border-color:#667eea}.auth-checkbox-label{color:#334155;cursor:pointer;font-size:.875rem;font-weight:500}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#155dfc 0%,#904fb3 100%);border:none;border-radius:.875rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 25px #667eea4d}.auth-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #667eea66}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.btn-content{justify-content:center;align-items:center;gap:.75rem;display:flex}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrapper{justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;display:flex}.success-checkmark{stroke-width:2px;stroke:#fff;stroke-miterlimit:10;border-radius:50%;width:52px;height:52px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s forwards scale;display:block;box-shadow:inset 0 0 #7ac142}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#fff;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #059669}}.auth-footer{text-align:center;color:#64748b;margin-top:2rem;font-size:.875rem;font-weight:500}.auth-footer-link{color:#667eea;font-weight:700;text-decoration:none;transition:color .3s}.auth-footer-link:hover{color:#764ba2}.auth-error{color:#ef4444;margin-top:.375rem;font-size:.8125rem;font-weight:500}.auth-success{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;animation:.5s ease-out forwards fadeIn;box-shadow:0 10px 25px #10b9814d}