:root{
  --primary: #3081CD;
  --primary-dark: #2468a8;
  --bg: #eef2f7;
  --card: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --line: rgba(17,24,39,.12);
  --shadow: 0 18px 40px rgba(17,24,39,.12);
  --radius: 14px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: var(--bg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.auth-card{
  width: min(520px, 100%);
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px 26px 22px;
}

.brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-bottom: 18px;
}

.brand img{ height:42px; width:auto; }
.brand h1{
  margin:0;
  font-size:22px;
  font-weight:700;
}
.brand p{ margin:0; color: var(--muted); font-size:13px; }

.form-label{ font-size:13px; color: var(--muted); }

.btn-primary{
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary:hover{
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}