/* Sifre kapisi — metodoloji sayfasi. */
.gate {
  min-height: 100dvh;
  display: grid; place-items: center;
  padding: 24px;
  background: var(--bg, #FAF8F4);
}
.gate-card {
  width: 100%; max-width: 380px;
  background: var(--surface, #fff);
  border: 1px solid var(--line, #E3DED4);
  border-radius: 20px;
  box-shadow: var(--shadow, 0 12px 32px rgba(10,46,34,.07));
  padding: 38px 32px;
  text-align: left;
}
.gate-card .wordmark { margin-bottom: 26px; }
.gate-h {
  font-family: var(--font-display, Georgia, serif);
  font-size: 1.5rem; font-weight: 640; letter-spacing: -.02em;
  margin: 0 0 8px; color: var(--ink, #0A2E22);
}
.gate-p { margin: 0 0 22px; font-size: .95rem; color: var(--ink-2, #4A5F57); }
.gate-in {
  width: 100%; padding: 14px 16px; margin-bottom: 12px;
  font: inherit; font-size: 1.15rem; letter-spacing: .3em; text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--ink, #0A2E22); background: var(--bg, #FAF8F4);
  border: 1px solid var(--line, #E3DED4); border-radius: 10px; outline: none;
}
.gate-in:focus {
  border-color: var(--accent, #0F4A38);
  box-shadow: 0 0 0 3px var(--accent-soft, #E4EFEA);
}
.gate-err { min-height: 20px; margin: 10px 0 0; font-size: .88rem; color: var(--danger, #9C3A22); }
.gate-back {
  display: inline-block; margin-top: 18px;
  font-size: .88rem; color: var(--ink-3, #5E736A);
}
.gate-back:hover { color: var(--accent, #0F4A38); }

/* Sifre kapisi dugmesi.
   Metodoloji sayfasi site.css YUKLEMIYOR, bu yuzden .btn burada
   tanimsizdi ve dugme bicimsiz kaliyordu. Kendi stilini tasiyor. */
.gate-go {
  width: 100%; padding: 14px 20px;
  font: inherit; font-size: .98rem; font-weight: 620;
  color: #fff; border: 0; border-radius: 10px; cursor: pointer;
  background: linear-gradient(180deg, #135741 0%, #0D3F2F 60%, #0A3124 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 18px rgba(8,39,29,.16);
  transition: opacity .18s;
}
.gate-go:hover { opacity: .92; }