*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(155deg,#06162a,#0a3156);color:#fff}.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:30px;border:1px solid #28506e;border-radius:24px;background:#0b2239;box-shadow:0 24px 70px #0008;text-align:center}.login-card img{width:170px;height:105px;object-fit:contain;border-radius:16px;background:#fff}.tag{display:block;margin:22px 0 8px;color:#18d7d0;font-size:.75rem;font-weight:900;letter-spacing:.14em}.login-card h1{margin:0;font-size:2.1rem}.login-card p{color:#c6d7e5;line-height:1.5}.login-card form{text-align:left;margin-top:24px}.login-card label{display:block;margin-bottom:8px;font-weight:800}.password-field{display:grid;grid-template-columns:1fr auto;border:2px solid #315774;border-radius:14px;background:#fff;overflow:hidden}.password-field:focus-within{border-color:#12d6d0;box-shadow:0 0 0 3px #12d6d033}.password-field input{min-width:0;height:58px;border:0;padding:0 16px;font-size:1.2rem;outline:0}.password-field button{border:0;border-left:1px solid #d7e3ec;padding:0 13px;background:#eff7fb;color:#075be8;font-size:.72rem;font-weight:900;cursor:pointer}.error{min-height:24px;margin:9px 0;color:#ffb9c1!important;font-size:.9rem}.submit{width:100%;height:60px;border:0;border-radius:14px;background:linear-gradient(135deg,#075be8,#12d6d0);color:#fff;font-size:1rem;font-weight:950;cursor:pointer}.submit:disabled{opacity:.6;cursor:wait}.login-card small{display:block;margin-top:22px;color:#91a9bb;line-height:1.4}@media(max-width:480px){.login-shell{padding:14px}.login-card{padding:24px 18px;border-radius:20px}.login-card img{width:145px;height:90px}}