@import url('erstgespraech-base.css?v=20261022');

.eg-gate {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(24px, 4vh, 44px) 24px max(12px, env(safe-area-inset-bottom));
  text-align: center;
}
.eg-gate-header { width: 100%; display: flex; flex-direction: column; align-items: center; }
.eg-gate-brand { display: inline-flex; min-height: 44px; align-items: center; }
.eg-gate-brand img { width: 170px; }
.eg-press { width: min(100%, 760px); margin-top: 28px; }
.eg-press-label { margin: 0 0 14px; font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--eg-muted); }
.eg-press-logos { display: flex; align-items: center; justify-content: center; gap: 18px 44px; flex-wrap: wrap; }
.eg-press-logos > * { display: inline-flex; align-items: center; min-height: 44px; }
.eg-press-logos img { width: auto; max-width: 170px; max-height: 30px; object-fit: contain; }
.eg-gate-main { width: min(100%, 760px); margin-top: clamp(28px, 5vh, 52px); text-align: left; animation: eg-arrive .65s var(--eg-ease); }
.eg-gate-main h1 { margin: 0 0 24px; font-size: clamp(30px, 3vw, 42px); font-weight: 500; line-height: 1.18; letter-spacing: -.03em; }
.eg-gate-main h1 strong { font-weight: 750; }
.eg-gate-main > p { margin: 0 0 20px; font-size: 20px; line-height: 1.5; }
.eg-gate-main p strong { font-weight: 700; }
.eg-gate-continue { min-width: 170px; margin-top: 8px; }
.eg-gate-assurance { margin-top: 18px !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--eg-muted); }
.eg-gate-footer { display: flex; gap: 8px 24px; justify-content: center; margin-top: auto; padding-top: 28px; }
.eg-gate-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--eg-muted); text-underline-offset: 3px; }
@keyframes eg-arrive { from { transform: translateY(6px); } to { transform: none; } }

@media (min-width: 701px) and (max-height: 820px) {
  .eg-gate { padding-top: 20px; }
  .eg-gate-main { margin-top: 24px; }
}
@media (max-width: 700px) {
  .eg-gate { padding: 16px 20px max(8px, env(safe-area-inset-bottom)); }
  .eg-gate-brand img { width: 132px; }
  .eg-press { margin-top: 16px; }
  .eg-press-label { margin-bottom: 6px; font-size: 11px; }
  .eg-press-logos { gap: 4px 22px; }
  .eg-press-logos img { max-width: 104px; max-height: 20px; }
  .eg-gate-main { margin-top: 26px; }
  .eg-gate-main h1 { font-size: 27px; margin-bottom: 18px; }
  .eg-desktop-break { display: none; }
  .eg-gate-main > p { font-size: 16px; line-height: 1.45; margin-bottom: 16px; }
  .eg-gate-continue { width: 100%; }
  .eg-gate-assurance { font-size: 13px !important; }
  .eg-gate-footer { padding-top: 16px; }
}
@media (max-width: 360px) and (max-height: 640px) {
  .eg-gate-main h1 { font-size: 23px; }
  .eg-gate-main > p { font-size: 15px; }
}