*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,#e0ecff 0,#f3f4f6 40%,#f9fafb);min-height:100vh;display:flex;justify-content:center;align-items:center;color:#1f2937}.container{width:100%;max-width:400px;padding:2rem}.login-card{background:#fff;border-radius:16px;padding:2.5rem 2.75rem;box-shadow:0 18px 45px #0f172a1f;border:1px solid #e5e7eb}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1rem;box-shadow:0 4px 20px #06273d1f}.login-brand{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0 0 .25rem}.login-product{font-size:1.5rem;font-weight:700;color:#06273d;letter-spacing:.02em;margin:0 0 .35rem}.login-context{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s ease;outline:none}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#06273d;box-shadow:0 0 0 3px #06273d1f}.error-message{color:#ef4444;font-size:.875rem;font-weight:500;text-align:center;padding:.75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca;display:none}.error-message.show{display:block}.btn-login{padding:.75rem 1.5rem;border-radius:999px;border:none;background:#06273d;color:#fff;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;margin-top:.5rem;width:100%;display:inline-flex;justify-content:center;align-items:center}.btn-login:hover{background:#09344f;box-shadow:0 10px 24px #06273d73}.btn-login:active{background:#041a29;transform:translateY(1px)}.footer{margin-top:2rem;text-align:center;font-size:.8rem;color:#9ca3af}@media(max-width:640px){.container{padding:1rem}.login-card{padding:1.5rem}}