*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Arial,sans-serif}body.program-login{display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#eef8f2,#eaf3fa)}.program-login .login-card{background:#fff;width:100%;max-width:430px;border-radius:16px;box-shadow:0 14px 38px rgba(0,0,0,.18);padding:32px;text-align:center}.program-login .login-card img{width:220px;max-width:80%;margin-bottom:12px}.program-login .login-title{font-size:22px;color:#0D47A1;margin:0 0 8px}.program-login .subtitle{color:#687780;font-size:14px;margin:0 0 24px}.program-login .field{position:relative;margin-bottom:16px}.program-login .field i{position:absolute;left:14px;top:14px;color:#6b7780}.program-login .field input{width:100%;padding:13px 14px 13px 42px;border:1px solid #ccd4da;border-radius:9px;font-size:15px}.program-login .field input:focus{outline:0;border-color:#1b8f55;box-shadow:0 0 0 3px rgba(27,143,85,.12)}.program-login button{width:100%;padding:13px;border:0;border-radius:25px;background:#1754b5;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.program-login button:hover{background:#0D47A1}.program-login .alert{padding:12px;border-radius:8px;background:#fdeaea;color:#9d1c24;text-align:left;font-size:14px;margin-bottom:18px}.program-login .security{margin-top:18px;color:#71808a;font-size:12px}.program-login .security i{color:#1b8f55}@media(max-width:500px){.program-login .login-card{padding:28px 20px}}