*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0F3B45;font-family:Calibri,Carlito,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
a{color:#E8A33D;text-decoration:none}a:hover{color:#F3C070}

.header{padding:28px clamp(20px,4.5vw,64px)}
.logo{display:inline-flex;flex-direction:column;line-height:1}
.logo strong{color:#fff;font-size:26px;font-weight:700;letter-spacing:0.02em}
.logo span{color:#C6DCE0;font-size:15.5px;margin-top:4px;white-space:nowrap}

.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px 48px;gap:32px}
.eyebrow{margin:0;color:#E8A33D;font-size:clamp(16px,4vw,26px);text-wrap:balance;font-weight:700;letter-spacing:0.04em;text-align:center}

.signin-box{background:#fff;border-radius:12px;width:100%;max-width:440px;padding:36px 48px 28px;display:flex;flex-direction:column;align-items:center}
.signin-box .title{color:#0F3B45;font-size:24px;font-weight:700;margin-bottom:24px}
.signin-box label{align-self:stretch;display:flex;flex-direction:column;gap:4px;color:#6B7785;font-size:14px;margin-bottom:16px}
.signin-box label:last-of-type{margin-bottom:20px}
.signin-box input{height:44px;border:1px solid #A7B4BA;border-radius:6px;padding:0 12px;font:inherit;font-size:16px;color:#0F3B45;background:#fff;outline-color:#0F3B45}
.signin-box button{align-self:stretch;height:44px;border:0;border-radius:6px;background:#0F3B45;color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.signin-box[hidden]{display:none}
.signin-box .error{align-self:stretch;color:#B4411C;font-size:15px;font-weight:700;text-align:center;margin:-6px 0 12px}
.signin-box .error:empty{display:none}
.signin-box button:disabled{opacity:0.75;cursor:default}
.signin-box .forgot{margin-top:14px;color:#6B7785;font-size:14px}

.footer{padding:20px clamp(20px,4.5vw,64px) 28px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#C6DCE0;font-size:17px}
.footer .copyright{font-size:14px}
.footer a{font-weight:700}

@media (max-width:759px){
  .header{padding:20px}
  .main{padding:24px 16px 32px;gap:24px}
  .signin-box{padding:28px 20px 24px}
}