:root{--bg:#ffffff;--card-bg:#ffffff;--primary:#4e54c8;--primary-600:#373ab7;--accent:#8f94fb;--muted:#6b7280;--border:#e6e9ef;--radius:14px;--shadow-lg:0 10px 30px rgba(16,24,40,0.12);--glass:rgba(255,255,255,0.6);--success:#28a745;--danger:#dc3545;--transition:220ms cubic-bezier(.2,.9,.3,1);--max-width:420px;--font-sans:"Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.login-container{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--max-width);margin:48px auto;background:linear-gradient(180deg,rgb(255 255 255 / .98),var(--card-bg));border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border)}.login-header{text-align:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:16px 18px;font-size:1.4rem;font-weight:400;letter-spacing:.2px}.login-box{padding:28px;display:block;background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(250 250 255 / .98))}.icon-container{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.icon-container svg{width:72px;height:72px;border-radius:50%;padding:10px;background:linear-gradient(135deg,rgb(78 84 200 / .12),rgb(143 148 251 / .08));color:var(--primary);box-shadow:0 6px 18px rgb(78 84 200 / .08),inset 0 -6px 14px rgb(78 84 200 / .02)}.text-heading{margin:4px 0 18px;text-align:center;color:#111827;font-size:1.6rem;font-weight:600}.login-box .form-label{display:block;margin-bottom:4px;margin-left:2px;color:#374151;font-weight:500;font-size:.95rem}.login-box .form-control{display:block;width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:8px;font-size:.96rem;border-radius:10px;border:1px solid var(--border);background:#fff;color:#0f1724;outline:none;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);-webkit-appearance:none}.login-box .form-control::placeholder{color:#9aa4b2}.login-box .form-control:focus{border-color:var(--primary);box-shadow:0 6px 18px rgb(78 84 200 / .12),0 0 0 6px rgb(78 84 200 / .06);transform:translateY(-1px)}.fp-container{text-align:center;margin:10px 0 18px}.fp{color:var(--primary);text-decoration:none;font-size:.95rem}.fp:hover{text-decoration:underline}.login-container .btn{display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;gap:10px;width:100%;padding:12px 14px;border-radius:10px;font-weight:500;font-size:1rem;cursor:pointer;border:none;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.login-container .btn-primary{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;box-shadow:0 8px 24px rgb(78 84 200 / .18)}.login-container .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgb(78 84 200 / .2)}.login-container .btn-primary:active{transform:translateY(-1px)}.login-container .btn-primary:focus{box-shadow:0 16px 36px rgb(78 84 200 / .22),0 0 0 6px rgb(78 84 200 / .06);outline:none}.login-container .btn-secondary{background:linear-gradient(90deg,#6b7280,#9aa1c9);color:#fff;border:none;box-shadow:0 6px 20px rgb(0 0 0 / .06)}.login-container .btn-secondary:hover{transform:translateY(-2px);filter:brightness(1.02)}button:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{display:none;width:34px;height:34px;border-radius:50%;border:4px solid rgb(0 0 0 / .06);border-top-color:var(--primary);animation:spin 1s linear infinite;margin:12px auto}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:10px 14px;border-radius:10px;font-weight:600;font-size:.92rem;color:#fff;margin-bottom:14px}.alert-success{background:linear-gradient(90deg,#2bb673,#23a25b)}.alert-danger{background:linear-gradient(90deg,#e35b5b,#d64545)}.alert-warning{background:linear-gradient(90deg,#f7b955,#f59d37);color:#111}.button-group{display:flex;gap:10px;width:100%}.button-group .btn{flex:1 1 0%}@media (max-width:576px){.login-box{padding:20px}.text-heading{font-size:1.35rem}.icon-container svg{width:64px;height:64px}.login-container{margin:22px 16px}.login-container .btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}:focus{outline-color:#fff0}