@font-face {
  font-family: "ARHITEX Inter";
  src: url("/arhitex-inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  font-family: "ARHITEX Inter", Arial, sans-serif;
  color: #002855;
  background: #f3f4f6;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; padding: 24px; display: grid; place-items: center; }
button, input { font: inherit; }
.auth-card {
  width: min(100%, 480px);
  background: #fff;
  border: 1px solid #d8e1ec;
  border-radius: 14px;
  padding: clamp(24px, 5vw, 42px);
  box-shadow: 0 18px 48px #00285514;
}
.auth-logo { display: block; width: min(100%, 220px); height: auto; margin-bottom: 34px; }
.auth-eyebrow { color: #006cfd; font-size: 13px; font-weight: 700; letter-spacing: .12em; }
h1 { font-size: clamp(27px, 4vw, 34px); line-height: 1.2; letter-spacing: -.035em; margin: 9px 0 9px; }
p { color: #40546c; font-size: 16px; line-height: 1.5; margin: 0 0 30px; }
label { display: block; font-size: 15px; font-weight: 650; margin-top: 20px; }
input {
  display: block;
  width: 100%;
  min-height: 48px;
  margin-top: 8px;
  padding: 11px 14px;
  border: 1px solid #b9c9dd;
  border-radius: 8px;
  color: #002855;
  background: #fff;
  font-size: 16px;
}
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #006cfd; outline-offset: 2px; }
button {
  width: 100%;
  min-height: 48px;
  margin-top: 28px;
  padding: 11px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #006cfd;
  border-radius: 8px;
  background: #006cfd;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
button:hover:not(:disabled) { background: #002855; border-color: #002855; }
button:disabled { opacity: .6; cursor: wait; }
button.secondary { margin-top: 12px; background: #fff; color: #002855; border-color: #b9c9dd; }
button.secondary:hover { background: #eaf1fb; }
.auth-back { display: inline-block; color: #006cfd; font-size: 14px; font-weight: 650; margin-bottom: 20px; text-decoration: none; }
.auth-message { min-height: 24px; margin-top: 16px; color: #a14237; font-size: 14px; line-height: 1.5; }
@media (max-width: 480px) { body { padding: 16px; } .auth-card { padding: 26px 22px; } }