body { background: var(--blue-dark); display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-box {
  background: var(--white);
  border-radius: var(--radius);
  padding: 36px 40px;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
.login-logo { text-align: center; margin-bottom: 28px; }
.login-logo h1 { font-size: 26px; color: var(--blue-dark); font-weight: 700; }
.login-logo p  { color: var(--grey-mid); font-size: 14px; margin-top: 4px; }
@media (max-width: 440px) { .login-box { margin: 16px; padding: 24px 20px; } }