body{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f9fbff 40%,#e6efff);color:#1f2a44;display:flex;font-family:Nunito,sans-serif;justify-content:center;margin:0;min-height:100vh}.login-page{max-width:420px;padding:24px;width:100%}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 45px rgba(25,42,89,.15);display:flex;flex-direction:column;gap:20px;padding:40px 36px 32px}.login-brand{text-align:center}.login-brand img{height:64px;width:auto}.login-brand h2{color:#e7342c;font-size:1.4rem;font-weight:600;margin:18px 0 0}.login-brand p{color:#64748b;font-size:.95rem;margin:8px 0 0}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label{color:#1f2a44;font-weight:600}.login-card .form-control{border:1px solid #d5dff3;border-radius:10px;font-size:.95rem;padding:12px 14px}.login-card .form-control:focus{border-color:#6a8dff;box-shadow:0 0 0 .1rem rgba(106,141,255,.2)}.login-card button[type=submit]{background:#e7342c;border-radius:999px;color:#fff;font-weight:600;letter-spacing:.4px;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.login-card button[type=submit]:active{background:#fff;border:2px solid #e7342c;box-shadow:none;color:#e7342c}.login-card button[type=submit]:hover{box-shadow:0 10px 20px rgba(215,25,33,.25);transform:translateY(-1px)}.login-footer{color:#8690a7;font-size:.85rem;text-align:center}@media(max-width:520px){body{padding:20px 12px}.login-page{padding:0}.login-card{padding:32px 24px 28px}}