.career-game-gate { padding: 90px 0; background: #051b30; color: #fff; }
.career-game-gate-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(38px, 7vw, 90px); align-items: center; }
.career-game-gate-copy .eyebrow { color: #79d4ff; }
.career-game-gate-copy h2 { max-width: 720px; margin: 0; color: #fff; font-family: Fraunces, Georgia, serif; font-size: clamp(2.6rem, 5vw, 5rem); font-weight: 500; line-height: .95; letter-spacing: -.045em; }
.career-game-gate-copy p { max-width: 680px; margin: 23px 0 0; color: #bdd2de; font-size: 1.02rem; line-height: 1.72; }
.career-game-gate-copy .hero-actions { margin-top: 28px; }
.career-game-gate-copy .btn-secondary { border-color: #83cbe9; color: #fff; }
.career-game-gate-visual { position: relative; min-height: 0; aspect-ratio: 16 / 10; margin: 0; overflow: hidden; border: 1px solid rgba(131, 203, 233, .28); border-radius: 22px; background: #0b2a44; box-shadow: 0 26px 65px rgba(0, 0, 0, .25); }
.career-game-gate-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.career-game-gate-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 14, 25, .2), transparent 52%, rgba(2, 14, 25, .84)); }
.career-game-marker { position: absolute; z-index: 2; display: flex; align-items: center; gap: 5px; transform: translate(-50%, -50%); }
.career-game-marker b { width: 28px; height: 28px; display: grid; place-items: center; border: 2px solid #fff; background: #1378bd; color: #fff; font-size: .65rem; }
.career-game-marker span { padding: 6px 8px; background: rgba(3, 19, 33, .9); color: #fff; font-size: .59rem; font-weight: 800; white-space: nowrap; }
.career-game-gate-visual figcaption { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 21px; color: #fff; }
.career-game-gate-visual figcaption b { display: block; font-family: Fraunces, Georgia, serif; font-size: 1.7rem; font-weight: 500; }
.career-game-gate-visual figcaption span { display: block; margin-top: 5px; color: #a8dff8; font-size: .72rem; }

.career-game-invite { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; margin: 6px 0 28px; padding: 22px 0; border-top: 2px solid #1985c8; border-bottom: 1px solid #bdd0dc; }
.career-game-invite strong { display: block; color: #09233a; font-family: Fraunces, Georgia, serif; font-size: 1.35rem; font-weight: 600; line-height: 1.15; }
.career-game-invite span { display: block; margin-top: 6px; color: #587083; font-size: .82rem; line-height: 1.5; }
.career-game-invite .btn { white-space: nowrap; }

@media (max-width: 860px) {
  .career-game-gate-grid { grid-template-columns: 1fr; }
  .career-game-gate-visual { aspect-ratio: 16 / 9; }
}

@media (max-width: 640px) {
  .career-game-gate { padding: 68px 0; }
  .career-game-gate-visual { min-height: 0; border-radius: 14px; }
  .career-game-invite { grid-template-columns: 1fr; }
  .career-game-invite .btn { width: 100%; }
}