*{box-sizing:border-box}
:root{--navy:#081d38;--navy-2:#102d50;--ink:#0d203b;--muted:#66758a;--line:rgba(8,29,56,.1);--panel:#fff;--bg:#f5f7fb}
html{min-height:100%}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(111,45,189,.13),transparent 31%),radial-gradient(circle at 92% 8%,rgba(17,71,126,.12),transparent 28%),linear-gradient(180deg,#fafbfe 0%,#eef2f8 100%)}
button,a{font:inherit}
.selector-shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column;padding:18px 0 20px}
.selector-navbar{min-height:70px;padding:13px 18px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--navy),#06172c);box-shadow:0 18px 38px rgba(52,27,92,.2);border:1px solid rgba(255,255,255,.12)}
.selector-brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-weight:1000;font-size:18px}
.selector-brand img{width:132px;max-height:42px;object-fit:contain}
.selector-brand span{padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
.staff-access{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:900;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);transition:.2s ease}
.staff-access:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.staff-access i{font-size:17px}
.selector-main{flex:1;padding:52px 0 46px}
.selector-copy{text-align:center;max-width:780px;margin:0 auto 34px}
.selector-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(8,29,56,.08);color:#49617d;font-size:11px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}
.selector-copy h1{margin:17px 0 12px;font-size:clamp(38px,6vw,68px);line-height:.96;letter-spacing:-2.2px;font-weight:1000;color:var(--navy)}
.selector-copy p{max-width:650px;margin:0 auto;color:var(--muted);font-size:17px;font-weight:700;line-height:1.55}
.stadium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
.stadium-form{margin:0}
.stadium-card{position:relative;width:100%;height:360px;padding:0;border:0;border-radius:28px;overflow:hidden;cursor:pointer;text-align:left;background:var(--card-primary);box-shadow:0 20px 42px rgba(8,29,56,.16);isolation:isolate;transition:transform .22s ease,box-shadow .22s ease}
.stadium-card:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(8,29,56,.23)}
.stadium-card:focus-visible{outline:4px solid color-mix(in srgb,var(--card-secondary) 75%,#fff);outline-offset:4px}
.stadium-cover{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform .45s ease}
.stadium-card:hover .stadium-cover{transform:scale(1.07)}
.stadium-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,31,.1) 0%,color-mix(in srgb,var(--card-primary) 72%,rgba(3,13,28,.92)) 62%,color-mix(in srgb,var(--card-primary) 88%,#020912) 100%)}
.stadium-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:26px;color:#fff}
.stadium-logo-wrap{width:max-content;min-width:78px;max-width:190px;height:58px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.stadium-logo-wrap img{max-width:158px;max-height:38px;object-fit:contain;filter:none}.stadium-logo-wrap.logo-dark{background:rgba(6,23,44,.94)}
.current-badge{position:absolute;top:28px;right:26px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--card-primary);font-size:10px;font-weight:1000;letter-spacing:.03em;text-transform:uppercase}
.stadium-text{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start}
.stadium-text small{font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.stadium-text strong{display:block;margin-top:8px;font-size:clamp(27px,3.6vw,42px);line-height:1.02;letter-spacing:-1.2px;font-weight:1000}
.stadium-text>span{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:rgba(255,255,255,.82);font-size:14px;font-weight:800}
.stadium-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:1000}
.stadium-action i{font-size:25px;transition:transform .2s ease}
.stadium-card:hover .stadium-action i{transform:translateX(5px)}
.selector-message{max-width:760px;margin:0 auto;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 32px rgba(8,29,56,.08);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:800}
.selector-message.error{color:#991b1b;background:#fff7f7;border-color:#fecaca}
.selector-message i{font-size:24px}
.selector-footer{min-height:58px;padding:12px 18px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#06172c);display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;text-transform:uppercase;font-size:12px;font-weight:1000;letter-spacing:.04em}
.selector-footer img{width:48px;max-height:30px;object-fit:contain}
@media(max-width:760px){
  .selector-shell{width:min(100% - 22px,1180px);padding-top:11px}
  .selector-navbar{min-height:62px;border-radius:18px;padding:11px 13px}
  .selector-brand{gap:10px}
  .selector-brand img{width:104px}
  .selector-brand span{font-size:14px;padding-left:10px}
  .staff-access{width:40px;height:40px;padding:0;justify-content:center}
  .staff-access span{display:none}
  .selector-main{padding:36px 0 32px}
  .selector-copy{margin-bottom:25px}
  .selector-copy h1{font-size:42px;letter-spacing:-1.4px}
  .selector-copy p{font-size:15px;padding:0 10px}
  .stadium-grid{grid-template-columns:1fr;gap:16px}
  .stadium-card{height:300px;border-radius:23px}
  .stadium-content{padding:21px}
  .stadium-logo-wrap{height:52px;max-width:165px}
  .stadium-logo-wrap img{max-width:137px;max-height:34px}
  .current-badge{top:22px;right:20px}
  .stadium-text strong{font-size:32px}
  .selector-footer{border-radius:18px}
}
@media(max-width:390px){.selector-brand span{display:none}.current-badge{font-size:0}.current-badge i{font-size:16px}}