/* GoldenSeat — login redesign (2026-06-19). Scoped under .gslogin-new (prefix gsl-).
   Gate: body.gsloginnew shows new design; otherwise the legacy login stays. */
:root{--gsl-navy:#16284A;--gsl-navy2:#22375f;--gsl-navy3:#0f1d38;--gsl-gold:#E6A91A;--gsl-gold2:#c9900c;--gsl-gtint:#fcf4df;--gsl-ink:#1a2433;--gsl-muted:#5d6b82;--gsl-faint:#9aa6bb;--gsl-line:#e6e9f1;--gsl-line2:#eef1f6}

/* ---- gate ---- */
.gslogin-new{display:none}
body.gsloginnew .gslogin-legacy{display:none}
body.gsl-login #tk-lang-switch{display:none!important}
body.gsloginnew .gslogin-new{display:flex;flex-direction:column;position:fixed;inset:0;z-index:9990;
  direction:rtl;background:var(--gsl-navy3);font-family:Heebo,Arial,sans-serif;color:var(--gsl-ink);overflow:hidden}
.gslogin-new *{box-sizing:border-box}

/* ---- brand bar: logo left, controls right (fixed, both languages) ---- */
.gslogin-new .gsl-nav{flex:none;height:58px;direction:ltr;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,3vw,52px);background:rgba(15,29,56,.55);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(8px);z-index:5}
.gslogin-new .gsl-logo{font-weight:900;font-size:23px;color:#fff;letter-spacing:-.3px}
.gslogin-new .gsl-logo span{color:var(--gsl-gold)}
.gslogin-new .gsl-cta{display:flex;align-items:center;gap:16px;font-size:13.5px;font-weight:600}
.gslogin-new .gsl-contact{color:#c3cde0;text-decoration:none}
.gslogin-new .gsl-contact:hover{color:#fff}
.gslogin-new .gsl-lang{display:inline-flex;align-items:center;gap:6px;height:33px;padding:0 14px;border-radius:8px;cursor:pointer;
  background:rgba(230,169,26,.12);border:1px solid rgba(230,169,26,.42);color:var(--gsl-gold);font-family:inherit;font-size:12.5px;font-weight:700}
.gslogin-new .gsl-lang:hover{background:rgba(230,169,26,.2)}
.gslogin-new .gsl-lang svg{width:14px;height:14px}

/* ---- stage + crossfade background ---- */
.gslogin-new .gsl-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--gsl-navy3)}
.gslogin-new .gsl-bg{position:absolute;inset:0;background-size:cover;background-position:center 38%}
.gslogin-new .gsl-bg-a{background-image:url('/img/gsl-stadium.jpg')}
.gslogin-new .gsl-bg-b{background-image:url('/img/gsl-concert.jpg');opacity:0;animation:gslswap 16s ease-in-out infinite}
@keyframes gslswap{0%,6%{opacity:0}22%,46%{opacity:1}62%,100%{opacity:0}}
.gslogin-new .gsl-scrim{position:absolute;inset:0;background:
  radial-gradient(78% 65% at 84% 122%, rgba(230,169,26,.06), transparent 55%),
  linear-gradient(150deg, rgba(20,36,68,.80) 0%, rgba(14,27,52,.88) 52%, rgba(10,20,40,.95) 100%)}
.gslogin-new .gsl-inner{position:relative;height:100%;direction:rtl;max-width:1680px;margin:0 auto;
  padding:0 clamp(20px,4vw,72px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,4vw,72px)}

/* ---- hero copy (left); stays left in both languages, text aligns per language ---- */
.gslogin-new .gsl-hero{max-width:600px}
.gslogin-new.gsl-en .gsl-hero,.gslogin-new.gsl-en .gsl-card{direction:ltr}
.gslogin-new .gsl-kick{display:inline-flex;align-items:center;gap:9px;color:var(--gsl-gold);font-weight:700;font-size:13px;letter-spacing:.16em;margin-bottom:18px;text-shadow:0 1px 8px rgba(6,14,32,.5)}
.gslogin-new .gsl-ln{width:30px;height:2px;background:var(--gsl-gold);border-radius:2px}
.gslogin-new .gsl-hero h1{margin:0;color:#fff;font-weight:800;font-size:clamp(40px,4.1vw,62px);line-height:1.07;letter-spacing:-.7px;text-shadow:0 3px 20px rgba(5,12,28,.6)}
.gslogin-new .gsl-hero h1 b{color:var(--gsl-gold);font-weight:800}
.gslogin-new .gsl-lede{margin:20px 0 30px;color:#dde5f1;font-size:clamp(17px,1.25vw,21px);line-height:1.6;font-weight:400;max-width:540px;text-shadow:0 1px 12px rgba(5,12,28,.55)}
.gslogin-new .gsl-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;max-width:540px}
.gslogin-new .gsl-feat{display:flex;gap:13px;align-items:flex-start}
.gslogin-new .gsl-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(230,169,26,.16);border:1px solid rgba(230,169,26,.34)}
.gslogin-new .gsl-ic svg{width:20px;height:20px;color:var(--gsl-gold)}
.gslogin-new .gsl-feat h4{margin:0 0 2px;color:#fff;font-size:15.5px;font-weight:700;text-shadow:0 1px 8px rgba(6,14,32,.55)}
.gslogin-new .gsl-feat p{margin:0;color:#c2ccde;font-size:13px;line-height:1.45;font-weight:400;text-shadow:0 1px 8px rgba(6,14,32,.5)}

/* ---- login card (right) ---- */
.gslogin-new .gsl-card{background:#fff;border-radius:18px;padding:34px 32px 28px;width:100%;max-width:410px;justify-self:start;box-shadow:0 30px 70px rgba(7,16,36,.45)}
.gslogin-new .gsl-tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--gsl-gold2);background:var(--gsl-gtint);padding:4px 11px;border-radius:999px;margin-bottom:14px}
.gslogin-new .gsl-card h2{margin:0 0 4px;font-size:25px;font-weight:800;letter-spacing:-.3px;color:var(--gsl-ink)}
.gslogin-new .gsl-sub{margin:0 0 18px;color:var(--gsl-muted);font-size:13.5px}
.gslogin-new .gsl-flash{background:#fdeeee;border:1px solid #f3c9c9;color:#b3322f;border-radius:9px;padding:9px 12px;font-size:13px;margin-bottom:14px}
.gslogin-new .gsl-field{margin-bottom:14px}
.gslogin-new .gsl-field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--gsl-ink)}
.gslogin-new .gsl-ip{position:relative}
.gslogin-new .gsl-ip>svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--gsl-faint);pointer-events:none}
.gslogin-new .gsl-ip input{width:100%;height:48px;border:1.5px solid var(--gsl-line);border-radius:11px;background:#fff;padding:0 42px;font-family:inherit;font-size:14px;color:var(--gsl-ink);transition:border-color .18s,box-shadow .18s}
.gslogin-new .gsl-ip input::placeholder{color:var(--gsl-faint)}
.gslogin-new .gsl-ip input:focus{outline:none;border-color:var(--gsl-gold);box-shadow:0 0 0 4px rgba(230,169,26,.16)}
.gslogin-new .gsl-eye{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gsl-muted);cursor:pointer}
.gslogin-new .gsl-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 18px}
.gslogin-new .gsl-rem{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gsl-muted);cursor:pointer;margin:0}
.gslogin-new .gsl-rem input{width:16px;height:16px;accent-color:var(--gsl-gold2);margin:0}
.gslogin-new .gsl-link{color:var(--gsl-navy2);font-size:12.5px;font-weight:700;text-decoration:none}
.gslogin-new .gsl-link:hover{color:var(--gsl-gold2)}
.gslogin-new .gsl-submit{width:100%;height:50px;border:0;border-radius:11px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(160deg,var(--gsl-navy2),var(--gsl-navy));box-shadow:0 12px 24px rgba(22,40,74,.22);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s,box-shadow .18s}
.gslogin-new .gsl-submit:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(22,40,74,.30)}
.gslogin-new .gsl-submit svg{width:17px;height:17px}
.gslogin-new .gsl-arrow{transition:transform .2s}
.gslogin-new.gsl-en .gsl-arrow{transform:scaleX(-1)}
.gslogin-new .gsl-reg{text-align:center;font-size:13px;color:var(--gsl-muted);margin-top:18px;padding-top:16px;border-top:1px solid var(--gsl-line2)}
.gslogin-new .gsl-reg a{color:var(--gsl-gold2);font-weight:700;text-decoration:none}
.gslogin-new .gsl-reg a:hover{text-decoration:underline}

/* ---- responsive: stack on narrow / short screens ---- */
@media (max-width:900px),(max-height:620px){
  .gslogin-new .gsl-inner{grid-template-columns:1fr}
  .gslogin-new .gsl-hero{display:none}
  .gslogin-new .gsl-card{justify-self:center;margin:0 auto}
}