body.login-page{align-items:center;background:#fff;display:flex;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}#particles-js{z-index:1}#mouse-particles-canvas,#particles-js{height:100%;left:0;position:absolute;top:0;width:100%}#mouse-particles-canvas{pointer-events:none;z-index:2}.login-container{max-width:450px;padding:15px;position:relative;width:100%;z-index:3}.login-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.18);border-radius:15px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);padding:40px;width:100%}.logo-container{margin-bottom:2rem;text-align:center}.logo-container img{height:auto;max-width:180px}.form-title{color:#333;font-size:1.5rem;font-weight:600;text-align:center}.form-group,.form-title{margin-bottom:1.5rem}.form-group .form-label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-wrapper{position:relative}.input-wrapper .input-icon{color:#aaa;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper .form-input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:12px 15px 12px 45px;transition:border-color .3s;width:100%}.input-wrapper .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.input-wrapper .form-input.is-invalid{border-color:#e3342f}.error-message{color:#e3342f;font-size:.875rem;margin-top:.25rem}.form-actions{font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem}.form-actions,.form-actions .checkbox-wrapper{align-items:center;display:flex}.form-actions .checkbox-wrapper input[type=checkbox]{margin-right:.5rem}.form-actions .checkbox-wrapper label{color:#666;cursor:pointer}.form-actions .forgot-link{color:#667eea;text-decoration:none}.form-actions .forgot-link:hover{text-decoration:underline}.btn-primary{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;font-size:.85rem;margin-top:1.5rem;padding:10px;text-align:center}