:root{--ink:#07140f;--cream:#f4f1e8;--lime:#c9ff3d;--mint:#54efac;--muted:#728078;--card:#fff;--line:#dce3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{min-height:660px;background:#07140f;color:#fff;position:relative;overflow:hidden;padding:28px max(6vw,24px)}nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font:700 21px 'Space Grotesk';color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.brand span{width:34px;height:34px;border:2px solid var(--lime);color:var(--lime);border-radius:50%;display:grid;place-items:center}.nav-right{display:flex;align-items:center;gap:12px}.trophy-pill{background:#ffc72c;color:#07140f;border:0;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.trophy-pill:hover{background:#ffe052;transform:translateY(-2px)}.live-pill{border:1px solid #35443c;border-radius:30px;padding:9px 15px;font-size:12px}.live-pill i,.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 0 5px #c9ff3d18;animation:pulse 1.6s infinite}.status.penalties{color:#ffb300;border:1px solid rgba(255,179,0,0.25);background:rgba(255,179,0,0.12);padding:3px 10px;border-radius:999px;font-size:10px;letter-spacing:0.12em;font-weight:800;text-transform:uppercase}.hero-copy{max-width:1180px;margin:110px auto 70px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--mint);margin:0 0 18px}.hero h1{font:700 clamp(54px,8vw,108px)/.91 'Space Grotesk';letter-spacing:-.065em;margin:0;max-width:900px}.hero h1 em{font-style:normal;color:var(--lime)}.intro{color:#aab7b0;max-width:490px;font-size:18px;line-height:1.65;margin:30px 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--lime);color:var(--ink);padding:16px 22px;border-radius:7px;text-decoration:none;font-weight:800;border:0;cursor:pointer;transition:.2s}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #c9ff3d2a}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:470px;height:470px;border:1px solid #c9ff3d24;right:-90px;top:120px;box-shadow:inset 0 0 90px #c9ff3d0c}.orb-two{width:110px;height:110px;background:var(--lime);right:250px;bottom:-65px;filter:blur(24px);opacity:.7}main{max-width:1180px;margin:auto;padding:90px 24px 110px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2,dialog h2{font:700 clamp(34px,5vw,54px) 'Space Grotesk';letter-spacing:-.05em;margin:0}.section-head>p{color:var(--muted);font-size:13px}.fixture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.match-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 5px 20px #07140f08;transition:.25s;display:flex;flex-direction:column}.match-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #07140f12}.match-card.is-live{border-color:var(--mint)}.match-card.is-tba{background:#faf9f6;opacity:0.85;border-style:dashed}.match-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.status{color:var(--ink)}.status.penalties{color:#ffb300;border:1px solid rgba(255,179,0,0.2);background:rgba(255,179,0,0.1);padding:2px 9px;border-radius:999px;font-size:10px;letter-spacing:0.1em}.is-live .status{color:#087748}.teams{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;text-align:center;min-height:180px}.team{min-width:0}.team strong{display:block;font:700 16px 'Space Grotesk';margin-top:10px}.team strong small{color:var(--muted);font-size:12px;font-weight:400;display:block}.crest{width:66px;height:66px;margin:auto;border-radius:50%;background:#f0f4ef;display:grid;place-items:center;font-weight:800;color:#637069;overflow:hidden}.tba-globe{font-size:22px;color:var(--muted);font-weight:800}.crest img{width:48px;height:48px;object-fit:contain}.versus b{display:block;font:700 22px 'Space Grotesk'}.versus small{display:block;color:var(--muted);font-size:10px;margin-top:8px;line-height:1.35}.predict-btn{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:17px 0 0;font-weight:800;text-align:left;cursor:pointer;display:flex;justify-content:space-between;color:var(--ink);margin-top:auto}.predict-btn:hover{color:#198a5c}.predict-btn.disabled{color:#9da69f;cursor:not-allowed;background:#e6ebe7;border-top-color:var(--line)}.toast,.empty{background:white;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:24px}.toast{display:flex;gap:10px;align-items:center;transition:opacity 0.5s ease}.toast.fade{opacity:0}.toast.success span{background:var(--mint)}.toast.error span{background:#ff6b6b}.toast span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900}.empty{text-align:center;padding:50px}.empty strong{font:700 23px 'Space Grotesk'}.empty p{color:var(--muted)}dialog{width:min(620px,calc(100% - 30px));border:0;border-radius:18px;padding:38px;background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #0007;overflow-y:auto;max-height:90vh}dialog::backdrop{background:#03100bc9;backdrop-filter:blur(8px)}dialog[open]{animation:pop .25s ease}.close{position:absolute;right:18px;top:14px;background:transparent;border:0;font-size:28px;cursor:pointer}.modal-date{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.4}.score-input-wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.score-input-team{display:flex;flex-direction:column;align-items:center;flex:1}.score-input-team input{width:90px;height:80px;font-size:32px;text-align:center;border-radius:10px;border:2px solid var(--line);font-weight:800;outline:none;background:white;color:var(--ink);padding:0}.score-input-team input:focus{border-color:var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink)}.team-lbl{font-size:13px;font-weight:800;margin-top:8px;text-align:center;word-break:break-word;max-width:140px}.score-versus{font:700 24px 'Space Grotesk';color:var(--muted)}.backing-indicator{text-align:center;font-weight:800;font-size:14px;padding:12px;border-radius:8px;background:#f0f4ef;margin-bottom:20px;border:1px dashed var(--line);transition:.2s}.backing-indicator.home{background:#e8f8f0;color:#087748;border-color:#54efac}.backing-indicator.away{background:#e8f8f0;color:#087748;border-color:#54efac}.backing-indicator.draw{background:#f0f4ef;color:var(--muted);border-color:var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .wide{grid-column:1/-1}label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}input{width:100%;margin-top:7px;padding:13px;border:1px solid #cbd4cc;border-radius:7px;background:white;font:600 14px Manrope;outline:none}input:focus{border-color:#29a975;box-shadow:0 0 0 3px #54efac33}.consent{display:flex;align-items:start;gap:9px;margin:18px 0;text-transform:none;letter-spacing:0;font-weight:600;color:var(--muted)}.consent input{width:17px;margin:1px 0}.submit{width:100%;font:800 15px Manrope;margin-top:10px}.lookup-form{margin:20px 0 25px}.lookup-input-group{display:flex;gap:10px;margin-top:7px}.lookup-input-group input{margin:0}.lookup-input-group button{white-space:nowrap;padding:12px 20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.stat-card{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;box-shadow:0 2px 8px #00000005}.stat-num{display:block;font:700 28px 'Space Grotesk';color:var(--ink)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;font-weight:800;margin-top:4px;display:block}.redeem-box{background:#fffbeb;border:1px solid #ffe082;border-radius:10px;padding:18px;margin:20px 0;text-align:center;box-shadow:0 2px 8px #00000005}.redeem-box p{margin:0 0 12px 0;font-size:13px;line-height:1.5}.redeem-box.clean{background:#f0f4ef;border-color:var(--line)}.redeem-btn{background:#ffc72c;border:0;color:#07140f;font-weight:800;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:14px;transition:.2s}.redeem-btn:hover{background:#ffe052;transform:translateY(-2px);box-shadow:0 6px 15px #ffc72c20}.predictions-list{max-height:280px;overflow-y:auto;margin:15px 0 5px;border:1px solid var(--line);border-radius:10px;background:white;padding:10px}.pred-row{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-bottom:1px solid var(--line)}.pred-row:last-child{border-bottom:0}.pred-info{display:flex;flex-direction:column;flex:1}.pred-stage{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.pred-match{font-weight:700;font-size:13px;margin-top:2px}.pred-scores{font-size:12px;color:var(--muted);margin:0 15px;display:flex;flex-direction:column;align-items:flex-end}.badge{font-size:10px;font-weight:800;padding:4px 8px;border-radius:20px;white-space:nowrap}.badge.exact{background:#ffe899;color:#7a5200}.badge.correct{background:#e8f8f0;color:#087748}.badge.missed{background:#f5ecea;color:#c92a2a}.badge.pending{background:#f0f4ef;color:var(--muted)}.empty-list{text-align:center;color:var(--muted);padding:20px;font-size:13px}footer{background:var(--ink);color:#fff;padding:34px max(6vw,24px);display:flex;justify-content:space-between;align-items:center}footer p{color:#87948d;font-size:11px}@keyframes pulse{50%{opacity:.35}}@keyframes pop{from{opacity:0;transform:scale(.94) translateY(20px)}}@media(max-width:760px){.hero{min-height:600px}.hero-copy{margin-top:100px}.fixture-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.teams{grid-template-columns:1fr 80px 1fr}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}dialog{padding:30px 20px}.live-pill{font-size:0}.live-pill i{margin:0}.orb-one{right:-280px}footer{align-items:start;gap:20px;flex-direction:column}.nav-right{gap:8px}.stats-grid{grid-template-columns:1fr}.pred-row{flex-direction:column;align-items:start;gap:8px}.pred-scores{align-items:start;margin:0}}

/* New Timezone and Completed Matches styles */
.match-time-container{text-align:center;margin-bottom:12px}.match-time{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}.uae-time-lbl{font-size:10px;color:var(--muted);margin-left:5px;font-weight:normal;text-transform:none;letter-spacing:0}.prediction-status-container{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);text-align:center;font-size:12px;background:#fcfcfb;border-radius:0 0 13px 13px;padding:12px;margin:-20px;margin-top:auto}.user-prediction-details{display:flex;flex-direction:column;align-items:center;gap:6px}.pred-label{color:var(--muted);font-size:12px}.pred-label b{color:var(--ink)}.hub-promo{color:var(--muted);font-style:italic;font-size:11px;display:block;padding:4px 0}.winner-label{font-size:10px;color:var(--muted);margin-top:6px;display:block;font-weight:800;text-transform:uppercase;letter-spacing:0.02em}.final-score{font-size:26px;color:var(--ink);letter-spacing:0.02em}

/* Two-Column App Layout */
.app-layout {
  display: grid;
  grid-template-columns: 2.8fr 1.2fr;
  gap: 30px;
  max-width: 1180px;
  margin: auto;
  padding: 40px 24px 110px;
}
.match-centre-col {
  min-width: 0;
}
.prediction-sidebar-col {
  min-width: 0;
}

/* Sidebar Elements */
.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 6px;
}
.sidebar-sticky::-webkit-scrollbar {
  width: 4px;
}
.sidebar-sticky::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-sticky::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 10px;
}
.sidebar-sticky::-webkit-scrollbar-thumb:hover {
  background: var(--muted);
}
.sidebar-sticky > * {
  flex-shrink: 0;
}
.sidebar-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 24px;
  box-shadow: 0 5px 20px #07140f08;
}
.sidebar-card h3 {
  font: 700 18px 'Space Grotesk';
  margin: 0 0 15px 0;
  border-bottom: 2px solid var(--lime);
  display: inline-block;
  padding-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.sidebar-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 15px 0;
}

/* Mock Login Card */
.mock-login-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mock-login-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 800;
  color: var(--ink);
}
.mock-login-form input {
  margin-top: 0;
  padding: 10px 12px;
}

/* User Profile Stats */
.user-profile-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.user-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--lime);
  color: var(--ink);
  font: 800 20px 'Space Grotesk';
  display: grid;
  place-items: center;
  box-shadow: 0 4px 10px #c9ff3d2a;
}
.user-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.user-meta strong {
  font-size: 15px;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-meta span {
  font-size: 11px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
.sidebar-stat-item {
  background: #fcfcfb;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}
.sidebar-stat-item .val {
  display: block;
  font: 700 20px 'Space Grotesk';
  color: var(--ink);
}
.sidebar-stat-item .lbl {
  font-size: 9px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 800;
  margin-top: 2px;
}

/* Button enhancements */
.btn-sm {
  padding: 10px 15px;
  font-size: 12px;
  border-radius: 6px;
  font-weight: 800;
}
.btn-secondary {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
  cursor: pointer;
  font-family: inherit;
  transition: 0.2s;
}
.btn-secondary:hover {
  background: #f0f4ef;
}
.btn-danger {
  background: #fff0f0;
  color: #c92a2a;
  border: 1px solid #ffcdd2;
  cursor: pointer;
  font-family: inherit;
  transition: 0.2s;
}
.btn-danger:hover {
  background: #ffe5e5;
}

/* Testing Card styles */
.testing-btn-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.testing-btn-grid button {
  width: 100%;
}
.console-logs {
  background: #0d1b15;
  color: #54efac;
  font-family: monospace;
  font-size: 10px;
  padding: 10px;
  border-radius: 6px;
  max-height: 120px;
  overflow-y: auto;
  margin-top: 12px;
  border: 1px solid #1a3c2e;
  text-align: left;
  line-height: 1.4;
}

/* User Card Badge styles */
.user-prediction-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #e8f8f0;
  color: #087748;
  border: 1px solid #54efac44;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 12px;
}
.user-prediction-badge.locked {
  background: #f0f4ef;
  color: var(--muted);
  border-color: var(--line);
}

/* SSO Header pill */
.sso-pill {
  background: #ffffff15;
  border: 1px solid #ffffff25;
  color: #fff;
  border-radius: 30px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: 0.2s;
  cursor: pointer;
}
.sso-pill:hover {
  background: #ffffff25;
  border-color: #ffffff45;
}
.sso-pill.logged-in {
  background: #c9ff3d20;
  border-color: #c9ff3d35;
  color: var(--lime);
}

/* Adaptive mobile styles */
@media (max-width: 1024px) {
  .app-layout {
    grid-template-columns: 1fr;
    padding-top: 20px;
  }
  .sidebar-sticky {
    position: static;
  }
}

/* Premium Button Shine Effects */
.primary, .predict-btn, .redeem-btn, .submit, .lookup-form button {
  position: relative !important;
  overflow: hidden !important;
}

.primary::after, .predict-btn::after, .redeem-btn::after, .submit::after, .lookup-form button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.45) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
}

/* Shine Sweep Trigger on Hover */
.primary:hover::after, .predict-btn:hover::after, .redeem-btn:hover::after, .submit:hover::after, .lookup-form button:hover::after {
  animation: shine-sweep 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes shine-sweep {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}

/* Clipping parent mask for TRIONN-style slide reveal animation */
.title-line {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: 0.05em;
  margin-bottom: -0.05em;
}

/* Premium Interactive Hero Spotlight Glow */
.hero-glow {
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(201, 255, 61, 0.15) 0%, rgba(84, 239, 172, 0.05) 50%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease;
  mix-blend-mode: screen;
}
.orb-wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.match-centre-header {
  background: #07140f;
  color: #fff;
  border-radius: 14px;
  padding: 28px 36px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.match-centre-header::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(84, 239, 172, 0.1) 0%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}
.match-centre-header .eyebrow {
  color: var(--mint);
  font-weight: 800;
  margin-bottom: 8px;
}
.match-centre-header h2 {
  color: #fff;
  font: 800 clamp(24px, 4vw, 36px)/1 'Space Grotesk';
  letter-spacing: -0.03em;
  margin: 0;
}
.match-centre-header p.desc {
  color: #aab7b0;
  font-weight: 700;
  font-size: 13px;
  margin: 0;
  max-width: 320px;
  line-height: 1.45;
  text-align: right;
}
@media (max-width: 760px) {
  .match-centre-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 22px 24px;
  }
  .match-centre-header p.desc {
    text-align: left;
    max-width: 100%;
  }
}

/* Auth Dialog Form Tabs & Dividers */
.auth-tabs {
  display: flex;
  width: 100%;
  border-bottom: 2px solid var(--line);
  margin-bottom: 20px;
}
.auth-tab {
  flex: 1;
  background: none;
  border: none;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--muted);
  padding: 12px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}
.auth-tab::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--ink);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.auth-tab.active {
  color: var(--ink);
}
.auth-tab.active::after {
  transform: scaleX(1);
}
.auth-tab:hover {
  color: var(--ink);
}

.auth-divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 25px 0 15px 0;
  width: 100%;
}
.auth-divider::before, .auth-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--line);
}
.auth-divider:not(:empty)::before {
  margin-right: 12px;
}
.auth-divider:not(:empty)::after {
  margin-left: 12px;
}

.prediction-status-container {
  background: #e8f8f0;
  border: 1px solid #54efac44;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #087748;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

.btn-google-redirect {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 320px;
  height: 48px;
  background: #ffffff;
  border: 1.5px solid #e1e6e2;
  border-radius: 9999px; /* Pill shape */
  color: #1a252c;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
}

.btn-google-redirect:hover {
  background: #f8fcf9;
  border-color: var(--ink);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
}

.btn-google-redirect:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* FOUC (Flash of Unstyled Content) Mitigation for GSAP Entrance Animations */
.js-enabled header.hero nav {
  opacity: 0;
  transform: translateY(-20px);
}
.js-enabled main#fixtures {
  opacity: 0;
  transform: translateY(20px);
}