.auth-wrapper{background:linear-gradient(135deg,#3498db0d 0%,#9b59b60d 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#3498db08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#9b59b608 0%,#0000 50%);width:200%;height:200%;animation:30s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{z-index:1;width:100%;max-width:440px;position:relative}.auth-logo{text-align:center;margin-bottom:3rem;animation:.6s ease-out fadeInDown}.auth-logo-icon{background:linear-gradient(135deg,#3498db,#9b59b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.auth-logo h1{letter-spacing:-.5px;margin:0;font-size:2.5rem;font-weight:700}.auth-logo p{text-transform:uppercase;letter-spacing:2px;opacity:.7;margin:.5rem 0 0;font-size:.875rem;font-weight:500}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:1rem;padding:2.5rem;transition:transform .3s,box-shadow .3s;animation:.6s ease-out .2s both fadeInUp;box-shadow:0 4px 6px #00000012,0 10px 20px #0000001a,0 0 0 1px #0000000d}.auth-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000001a,0 16px 32px #0000001f,0 0 0 1px #0000000d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-footer{text-align:center;margin-top:2rem;animation:.6s ease-out .4s both fadeIn}.auth-footer p{opacity:.7;margin:0;font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.auth-header p{opacity:.7;margin:0;font-size:1rem}.alert-error{color:#e74c3c;background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-error svg{flex-shrink:0;margin-top:2px}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.5rem;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.auth-link{color:#3498db;align-items:center;gap:.25rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.auth-link:hover{color:#2980b9;text-decoration:underline}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.auth-card{background:#1a1a1a;box-shadow:0 4px 6px #0000004d,0 10px 20px #0006,0 0 0 1px #ffffff1a}.auth-wrapper{background:linear-gradient(135deg,#3498db1a 0%,#9b59b61a 100%)}}@media (max-width:768px){.auth-wrapper{padding:1.5rem}.auth-card{padding:2rem}.auth-logo-icon{font-size:3rem}.auth-logo h1{font-size:2rem}}@media (max-width:480px){.auth-wrapper{align-items:flex-start;padding:2rem 1rem 1rem}.auth-card{padding:1.5rem}.auth-logo{margin-bottom:2rem}.auth-logo-icon{font-size:2.5rem}}