:root{font-family:Arial,sans-serif;color:#173644;background:#0b2c3d}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:linear-gradient(135deg,#0b2c3d,#147f8c)}.login-card{width:min(92vw,390px);padding:32px 38px 38px;border-radius:24px;background:#fffaf6;text-align:center;box-shadow:0 24px 60px #001b2b80}.login-brand{display:flex;justify-content:center;align-items:center;margin:0 0 14px;padding:0;background:transparent}.login-brand img{display:block;width:min(100%,280px);height:auto}.login-card h1{margin:.2rem}.login-card p{color:#527080}form{text-align:left;margin-top:24px}label{display:block;font-weight:bold;margin:14px 0 6px}input{width:100%;padding:12px;border:1px solid #bdd4d9;border-radius:10px;font-size:1rem}button{width:100%;margin-top:22px;padding:13px;border:0;border-radius:10px;background:#078a98;color:white;font-size:1rem;font-weight:bold;cursor:pointer}#error{min-height:1.2em;color:#b23a3a;font-size:.9rem;margin:12px 0 0}@media(max-width:480px){.login-card{width:min(94vw,390px);padding:24px 24px 30px}.login-brand{margin-bottom:12px}.login-brand img{width:min(100%,250px)}}