.login-container{background:radial-gradient(circle at 20% 20%,#ecf3ff,#f8fbff 40%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}@media (max-width:640px){.login-container{align-items:flex-start;padding:40px 16px 16px}}@media (max-width:480px){.login-container{padding:24px 12px 12px}}.login-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 20px 60px #0f172a14}@media (max-width:640px){.login-card{border-radius:12px;padding:36px 28px}}@media (max-width:480px){.login-card{border-radius:10px;padding:28px 20px}}.login-card h1{color:#0f172a;margin:0 0 8px;font-size:26px;line-height:1.2}@media (max-width:640px){.login-card h1{font-size:22px}}@media (max-width:480px){.login-card h1{font-size:20px}}.subtitle{color:#64748b;margin:0 0 32px;font-size:15px}@media (max-width:640px){.subtitle{margin:0 0 24px;font-size:14px}}@media (max-width:480px){.subtitle{margin:0 0 20px;font-size:13px}}.login-form{gap:20px;display:grid}.form-group{gap:6px;display:grid}.form-group label{color:#334155;font-size:14px;font-weight:600}.form-group input{border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.submit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:flex}.submit-button:hover:not(:disabled){background:#1d4ed8}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;background:#94a3b8}.submit-button:disabled .spinner{border-top-color:#fff}.demo-credentials{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}@media (max-width:640px){.demo-credentials{margin-top:24px;padding-top:20px}}@media (max-width:480px){.demo-credentials{margin-top:20px;padding-top:16px}}.demo-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:13px;font-weight:600}.demo-credentials ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.demo-credentials li{color:#475569;background:#f8fafc;border-radius:4px;padding:6px 10px;font-family:Courier New,monospace;font-size:13px}