html,body{height:100%;}
body.epss-hp-login-body{margin:0;background:linear-gradient(180deg,#2b66d6 0%,#1e57c6 100%);}
body.epss-hp-login-body #page,body.epss-hp-login-body .site{background:transparent;}
.epss-hp-login-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(180deg,#2b66d6 0%,#1e57c6 100%)}
.epss-hp-login-center{width:100%;max-width:520px;text-align:center}
.epss-hp-login-header{color:#fff;margin-bottom:18px}
.epss-hp-login-icon{width:52px;height:52px;margin:0 auto 12px auto;border-radius:14px;background:#fff;color:#2b66d6;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.epss-hp-login-title{font-size:22px;font-weight:700;letter-spacing:.2px}
.epss-hp-login-sub{font-size:13px;opacity:.9;margin-top:6px}

.epss-hp-login-card{background:#fff;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.18);padding:22px 22px 18px 22px;text-align:left}
.epss-hp-login-alert{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px}
.epss-hp-login-form{display:flex;flex-direction:column;gap:10px}
.epss-hp-login-label{font-size:12px;font-weight:600;color:#111827;margin-top:6px}
.epss-hp-login-input{height:44px;border:1px solid #d7dce5;border-radius:10px;padding:0 12px;font-size:14px;background:#eef4ff;outline:none}
.epss-hp-login-input:focus{border-color:#2b66d6;box-shadow:0 0 0 3px rgba(43,102,214,.18);background:#fff}
.epss-hp-login-btn{height:46px;border-radius:10px;border:0;background:#2b66d6;color:#fff;font-weight:700;font-size:14px;margin-top:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}
.epss-hp-login-btn:hover{filter:brightness(.95)}
.epss-hp-login-divider{height:1px;background:#e5e7eb;margin:16px 0}
.epss-hp-login-footer{display:flex;align-items:center;justify-content:center;gap:10px}
.epss-hp-login-ucla{font-weight:700;color:#1f2937;font-size:12px;text-align:center}
.epss-hp-login-ucla span{display:block;font-weight:600;color:#4b5563;margin-top:2px}
.epss-hp-login-bottom{color:#fff;opacity:.9;font-size:12px;margin-top:14px}

@media (max-width:480px){
  .epss-hp-login-card{padding:18px}
}
.epss-hp-login-logo{line-height:1;text-align:center}
.epss-hp-login-logo-ucla{font-weight:800;font-size:14px;letter-spacing:.5px}
.epss-hp-login-logo-epss{font-weight:800;font-size:12px;letter-spacing:.8px;opacity:.9}

.epss-hp-login-back{
  margin-top: 14px;
  text-align: center;
}
.epss-hp-login-back a{
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
}
.epss-hp-login-back a:hover{
  text-decoration: underline;
}