:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-gradient-start:#eef2ff;--bg-gradient-end:#e0e7ff;}*{box-sizing:border-box;}body{min-height:100vh;margin:0;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 50%,#c7d2fe 100%);display:flex;align-items:center;justify-content:center;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;}.login-wrapper{width:100%;max-width:440px;padding:1rem;}.login-card{background:#fff;border-radius:1.25rem;box-shadow:0 25px 60px rgba(79,70,229,.12),0 4px 16px rgba(0,0,0,.06);padding:2.75rem 2.5rem 2.25rem;animation:slideUp .5s ease-out;}@keyframes slideUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}.brand-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 8px 24px rgba(79,70,229,.3);}.brand-icon i{font-size:1.75rem;color:#fff;}.login-card h1{font-size:1.5rem;font-weight:700;color:#1e1b4b;text-align:center;margin-bottom:.25rem;}.login-card .subtitle{text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:1.75rem;}.form-floating{position:relative;}.form-floating .input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#9ca3af;z-index:5;pointer-events:none;font-size:1.1rem;}.form-floating .form-control{padding-left:1rem;border-radius:.75rem;border:1.5px solid #e5e7eb;height:3.25rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s;}.form-floating .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15);}.form-floating label{padding-left:1rem;color:#9ca3af;}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label{padding-left:.75rem;}.toggle-password{position:absolute;top:50%;right:1rem;transform:translateY(-50%);border:0;background:none;color:#9ca3af;cursor:pointer;z-index:5;font-size:1.1rem;padding:0;transition:color .2s;}.toggle-password:hover{color:var(--primary);}.btn-login{width:100%;padding:.8rem;border:0;border-radius:.75rem;font-weight:600;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--primary),#7c3aed);box-shadow:0 4px 16px rgba(79,70,229,.35);transition:transform .15s,box-shadow .15s;cursor:pointer;}.btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(79,70,229,.45);color:#bdbf0c;}.btn-login:active{transform:translateY(0);}.btn-login .spinner-border{display:none;width:1.25rem;height:1.25rem;border-width:2px;}.btn-login.loading .spinner-border{display:inline-block;}.btn-login.loading .btn-text{display:none;}.alert-danger{border-radius:.75rem;border:0;background:#fef2f2;color:#991b1b;font-size:.875rem;padding:.75rem 1rem;}.field-validation-error{color:#dc2626;font-size:.8rem;margin-top:.25rem;display:block;}.footer-text{text-align:center;color:#9ca3af;font-size:.8rem;margin-top:1.5rem;}