@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');
html, body { height: 100%; }
body {
  font-family: 'Open Sans', -apple-system, sans-serif !important;
  background: #F8FAFC !important; color: #020617 !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  min-height: 100vh !important;
}
h1, h2, .header .logo, .title { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; color: #0F172A !important; }
.container.wrap {
  max-width: 480px; width: 90%; margin: 0 !important;
  background: #FFFFFF !important; border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  padding: 2.5rem !important;
}
.button, button[type="submit"], .submit .button {
  background: #0369A1 !important; border-color: #0369A1 !important; color: #FFFFFF !important;
  border-radius: 6px !important; font-weight: 600 !important; transition: background 150ms ease;
}
.button:hover, button[type="submit"]:hover { background: #075985 !important; }
a { color: #0369A1 !important; }
a:hover { color: #075985 !important; }
input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #E2E8F0 !important; border-radius: 6px !important; }
input:focus-visible, .button:focus-visible { outline: 2px solid #0369A1 !important; outline-offset: 2px; }
footer.container { color: #64748B !important; font-size: 0.875rem; text-align: center; margin-top: 1.5rem !important; }