* {box-sizing: border-box;}

html, body {height: 100%;margin: 0;}

/* Háttér */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Helvetica, Arial, sans-serif;
  background: #f3f3f3; /* #f5f5f7; */
  color: #1d1d1f;
}

/* Középre igazítás */
.auth-wrapper {
  margin-top: 2rem;
/*  min-height: 30vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Kártya */
.auth-card {
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-radius: 14px;
  padding: 28px 26px 24px;
  box-shadow:
    0 10px 30px rgba(0,0,0,.08),
    0 1px 2px rgba(0,0,0,.04);
}

/* Fejléc */
.auth-header {text-align: center;margin-bottom: 24px;}
.auth-header .logo {
 font-family: 'GillSans', 'Gill Sans MT', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif;
 font-size: 2rem;
 line-height: 2.5rem;
 font-weight: 700;
 margin-bottom: 1rem;
 display: flex;
 align-items: center;
 justify-content: center;
}
.auth-header .logo img {width: 4rem;height: 4rem; margin-right: .5rem;}
.auth-header h1 {font-size: 1.4rem;margin: 0;font-weight: 600;}
.auth-header p {margin: 6px 0 0;font-size: .95rem;color: #6e6e73;}

/* Inputok */
.auth-card input[type="text"], input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 14px;
  font-size: 1rem;
  border-radius: 10px;
  border: 1px solid #d2d2d7;
  background: #fff;
}

.auth-card input[type="checkbox"] {margin-bottom: 14px;}

.auth-card input:focus {outline: none;border-color: #0071e3;box-shadow: 0 0 0 4px rgba(0,113,227,.15);}

/* Gomb */
.auth-card button.primary {
  width: 100%;
  padding: 13px;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  background: #0098d6; /* #0071e3; */
  color: #fff;
  cursor: pointer;
}

.auth-card button.primary:hover {background: #005ecb;}

/* Lábléc */
.auth-footer {margin-top: 20px;text-align: center;color: #6e6e73;}

@media (prefers-color-scheme: dark) {
  body {background: #1c1c1e;color: #f5f5f7;}
  .auth-card {background: #2c2c2e;}
  .auth-card input {background: #1c1c1e;border-color: #3a3a3c;color: #fff;}
  .auth-header p,
  .auth-footer {color: #a1a1a6;}
}
.results { margin-top:2rem; }
.error {color: red;}