:root {
    --ink: #08275a;
    --ink-2: #0b4696;
    --paper: #f6faff;
    --white: #fff;
    --blue: #1976f3;
    --orange: #2b8cff;
    --cyan: #24c7e9;
    --lime: #9bedfb;
    --muted: #5e7590;
    --line: rgba(255,255,255,.22);
    --font-body: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Be Vietnam Pro', system-ui, sans-serif;
    --container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; max-width: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 16px; font-weight:400; line-height: 1.72; letter-spacing:-.006em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; max-width: 100%; }
body.nav-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }

.topline { background: linear-gradient(90deg, #0a3c9f, var(--blue) 52%, #0d8fca); color: #fff; position: relative; z-index: 20; }
.topline-inner { min-height: 36px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; }
.topline-inner span:first-child { display: flex; align-items: center; gap: 8px; }
.topline-inner i, .live-chip i { width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.18); }

.site-header { position: absolute; top: 36px; left: 0; right: 0; z-index: 15; border-bottom: 1px solid rgba(7,26,56,.08); color: var(--ink); background: rgba(255,255,255,.97); backdrop-filter: blur(18px); transition: background .3s, transform .3s; box-shadow: 0 10px 35px rgba(7,26,56,.07); }
.site-header.is-scrolled { position: fixed; top: 0; background: rgba(255,255,255,.98); backdrop-filter: blur(18px); box-shadow: 0 12px 40px rgba(8,46,99,.13); }
.solid-header { position: relative; top: 0; background: #fff; }
.nav-wrap { min-height: 92px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 38px; }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand-logo { width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 6px 9px rgba(10,48,100,.16)); }
.brand-copy { display: flex; flex-direction: column; gap: 3px; }
.brand-copy strong { font-family: var(--font-display); font-size: 16px; font-weight: 900; letter-spacing: .025em; }
.brand-copy small { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .095em; }
.main-nav { justify-self: end; display: flex; align-items: center; gap: clamp(18px, 2.2vw, 36px); }
.main-nav a { position: relative; padding: 31px 0 28px; font-size: 12px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.main-nav a::after { content: ''; position: absolute; height: 3px; bottom: -1px; left: 0; right: 100%; background: var(--orange); transition: right .25s; }
.main-nav a:hover::after, .main-nav a:focus-visible::after { right: 0; }
.nav-cta { background: linear-gradient(135deg, var(--blue), #209fe0); color: #fff; min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; gap: 16px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; transform: skew(-5deg); box-shadow: 5px 6px 0 rgba(18,89,213,.14); transition: box-shadow .3s, transform .3s; }
.nav-cta:hover { box-shadow: 5px 6px 0 rgba(18,89,213,.14), 0 0 22px rgba(25,118,243,.28); }
.nav-cta > *,.nav-cta { }
.nav-cta span { font-size: 17px; }
.nav-toggle { display: none; background: none; border: 0; padding: 10px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: currentColor; margin: 5px; }
.nav-toggle em { position: absolute; clip: rect(0 0 0 0); }
.back-home { justify-self: end; font-size: 11px; font-weight: 800; letter-spacing: .08em; color: var(--blue); }

.hero { min-height: 850px; position: relative; background: var(--ink); color: #fff; display: flex; align-items: stretch; overflow: hidden; }
.hero-slides { position:absolute; inset:0; animation:heroReveal 1.2s ease both; }
.hero-slide { position:absolute; inset:-1px; opacity:0; overflow:hidden; transform:scale(1.045); background:#062557; transition:opacity 1.1s cubic-bezier(.4,0,.2,1),transform 7s cubic-bezier(.1,.5,.3,1); will-change:opacity,transform; }
.hero-slide img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-slide::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(5,25,62,.97) 0%,rgba(7,45,103,.86) 34%,rgba(9,78,156,.22) 68%,rgba(4,28,65,.12) 100%),linear-gradient(0deg,rgba(4,28,65,.9) 0,transparent 45%),linear-gradient(180deg,rgba(20,92,255,.18),transparent 36%); }
.hero-slide.is-active { opacity:1; transform:scale(1); }
@keyframes heroReveal { from { transform: scale(1.04); opacity: .4; } to { transform: scale(1); opacity: 1; } }
.hero-grid { position: absolute; inset: 0; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to right, black, transparent 75%); }
.hero-content { position: relative; z-index: 2; padding-top: 225px; padding-bottom: 176px; display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 80px; align-items: end; }
.hero-copy { max-width: 760px; }
.season-pill { width: max-content; display: flex; align-items: center; gap: 14px; margin-bottom: 24px; color: #8fe9fb; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.season-pill span { background: linear-gradient(135deg,var(--blue),var(--cyan)); color: #fff; padding: 8px 11px; transform: skew(-5deg); }
.hero h1, .section-head h2, .standings-intro h2, .destination-panel h2, .teams-heading h2, .contact-inner h2, .archive-hero h1 { margin: 0; font-family: var(--font-display); font-weight: 900; letter-spacing: -.045em; line-height: 1.02; text-transform: uppercase; }
.hero h1 { font-size: clamp(64px, 8.2vw, 122px); text-shadow: 0 8px 30px rgba(0,0,0,.25); text-wrap: balance; }
.hero h1 em, .contact-inner h2 em, .archive-hero h1 em { color: var(--orange); font-style: normal; }
.hero-copy > p { max-width: 610px; margin: 28px 0 34px; color: #d8e6f2; font-size: 16px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 34px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 54px; padding: 0 25px; font-size: 12px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; border: 0; cursor: pointer; border-radius: 2px; transition: transform .25s, background .25s, box-shadow .25s; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--blue), #1d9fe0); box-shadow: 7px 7px 0 rgba(24,188,225,.18); }
.btn-primary:hover { box-shadow: 7px 7px 0 rgba(24,188,225,.18), 0 12px 28px rgba(25,118,243,.22); }
.btn-dark { color: #fff; background: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: 11px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.play { width: 38px; height: 38px; display: grid; place-items: center; padding-left: 2px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-size: 8px; }
.hero-side { align-self: end; border-left: 1px solid rgba(255,255,255,.3); padding-left: 24px; margin-bottom: 8px; }
.hero-crest { width: 190px; margin: 0 auto 24px; filter: drop-shadow(0 18px 24px rgba(0,0,0,.34)); }
.hero-date { display: flex; align-items: center; gap: 15px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.18); }
.hero-date strong { font-family: var(--font-display); font-size: 42px; letter-spacing: -.035em; color: #7ce6f7; }
.hero-date span { font-size: 11px; line-height: 1.55; font-weight: 800; letter-spacing: .075em; }
.hero-location { padding-top: 22px; display: flex; flex-direction: column; }
.hero-location small { color: #7ce6f7; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.hero-location strong { font-family: var(--font-display); font-size: 31px; margin: 3px 0; }
.hero-location span { color: #bfd3e3; font-size: 11px; }
.hero-slider-controls { position:absolute; left:50%; bottom:136px; z-index:4; transform:translateX(-50%); display:flex; justify-content:flex-end; pointer-events:none; }
.hero-slider-panel { display:grid; grid-template-columns:42px auto 42px; align-items:center; gap:13px; min-height:48px; padding:5px; color:#fff; background:rgba(3,25,61,.54); border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(14px); box-shadow:0 12px 34px rgba(3,18,45,.2); pointer-events:auto; }
.hero-slider-panel > button { width:42px; height:38px; padding:0; border:0; color:#fff; background:rgba(255,255,255,.12); cursor:pointer; font-size:18px; transition:background .2s,transform .2s; }
.hero-slider-panel > button:hover,.hero-slider-panel > button:focus-visible { background:var(--blue); transform:translateY(-1px); }
.hero-slider-progress { min-width:120px; display:flex; flex-direction:column; gap:4px; }
.hero-slider-progress > span { font-size:8px; font-weight:800; letter-spacing:.15em; }
.hero-slider-timeline { width:100%; height:2px; overflow:hidden; background:rgba(255,255,255,.2); }
.hero-slider-timeline i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#78e3f7,#fff); transform:scaleX(0); transform-origin:left center; }
.hero-slider-timeline i.is-running { animation:heroSliderTimeline var(--hero-slider-duration,6000ms) linear forwards; }
@keyframes heroSliderTimeline { to { transform:scaleX(1); } }
.hero-slider-dots { max-width:min(38vw,300px); display:flex; align-items:center; gap:5px; overflow-x:auto; scrollbar-width:none; }
.hero-slider-dots::-webkit-scrollbar { display:none; }
.hero-slider-dots button { width:18px; height:3px; padding:0; border:0; background:rgba(255,255,255,.38); cursor:pointer; transition:width .3s,background .3s; }
.hero-slider-dots button[aria-current="true"] { width:38px; background:#78e3f7; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
main > section:not(.hero):not(.team-ticker) { content-visibility:auto; contain-intrinsic-size:auto 760px; }
.countdown-bar { position: absolute; left: 50%; bottom: 0; z-index: 3; transform: translateX(-50%); height: 112px; color: var(--ink); background: rgba(255,255,255,.96); backdrop-filter: blur(18px); border-top: 4px solid var(--cyan); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 34px; box-shadow: 0 22px 55px rgba(4,35,82,.2); }
.countdown-title { display: flex; flex-direction: column; gap: 2px; }
.countdown-title span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.countdown-title strong { font-family: var(--font-display); font-size: 20px; }
.countdown-cells { display: flex; align-items: flex-start; gap: 15px; }
.countdown-cells div { text-align: center; min-width: 58px; }
.countdown-cells strong { display: block; font-family: var(--font-display); font-size: 35px; line-height: 1; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.countdown-cells span { display: block; margin-top: 8px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.countdown-cells > b { color: var(--cyan); font-size: 27px; line-height: 1; }
.live-chip { justify-self: end; display: flex; align-items: center; gap: 10px; color: #45667f; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.live-chip i { background: var(--cyan); box-shadow: 0 0 0 4px rgba(34,183,223,.14); animation: liveChipPulse 2s ease-in-out infinite; }
@keyframes liveChipPulse { 0%,100% { box-shadow: 0 0 0 4px rgba(34,183,223,.14); } 50% { box-shadow: 0 0 0 7px rgba(34,183,223,.22); } }

.team-ticker { overflow: hidden; background: linear-gradient(90deg, var(--blue), #087fce 50%, var(--cyan)); color: #fff; transform: rotate(-1deg) scale(1.02); position: relative; z-index: 5; box-shadow: 0 10px 25px rgba(20,92,255,.16); }
.ticker-track { width: max-content; height: 52px; display: flex; align-items: center; animation: ticker 42s linear infinite; }
.ticker-track > a { display:flex; align-items:center; gap:13px; margin-right:28px; color:inherit; font-family:var(--font-display); font-size:13px; font-weight:700; letter-spacing:.035em; text-decoration:none; text-transform:uppercase; }
.ticker-track i { width: 9px; height: 9px; border: 2px solid #fff; background: var(--dot); border-radius: 50%; }
.ticker-track b { color: var(--lime); }
@keyframes ticker { to { transform: translateX(-50%); } }

.tournament-slogan { position:relative; overflow:hidden; padding:72px 0; background:linear-gradient(118deg,#fff 0%,#f5faff 58%,#e8f6ff 100%); }
.tournament-slogan::before { content:'IV'; position:absolute; right:-30px; top:50%; transform:translateY(-52%); color:rgba(18,89,213,.045); font:900 240px/1 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.slogan-inner { position:relative; display:grid; grid-template-columns:94px minmax(0,1fr) 205px; align-items:center; gap:34px; }
.slogan-mark { width:82px; height:82px; display:grid; place-items:center; border-radius:24px 4px 24px 4px; background:linear-gradient(145deg,#1259d5,#17a8e2); color:#fff; font:900 75px/.85 Georgia,serif; box-shadow:12px 12px 0 rgba(18,89,213,.1); }
.slogan-copy { padding-left:34px; border-left:1px solid #cdddec; }
.slogan-copy small { display:block; margin-bottom:10px; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.15em; }
.slogan-copy blockquote { max-width:820px; margin:0; color:#0a2c66; font:800 clamp(22px,2.2vw,32px)/1.48 var(--font-display); letter-spacing:-.025em; }
.slogan-signature { min-height:108px; display:flex; flex-direction:column; justify-content:center; padding-left:25px; border-left:1px solid #cdddec; }
.slogan-signature span { color:#4d6580; font-size:10px; font-weight:800; line-height:1.65; letter-spacing:.08em; }
.slogan-signature strong { margin-top:9px; color:var(--blue); font:800 13px/1.2 var(--font-display); letter-spacing:.04em; }

.regulations-teaser { position:relative; overflow:hidden; padding:96px 0; background:linear-gradient(135deg,#061d4e 0%,#0b4eb3 62%,#087fbd 100%); color:#fff; }
.regulations-teaser::before { content:'RULEBOOK'; position:absolute; right:-35px; bottom:-42px; color:rgba(255,255,255,.035); font:900 125px/1 var(--font-display); letter-spacing:-.06em; pointer-events:none; }
.regulations-teaser::after { content:''; position:absolute; width:540px; height:540px; right:-200px; top:-310px; border-radius:50%; background:radial-gradient(circle,rgba(36,214,239,.35),transparent 68%); pointer-events:none; }
.regulations-teaser-inner { position:relative; z-index:1; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:75px; }
.regulations-teaser-copy > span { display:block; margin-bottom:16px; color:#7ee8fa; font-size:10px; font-weight:800; letter-spacing:.15em; }
.regulations-teaser-copy h2 { margin:0; font:900 clamp(46px,5vw,70px)/1.04 var(--font-display); letter-spacing:-.045em; }
.regulations-teaser-copy h2 em { color:#77e5f7; font-style:normal; }
.regulations-teaser-copy p { max-width:520px; margin:24px 0 30px; color:#c9dbea; font-size:14px; line-height:1.75; }
.regulations-teaser-board { border-top:1px solid rgba(255,255,255,.2); }
.regulations-teaser-board > a { min-height:96px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:17px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.2); transition:background .2s,transform .2s; }
.regulations-teaser-board > a:hover { background:rgba(255,255,255,.1); transform:translateX(5px); }
.regulations-teaser-board > a > span { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); font-size:24px; }
.regulations-teaser-board small { display:block; margin-bottom:4px; color:#7ee8fa; font-size:8px; font-weight:800; letter-spacing:.13em; }
.regulations-teaser-board strong { display:block; font:800 14px/1.35 var(--font-display); letter-spacing:-.01em; }
.regulations-teaser-board b { color:#7ee8fa; font-size:18px; }

.regulations-page { background:#f3f7fc; }
.regulations-hero { position:relative; overflow:hidden; min-height:590px; display:flex; align-items:center; background:linear-gradient(125deg,#051a46 0%,#0d4cab 58%,#0d92c6 100%); color:#fff; }
.regulations-hero::before { content:'§'; position:absolute; right:-25px; bottom:-120px; color:rgba(255,255,255,.055); font:900 520px/1 Georgia,serif; pointer-events:none; }
.regulations-hero-grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000,transparent 86%); }
.regulations-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 390px; align-items:center; gap:95px; padding:80px 0; }
.regulations-hero-copy > span { display:block; margin-bottom:18px; color:#78e6f8; font-size:10px; font-weight:800; letter-spacing:.16em; }
.regulations-hero-copy h1 { margin:0; font:900 clamp(78px,9vw,132px)/.91 var(--font-display); letter-spacing:-.065em; }
.regulations-hero-copy h1 em { color:#79e7f8; font-style:normal; }
.regulations-hero-copy p { max-width:660px; margin:30px 0 20px; color:#d8e6f1; font-size:16px; line-height:1.75; }
.regulations-hero-copy > small { display:inline-flex; align-items:center; min-height:32px; padding:0 13px; border:1px solid rgba(255,255,255,.25); color:#fff; font-size:9px; font-weight:800; letter-spacing:.09em; }
.rulebook-cover { position:relative; display:grid; grid-template-columns:repeat(3,1fr); align-content:end; min-height:400px; padding:34px 28px 27px; overflow:hidden; background:rgba(255,255,255,.97); color:var(--ink); border-top:7px solid #79e7f8; box-shadow:18px 22px 0 rgba(3,23,62,.2); transform:rotate(2deg); }
.rulebook-cover::before { content:''; position:absolute; inset:0; background:linear-gradient(140deg,transparent 0 60%,rgba(18,89,213,.08) 60%),repeating-linear-gradient(135deg,transparent 0 24px,rgba(18,89,213,.035) 24px 25px); }
.rulebook-cover > img { position:relative; grid-column:1/-1; width:156px; height:156px; margin:0 auto 18px; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(7,43,105,.2)); }
.rulebook-cover > span { position:relative; grid-column:1/-1; color:var(--blue); text-align:center; font-size:9px; font-weight:800; letter-spacing:.18em; }
.rulebook-cover > strong { position:relative; grid-column:1/-1; margin:4px 0 26px; color:#0a316e; text-align:center; font:900 54px/1 var(--font-display); letter-spacing:-.05em; }
.rulebook-cover > div { position:relative; display:flex; flex-direction:column; align-items:center; padding:15px 6px 0; border-top:1px solid #d6e4ef; }
.rulebook-cover > div + div { border-left:1px solid #d6e4ef; }
.rulebook-cover div b { color:var(--blue); font:900 23px/1 var(--font-display); }
.rulebook-cover div small { margin-top:7px; color:#698097; text-align:center; font-size:7px; font-weight:800; letter-spacing:.08em; }
.regulations-content { padding:100px 0 120px; }
.rulebook-layout { display:grid; grid-template-columns:270px minmax(0,1fr); align-items:start; gap:50px; }
.rulebook-sidebar { position:sticky; top:108px; background:#fff; border:1px solid #dce7f0; box-shadow:0 18px 45px rgba(7,42,92,.08); }
.rulebook-sidebar-head { padding:24px; background:linear-gradient(135deg,#0b3f96,#127dd9); color:#fff; }
.rulebook-sidebar-head span { display:block; color:#83e8f8; font-size:8px; font-weight:800; letter-spacing:.16em; }
.rulebook-sidebar-head strong { display:block; margin-top:5px; font:800 20px/1.25 var(--font-display); }
.rulebook-sidebar nav { display:grid; }
.rulebook-sidebar nav a { display:grid; grid-template-columns:30px 1fr; align-items:center; gap:10px; min-height:56px; padding:10px 17px; border-bottom:1px solid #e6edf4; color:#536b83; font-size:9px; font-weight:700; line-height:1.35; transition:background .2s,color .2s,padding .2s; }
.rulebook-sidebar nav a:hover { padding-left:21px; background:#f1f7fe; color:var(--blue); }
.rulebook-sidebar nav a span { color:var(--blue); font:900 15px/1 var(--font-display); }
.rulebook-contact { display:flex; flex-direction:column; padding:22px; background:#071f4d; color:#fff; }
.rulebook-contact small { color:#77e6f8; font-size:8px; font-weight:800; letter-spacing:.14em; }
.rulebook-contact strong { margin:5px 0 12px; font-size:11px; }
.rulebook-contact a { display:flex; justify-content:space-between; color:#fff; font:800 16px/1 var(--font-display); }
.rulebook-intro { margin-bottom:38px; padding:0 5px 34px; border-bottom:1px solid #cfdce8; }
.rulebook-intro > span { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.15em; }
.rulebook-intro h2 { max-width:820px; margin:12px 0 16px; font:900 clamp(38px,4vw,58px)/1.08 var(--font-display); letter-spacing:-.045em; }
.rulebook-intro p { max-width:690px; margin:0; color:#637991; font-size:14px; line-height:1.75; }
.rulebook-card { position:relative; display:grid; grid-template-columns:130px 1fr; margin-bottom:24px; overflow:hidden; scroll-margin-top:110px; background:#fff; border:1px solid #dce6ef; border-top:4px solid var(--rule-accent); box-shadow:0 16px 42px rgba(8,51,109,.07); }
.rulebook-card::after { content:''; position:absolute; width:180px; height:180px; right:-105px; top:-105px; border-radius:50%; background:color-mix(in srgb,var(--rule-accent),transparent 90%); pointer-events:none; }
.rulebook-number { display:flex; flex-direction:column; align-items:center; padding:31px 15px; background:linear-gradient(180deg,color-mix(in srgb,var(--rule-accent),#fff 91%),#fff); border-right:1px solid #dce6ef; }
.rulebook-number small { color:var(--rule-accent); font-size:8px; font-weight:800; letter-spacing:.16em; }
.rulebook-number strong { margin-top:5px; color:var(--rule-accent); font:900 58px/1 var(--font-display); letter-spacing:-.06em; }
.rulebook-article { position:relative; z-index:1; padding:30px 34px 36px; }
.rulebook-article > header { display:grid; grid-template-columns:58px 1fr; align-items:center; gap:17px; padding-bottom:23px; border-bottom:1px solid #e1e9f0; }
.rulebook-article > header > span { width:56px; height:56px; display:grid; place-items:center; border-radius:16px 4px 16px 4px; background:color-mix(in srgb,var(--rule-accent),#fff 88%); font-size:27px; }
.rulebook-article header small { display:block; margin-bottom:3px; color:var(--rule-accent); font-size:8px; font-weight:800; letter-spacing:.14em; }
.rulebook-article h2 { margin:0; color:#0b2d63; font:800 clamp(20px,2vw,28px)/1.25 var(--font-display); letter-spacing:-.025em; }
.rulebook-body { padding-top:23px; color:#4f667f; font-size:14px; line-height:1.78; }
.rule-paragraph { margin:0; }
.rule-line { display:grid; grid-template-columns:18px 1fr; gap:7px; margin-top:10px; }
.rule-line:first-child { margin-top:0; }
.rule-line > span { color:var(--rule-accent); font-weight:900; }
.rule-line p { margin:0; }
.rule-line.is-sub-bullet { margin-left:22px; color:#617991; }
.rulebook-awards { scroll-margin-top:110px; margin-top:42px; padding:42px; background:linear-gradient(135deg,#071e4f,#0d50ad 70%,#0b88bd); color:#fff; }
.rulebook-awards > header { max-width:700px; margin-bottom:30px; }
.rulebook-awards > header > span { color:#80e9f8; font-size:8px; font-weight:800; letter-spacing:.16em; }
.rulebook-awards > header h2 { margin:9px 0 12px; font:900 clamp(38px,4vw,54px)/1.06 var(--font-display); letter-spacing:-.045em; }
.rulebook-awards > header p { margin:0; color:#c7daea; font-size:13px; line-height:1.75; }
.rulebook-awards-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.rulebook-award { position:relative; min-height:136px; display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:14px; overflow:hidden; padding:20px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); }
.rulebook-award.is-champion { grid-column:1/-1; min-height:155px; background:linear-gradient(120deg,rgba(255,212,83,.2),rgba(255,255,255,.1)); border-color:rgba(255,218,105,.5); }
.rulebook-award > span { width:48px; height:48px; display:grid; place-items:center; background:rgba(255,255,255,.12); font-size:26px; }
.rulebook-award small { display:block; color:#7fe8f8; font-size:7px; font-weight:800; letter-spacing:.13em; }
.rulebook-award h3 { margin:5px 0 7px; font:800 15px/1.3 var(--font-display); text-transform:uppercase; }
.rulebook-award p { margin:0; color:#c9dbea; font-size:10px; }
.rulebook-award > b { align-self:start; color:rgba(255,255,255,.16); font:900 32px/1 var(--font-display); }
.rulebook-closing { position:relative; overflow:hidden; margin-top:42px; padding:54px; background:linear-gradient(135deg,#061d4d,#0b57bc 68%,#0992c5); color:#fff; }
.rulebook-closing::after { content:'06'; position:absolute; right:-15px; bottom:-62px; color:rgba(255,255,255,.06); font:900 220px/1 var(--font-display); pointer-events:none; }
.rulebook-closing > span { color:#7de8f8; font-size:9px; font-weight:800; letter-spacing:.16em; }
.rulebook-closing h2 { position:relative; z-index:1; margin:13px 0 20px; font:900 clamp(46px,6vw,78px)/.98 var(--font-display); letter-spacing:-.05em; }
.rulebook-closing h2 em { color:#7de8f8; font-style:normal; }
.rulebook-closing p { position:relative; z-index:1; max-width:620px; color:#d0deea; line-height:1.75; }
.rulebook-closing .btn { position:relative; z-index:1; margin-top:12px; background:#fff; color:var(--blue); box-shadow:7px 7px 0 rgba(126,232,248,.2); }

.section { padding: 112px 0; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }
.section-head h2 { font-size: clamp(50px, 6vw, 82px); }
.section-head p { max-width: 420px; margin: 0 0 5px; color: #58708b; font-size: 14px; line-height: 1.75; }
.kicker { display: inline-block; margin-bottom: 14px; color: var(--cyan); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.dark-kicker { color: var(--orange); }
.section-link { border-bottom: 2px solid var(--blue); padding: 12px 0; font-size: 11px; font-weight: 800; letter-spacing: .055em; }
.section-link span { padding-left: 16px; }

.matches-section { background: linear-gradient(145deg, #062b72 0%, #0c58c7 52%, #071f4c 100%); color: #fff; position: relative; overflow: hidden; }
.matches-section::before { content: ''; position: absolute; width: 720px; height: 720px; right: -260px; top: -320px; border-radius: 50%; background: radial-gradient(circle, rgba(22,203,229,.5), transparent 68%); pointer-events: none; }
.matches-section .container { position: relative; }
.light-head p { color: #c8daea; }
.draw-pending { position:relative; overflow:hidden; background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.2); border-top:4px solid #79e7f8; box-shadow:0 30px 75px rgba(1,20,57,.28); backdrop-filter:blur(14px); }
.draw-pending::before { content:'DRAW'; position:absolute; right:-18px; top:18px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.06); font:900 120px/1 var(--font-display); letter-spacing:-.06em; pointer-events:none; }
.draw-pending-status { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 28px; border-bottom:1px solid rgba(255,255,255,.16); color:#b9d4e7; font-size:8px; font-weight:800; letter-spacing:.14em; }
.draw-pending-status > span { display:flex; align-items:center; gap:10px; }
.draw-pending-status i { width:7px; height:7px; border-radius:50%; background:#79e7f8; box-shadow:0 0 0 6px rgba(121,231,248,.1); animation:contactPulse 1.8s ease-in-out infinite; }
.draw-pending-status > b { min-height:27px; display:inline-flex; align-items:center; padding:0 10px; color:#8fe9fb; background:rgba(121,231,248,.08); border:1px solid rgba(121,231,248,.2); font-size:8px; }
.draw-pending-main { position:relative; display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:42px; padding:48px 48px 44px; }
.draw-pending-mark { position:relative; width:142px; height:142px; display:grid; place-items:center; justify-self:center; border-radius:50%; background:radial-gradient(circle at 38% 32%,#fff,#dff7fc 46%,#75dced 47%,#1161ba 71%); border:1px solid rgba(255,255,255,.75); box-shadow:0 20px 48px rgba(1,22,58,.34),0 0 0 15px rgba(121,231,248,.07); }
.draw-pending-mark::before,.draw-pending-mark::after { content:''; position:absolute; inset:-16px; border:1px dashed rgba(121,231,248,.38); border-radius:50%; animation:drawOrbit 20s linear infinite; }
.draw-pending-mark::after { inset:-29px; border-style:solid; border-color:rgba(121,231,248,.12); animation:none; }
@keyframes drawOrbit { to { transform:rotate(360deg); } }
.draw-pending-mark > span { color:#0a469a; font:900 67px/.8 var(--font-display); text-shadow:0 2px 0 #fff; }
.draw-pending-mark > small { position:absolute; bottom:24px; color:#0a469a; font-size:8px; font-weight:900; letter-spacing:.18em; }
.draw-pending-copy { position:relative; max-width:820px; }
.draw-pending-copy > span { display:block; margin-bottom:12px; color:#81e6f8; font-size:9px; font-weight:800; letter-spacing:.15em; }
.draw-pending-copy h3 { max-width:800px; margin:0; font:900 clamp(38px,4.2vw,61px)/1.04 var(--font-display); letter-spacing:-.045em; text-transform:uppercase; text-wrap:balance; }
.draw-pending-copy p { max-width:680px; margin:20px 0 0; color:#c8dbea; font-size:13px; line-height:1.8; }
.draw-pending-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.draw-pending-steps > div { position:relative; min-height:105px; display:grid; grid-template-columns:43px 1fr; align-items:center; gap:13px; padding:20px 26px; }
.draw-pending-steps > div + div { border-left:1px solid rgba(255,255,255,.16); }
.draw-pending-steps > div > b { width:43px; height:43px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); color:#9db8cc; font:900 16px var(--font-display); }
.draw-pending-steps > div > span { display:flex; flex-direction:column; gap:4px; }
.draw-pending-steps small { color:#83e6f7; font-size:7px; font-weight:800; letter-spacing:.13em; }
.draw-pending-steps strong { font-size:11px; line-height:1.4; }
.draw-pending-steps .is-complete > b { color:#052a66; background:#79e7f8; border-color:#79e7f8; }
.draw-pending-steps .is-complete > b::after { content:'✓'; position:absolute; top:14px; left:61px; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#06316e; background:#fff; font-size:9px; }
.draw-pending-steps .is-current { background:linear-gradient(90deg,rgba(121,231,248,.12),transparent); }
.draw-pending-steps .is-current > b { color:#fff; border-color:#79e7f8; box-shadow:0 0 0 5px rgba(121,231,248,.08); }
.draw-pending-footer { min-height:68px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:25px; padding:0 28px; }
.draw-pending-footer > span { color:#7fe5f7; font:900 17px var(--font-display); letter-spacing:-.02em; }
.draw-pending-footer > strong { color:#b7cee0; font-size:8px; letter-spacing:.1em; }
.draw-pending-footer > a { min-height:36px; display:inline-flex; align-items:center; gap:20px; padding:0 14px; color:#082b65; background:#fff; font-size:8px; font-weight:900; letter-spacing:.08em; transition:transform .2s,background .2s; }
.draw-pending-footer > a:hover,.draw-pending-footer > a:focus-visible { transform:translateY(-2px); background:#84e8fa; }
.match-date-tabs { display: flex; border-bottom: 1px solid var(--line); margin-bottom: 10px; }
.match-date-tabs button { flex: 1; background: none; border: 0; border-bottom: 3px solid transparent; padding: 18px 12px; color: rgba(255,255,255,.7); cursor: pointer; font-size: 11px; font-weight: 800; letter-spacing: .055em; }
.match-date-tabs button small { display: block; margin-top: 6px; font-size: 9px; color: inherit; }
.match-date-tabs button.is-active { color: #fff; border-color: var(--lime); background: rgba(255,255,255,.1); }
.match-list { display: grid; }
.match-row { min-height: 112px; display: grid; grid-template-columns: 190px 1fr 95px 1fr 75px; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); transition: background .2s, opacity .2s; }
.match-row[hidden] { display: none; }
.match-row:hover { background: rgba(255,255,255,.09); border-left: 3px solid var(--cyan); padding-left: 15px; }
.featured-match { border-left: 3px solid var(--lime); background: linear-gradient(90deg, rgba(98,221,244,.12), transparent 48%); padding-left: 18px; }
.match-meta { display: grid; grid-template-columns: 55px 1fr; align-items: center; }
.match-meta span { grid-column: 1 / -1; color: #7ee8fa; font-size: 9px; font-weight: 800; letter-spacing: .09em; margin-bottom: 8px; }
.match-meta strong { font-family: var(--font-display); font-size: 27px; }
.match-meta small { color: rgba(255,255,255,.78); font-size: 9px; line-height: 1.5; }
.match-team { display: flex; align-items: center; gap: 18px; font-family: var(--font-display); font-size: 15px; font-weight: 800; text-transform: uppercase; }
.match-team.home { justify-content: flex-end; text-align: right; }
.match-team.away { justify-content: flex-start; }
.team-badge { flex: 0 0 auto; width: 66px; height: 72px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--team-color), #fff 18%), color-mix(in srgb, var(--team-color), #000 25%)); clip-path: polygon(50% 0, 95% 20%, 88% 78%, 50% 100%, 12% 78%, 5% 20%); font-family: 'Be Vietnam Pro', sans-serif; font-size: 17px; font-weight: 700; text-shadow: 0 2px 5px rgba(0,0,0,.25); }
.team-badge.is-small { width: 46px; height: 50px; font-size: 12px; }
.team-badge img { width:78%; height:78%; object-fit:contain; filter:drop-shadow(0 3px 4px rgba(0,0,0,.22)); }
.team-badge.has-logo { clip-path:none; border-radius:14px; background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.62); box-shadow:0 8px 20px rgba(2,22,55,.16); text-shadow:none; }
.team-badge.has-logo.is-small { border-radius:10px; }
.team-badge.has-logo img { width:88%; height:88%; }
.match-versus { text-align: center; }
.match-versus strong { display: block; font-family: var(--font-display); font-size: 22px; color: #75e3f7; }
.match-versus small { display: block; margin-top: 5px; color: rgba(255,255,255,.72); font-size: 8px; letter-spacing: .075em; }
.match-action { color: rgba(255,255,255,.6); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.match-action span { display: block; font-size: 17px; color: var(--orange); margin-top: 4px; }

.standings-section { background: var(--paper); position: relative; overflow: hidden; }
.standings-section::before { content: 'IV'; position: absolute; left: -50px; bottom: -120px; color: rgba(20,92,255,.045); font-family: 'Be Vietnam Pro', sans-serif; font-size: 450px; font-weight: 900; line-height: 1; transform: skew(-8deg); }
.split-layout { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.standings-intro h2 { font-size: clamp(74px, 8vw, 114px); }
.standings-intro h2 em { font-style: normal; color: var(--orange); }
.standings-intro > p { max-width: 390px; color: #58708b; font-size: 14px; line-height: 1.8; }
.group-switch { width: max-content; margin-top: 35px; display: flex; background: #e4edf8; padding: 4px; }
.group-switch button { border: 0; background: transparent; padding: 11px 21px; cursor: pointer; color: #5f7590; font-size: 10px; font-weight: 800; letter-spacing: .075em; }
.group-switch button.is-active { background: linear-gradient(135deg, var(--blue), #087fd3); color: #fff; }
.legend { display: flex; gap: 24px; margin-top: 22px; color: #61758e; font-size: 10px; font-weight: 700; }
.legend span { display: flex; align-items: center; gap: 8px; }
.legend i { width: 3px; height: 16px; background: #b4bab9; }
.legend i.qualify { background: var(--blue); }
.standings-card { background: #fff; box-shadow: 0 30px 70px rgba(8,56,130,.13), 0 2px 6px rgba(8,56,130,.06); border-top: 5px solid var(--cyan); transition: box-shadow .3s; }
.standings-card:hover { box-shadow: 0 36px 80px rgba(8,56,130,.17), 0 2px 6px rgba(8,56,130,.08); }
.standing-table { display: none; }
.standing-table.is-active { display: block; }
.table-title { display: flex; justify-content: space-between; align-items: center; padding: 24px 28px; border-bottom: 1px solid #e5e7e8; }
.table-title span { font-family: var(--font-display); font-size: 25px; font-weight: 900; }
.table-title small { color: #71839a; font-size: 9px; font-weight: 700; letter-spacing: .075em; }
.table-head, .table-row { display: grid; grid-template-columns: 44px 1fr 45px 55px 45px; align-items: center; gap: 10px; padding: 0 28px; }
.table-head { height: 42px; background: #f0f5fb; color: #64768b; font-size: 9px; font-weight: 800; letter-spacing: .075em; }
.table-row { height: 78px; border-bottom: 1px solid #e5ecf3; font-size: 12px; position: relative; }
.table-row.qualified::before { content: ''; position: absolute; left: 0; top: 15px; bottom: 15px; width: 3px; background: var(--blue); }
.position { font-family: var(--font-display); font-size: 18px; color: #5e7188; }
.table-team { display: flex; align-items: center; gap: 14px; }
.table-team b { font-size: 12px; }
.table-row > strong { font-family: var(--font-display); font-size: 19px; color: var(--blue); }
.table-note { padding: 16px 28px; color: #708197; font-size: 9px; }
.table-note span { color: var(--ink); font-weight: 900; }

.awards-section { position:relative; overflow:hidden; background:linear-gradient(132deg,#061a45 0%,#0b3f92 55%,#087dad 100%); color:#fff; }
.awards-section::before { content:'WINNERS'; position:absolute; left:-30px; bottom:-38px; color:rgba(255,255,255,.03); font:900 145px/1 var(--font-display); letter-spacing:-.065em; pointer-events:none; }
.awards-section::after { content:''; position:absolute; width:650px; height:650px; right:-270px; top:-370px; border-radius:50%; background:radial-gradient(circle,rgba(25,205,231,.32),transparent 68%); pointer-events:none; }
.awards-section .container { position:relative; z-index:1; }
.awards-heading { max-width:790px; margin:0 auto 60px; text-align:center; }
.awards-heading .kicker { color:#78e6f8; }
.awards-heading h2 { margin:0; font:900 clamp(52px,6vw,82px)/1 var(--font-display); letter-spacing:-.05em; text-wrap: balance; }
.awards-heading p { max-width:680px; margin:20px auto 0; color:#c8dbea; font-size:14px; line-height:1.8; }
.awards-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:18px; align-items:stretch; }
.award-champion { position:relative; min-height:505px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; padding:42px 34px; background:linear-gradient(155deg,#fff 0%,#edf7ff 100%); color:var(--ink); border-top:7px solid #ffd75f; text-align:center; box-shadow:0 26px 65px rgba(2,18,50,.26); }
.award-champion::before { content:'★'; position:absolute; right:-24px; top:-52px; color:rgba(255,190,24,.09); font:900 220px/1 Georgia,serif; }
.award-glow { position:absolute; width:280px; height:280px; top:56px; border-radius:50%; background:radial-gradient(circle,rgba(255,207,67,.26),transparent 68%); }
.award-champion > small { position:relative; color:#a76d00; font-size:8px; font-weight:800; letter-spacing:.15em; }
.award-champion-icon { position:relative; margin:22px 0 8px; font-size:100px; line-height:1; filter:drop-shadow(0 16px 18px rgba(154,102,0,.2)); }
.award-number { position:absolute; left:24px; bottom:18px; color:rgba(18,89,213,.07); font:900 92px/1 var(--font-display); letter-spacing:-.07em; }
.award-champion h3 { position:relative; margin:12px 0 10px; font:900 clamp(28px,3vw,42px)/1.12 var(--font-display); letter-spacing:-.035em; text-transform:uppercase; }
.award-champion p { position:relative; margin:0; color:#536b83; font-size:13px; font-weight:700; }
.award-champion > b { position:relative; margin-top:30px; padding-top:17px; border-top:1px solid #dbe6ef; color:var(--blue); font-size:8px; letter-spacing:.14em; }
.award-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.award-card { position:relative; min-height:156px; display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:16px; overflow:hidden; padding:22px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.2); transition:transform .22s,background .22s; }
.award-card:hover { transform:translateY(-4px); background:rgba(255,255,255,.14); }
.award-card:last-child { grid-column:auto; }
.award-card-icon { width:56px; height:56px; display:grid; place-items:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); font-size:29px; }
.award-card small { display:block; color:#7ee8f8; font-size:7px; font-weight:800; letter-spacing:.13em; }
.award-card h3 { margin:5px 0 7px; font:800 15px/1.28 var(--font-display); text-transform:uppercase; }
.award-card p { margin:0; color:#c7d9e8; font-size:10px; }
.award-card > b { align-self:start; color:rgba(255,255,255,.12); font:900 34px/1 var(--font-display); }

.destination { min-height: 680px; display: grid; grid-template-columns: 1.35fr .65fr; background: linear-gradient(135deg, #eef8ff 0%, #d9f3ff 54%, #bcecff 100%); }
.destination-photo { min-height: 620px; background: linear-gradient(90deg, transparent 64%, rgba(188,236,255,.62)), var(--destination-image, url('../images/quy-nhon-coast.webp')) center/cover no-repeat; clip-path: polygon(0 0, 96% 0, 84% 100%, 0 100%); }
.destination-panel { max-width: 470px; align-self: center; padding: 80px 60px 80px 10px; }
.destination-panel .kicker { color: var(--blue); }
.destination-panel h2 { font-size: clamp(58px, 6vw, 86px); }
.destination-panel > p { margin: 25px 0; max-width: 390px; color:#46637e; line-height: 1.8; font-size: 14px; }
.trip-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 30px 0; padding: 25px 0; border-block: 1px solid rgba(7,19,31,.22); }
.trip-stats div { display: flex; align-items: center; gap: 9px; }
.trip-stats strong { font-family: var(--font-display); font-size: 32px; color:var(--blue); }
.trip-stats span { font-size: 9px; font-weight: 800; line-height: 1.5; letter-spacing: .035em; }

.news-section { background: #fff; }
.news-frame { min-width:0; transition:opacity .2s ease,transform .2s ease; }
.news-frame.is-changing { opacity:.38; pointer-events:none; transform:translateY(5px); }
.news-empty-state { margin:0; padding:34px; border:1px dashed #bdd2e2; color:#54718a; font-size:14px; line-height:1.7; text-align:center; }
.news-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 45px; }
.news-feature { min-height: 600px; position: relative; overflow: hidden; color: #fff; box-shadow: 0 25px 60px rgba(8,49,108,.14); }
.news-feature > img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition: transform .5s; }
.news-feature:hover > img { transform: scale(1.035); }
.news-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(2,10,17,.95), transparent 75%); }
.news-copy { position: absolute; inset: auto 42px 38px; }
.news-copy > span, .news-item span, .archive-card span, .related-grid span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .085em; }
.news-feature .news-copy > span { color:#79e6f8; }
.news-copy h3 { margin: 13px 0; max-width: 670px; font-family: var(--font-display); font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing:-.025em; text-transform: uppercase; }
.news-copy p { max-width: 570px; color: #d9e5ec; line-height: 1.75; font-size: 12px; }
.news-copy b, .news-item b, .archive-card b { display: inline-block; margin-top: 8px; font-size: 9px; letter-spacing: .075em; }
.news-stack { display: grid; gap: 0; }
.news-item { display: grid; grid-template-columns: 155px 1fr; gap: 22px; padding: 20px 0; border-bottom: 1px solid #dfe3e4; }
.news-item:first-child { padding-top: 0; }
.news-item img { width: 155px; height: 140px; object-fit: cover; filter: saturate(.88); }
.news-item h3 { margin: 8px 0; font-family: var(--font-display); font-size: 20px; line-height: 1.28; letter-spacing:-.02em; text-transform: uppercase; }
.news-item p { margin: 0; color: #60758c; font-size: 13px; line-height: 1.65; }
.news-item b { color: var(--orange); }
.news-pagination { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:38px; padding-top:19px; border-top:1px solid #dce7ed; }
.news-pagination > p { display:flex; align-items:center; gap:10px; margin:0; color:#5e7890; font-size:9px; font-weight:800; letter-spacing:.07em; }
.news-pagination > p strong { width:42px; height:42px; display:grid; place-items:center; border:1px solid #0d58ad; border-radius:50%; color:#fff; background:#0d58ad; font:900 15px/1 var(--font-display); letter-spacing:0; }
.news-pagination-nav { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.news-page-control { width:42px; min-width:42px; height:42px; display:grid; place-items:center; border:1px solid #cbdde9; border-radius:50%; color:#234a6b; background:#fff; font-size:10px; font-weight:900; letter-spacing:.025em; text-decoration:none; transition:color .18s,background .18s,border-color .18s,transform .18s; }
.news-page-control:hover,.news-page-control:focus-visible { border-color:#0d58ad; color:#fff; background:#0d58ad; outline:0; transform:translateY(-1px); }
.news-page-control.is-current { border-color:#e82642; color:#fff; background:#e82642; box-shadow:0 7px 16px rgba(232,38,66,.2); }
.news-page-control.is-arrow { font-size:17px; }
.news-page-control.is-disabled { border-color:#e5edf2; color:#aabcc8; background:#f7fafc; }
.news-page-ellipsis { width:20px; color:#6b8499; font-size:16px; font-weight:900; line-height:1; text-align:center; }

.teams-showcase { padding: 105px 0; background: linear-gradient(135deg, #061f53 0%, #0b4eb6 58%, #087fb9 100%); color: #fff; position: relative; overflow: hidden; }
.teams-showcase::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 0 50%, rgba(22,203,229,.35), transparent 42%), radial-gradient(circle at 100% 20%, rgba(98,221,244,.16), transparent 27%), repeating-linear-gradient(135deg, transparent 0 70px, rgba(255,255,255,.035) 70px 71px); }
.teams-heading { position: relative; display: flex; justify-content: space-between; align-items: end; margin-bottom: 40px; }
.teams-heading h2 { font-size: clamp(54px, 6vw, 83px); }
.team-cards { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.team-card { min-width:0; min-height:340px; display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.18); border-top:3px solid var(--team-color); box-shadow:0 18px 45px rgba(1,20,58,.14); transition:transform .25s,background .25s,box-shadow .25s; }
.team-card:hover { transform:translateY(-7px); background:color-mix(in srgb,var(--team-color),rgba(255,255,255,.08) 84%); box-shadow:0 28px 55px rgba(1,20,58,.27); }
.team-card-main { flex:1; min-height:282px; display:grid; grid-template-rows:150px 1fr; position:relative; padding:25px 24px 19px; }
.team-card-logo { width:146px; height:146px; display:grid; place-items:center; justify-self:center; }
.team-card-logo img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(0,0,0,.25)); transition:transform .3s; }
.team-card:hover .team-card-logo img { transform:scale(1.055); }
.team-card-logo > strong { color:#fff; font:900 26px var(--font-display); }
.team-card-copy { align-self:end; min-width:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.15); }
.team-card-copy > strong { display:block; min-height:0; font:900 20px/1.2 var(--font-display); letter-spacing:.02em; text-transform:uppercase; background:linear-gradient(180deg,#ffffff 20%,#e0f2fe 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 2px 8px rgba(0,8,30,.6)) drop-shadow(0 0 10px rgba(125,228,246,.3)); }
.team-card-main > b { position:absolute; right:20px; bottom:51px; color:#81e7f8; font-size:16px; }
.team-card-actions { min-height:54px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); background:rgba(1,15,40,.35); }
.team-card-actions > * { min-width:0; display:flex; align-items:center; justify-content:center; padding:0 10px; text-decoration:none; transition:all .25s ease; }
.team-card-actions > * + * { border-left:1px solid rgba(255,255,255,.14); }
.team-card-actions svg { flex-shrink:0; transition:all .25s cubic-bezier(.16,1,.3,1); }
.team-card-actions .team-info-link svg { color:#38bdf8; filter:drop-shadow(0 2px 8px rgba(56,189,248,.45)); }
.team-card-actions .team-info-link:hover { background:rgba(56,189,248,.18); }
.team-card-actions .team-info-link:hover svg { color:#ffffff; transform:scale(1.2); filter:drop-shadow(0 0 12px #38bdf8); }
.team-card-actions .team-facebook-link svg { color:#60a5fa; filter:drop-shadow(0 2px 8px rgba(96,165,250,.45)); }
.team-card-actions .team-facebook-link:hover { background:rgba(24,119,242,.22); }
.team-card-actions .team-facebook-link:hover svg { color:#ffffff; transform:scale(1.2); filter:drop-shadow(0 0 12px #3b82f6); }
.team-card-actions .team-facebook-pending { opacity:.35; cursor:not-allowed; }
.team-card-actions .team-facebook-pending svg { color:#94a3b8; }

/* Public team profile */
.team-profile-page { background:#f2f7fc; }
.team-profile-hero { min-height:610px; position:relative; overflow:hidden; display:flex; align-items:center; color:#fff; background:radial-gradient(circle at 12% 35%,color-mix(in srgb,var(--team-color),transparent 35%),transparent 42%),linear-gradient(125deg,#031638 0%,color-mix(in srgb,var(--team-color),#08285d 58%) 62%,#0a4f91 100%); }
.team-profile-hero::before { content:attr(data-team); position:absolute; right:-20px; bottom:-55px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font:900 180px/.85 var(--font-display); }
.team-profile-grid { position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(90deg,#000,transparent 85%); }
.team-profile-hero-inner { position:relative; display:grid; grid-template-columns:360px minmax(0,1fr); align-items:center; gap:75px; padding:70px 0; }
.team-profile-logo { position:relative; width:330px; height:360px; display:grid; place-items:center; padding:42px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,243,251,.92)); border-top:7px solid var(--team-color); box-shadow:22px 25px 0 rgba(0,12,39,.22),0 35px 70px rgba(0,12,39,.28); }
.team-profile-logo::before { content:''; position:absolute; inset:18px; border:1px solid rgba(7,55,116,.11); }
.team-profile-logo img { position:relative; width:100%; height:100%; max-height:255px; object-fit:contain; filter:drop-shadow(0 17px 20px rgba(7,31,70,.2)); }
.team-profile-logo > strong { position:relative; color:var(--team-color); font:900 58px var(--font-display); }
.team-profile-logo > span { position:absolute; left:0; right:0; bottom:0; min-height:44px; display:grid; place-items:center; color:#53708b; border-top:1px solid #d9e6ef; font-size:8px; font-weight:800; letter-spacing:.16em; }
.team-profile-heading > span { display:block; margin-bottom:15px; color:#80e6f7; font-size:9px; font-weight:800; letter-spacing:.16em; }
.team-profile-heading h1 { max-width:820px; margin:0; font:900 clamp(62px,7vw,104px)/.95 var(--font-display); letter-spacing:-.06em; text-transform:uppercase; text-wrap:balance; }
.team-profile-heading > p { margin:23px 0 28px; color:#c5d9e7; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.team-profile-heading > div { display:flex; align-items:center; gap:24px; }
.team-profile-heading > div > small { color:#8baac0; font-size:8px; font-weight:800; letter-spacing:.1em; }
.team-profile-facebook { min-height:48px; display:inline-flex; align-items:center; gap:12px; padding:0 16px; color:#fff; background:#1877f2; font-size:8px; font-weight:800; letter-spacing:.09em; box-shadow:0 13px 28px rgba(0,28,80,.26); }
.team-profile-facebook i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; color:#1877f2; background:#fff; font:900 18px/1 Arial,sans-serif; }
.team-profile-facebook b { margin-left:12px; }
.team-profile-facebook.is-pending { color:#89a9be; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); box-shadow:none; }
.team-profile-overview { background:#fff; }
.team-profile-overview-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:start; }
.team-profile-story > span { color:var(--team-color); font-size:9px; font-weight:800; letter-spacing:.15em; }
.team-profile-story h2 { margin:13px 0 24px; color:#082b62; font:900 clamp(50px,5vw,72px)/.98 var(--font-display); letter-spacing:-.05em; }
.team-profile-story h2 em { color:var(--team-color); font-style:normal; }
.team-profile-story p { max-width:540px; margin:0; color:#5f748a; font-size:14px; line-height:1.85; white-space:pre-line; }
.team-profile-leaders { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.team-profile-leaders article { min-width:0; min-height:145px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; background:#f3f8fc; border:1px solid #dce7ef; border-top:3px solid var(--team-color); }
.team-profile-leaders article > b { color:color-mix(in srgb,var(--team-color),#082b62 20%); font:900 34px/1 var(--font-display); }
.team-profile-leaders article div { display:flex; flex-direction:column; gap:5px; }
.team-profile-leaders small { color:#7690a5; font-size:7px; font-weight:800; letter-spacing:.1em; }
.team-profile-leaders strong { overflow-wrap:anywhere; color:#123965; font-size:11px; line-height:1.4; text-transform:uppercase; }
.team-profile-draw-note { grid-column:1/-1; min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 20px; color:#fff; background:linear-gradient(100deg,#082e68,color-mix(in srgb,var(--team-color),#0b4f91 35%)); }
.team-profile-draw-note span { color:#8be8f8; font-size:7px; font-weight:800; letter-spacing:.12em; }
.team-profile-draw-note strong { font-size:10px; letter-spacing:.06em; }
.team-kits-section { background:#edf5fb; }
.team-kits-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.team-kit-card { min-height:380px; display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid #d9e5ee; box-shadow:0 18px 45px rgba(7,42,92,.07); }
.team-kit-visual { min-height:380px; display:grid; place-items:center; padding:30px; background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#fff 91%),#f8fcff); border-right:1px solid #d9e5ee; }
.team-kit-visual img { width:100%; height:100%; max-height:310px; object-fit:contain; }
.team-kit-placeholder { position:relative; width:170px; height:210px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--team-color),color-mix(in srgb,var(--team-color),#061f53 45%)); clip-path:polygon(20% 0,36% 9%,64% 9%,80% 0,100% 18%,87% 39%,78% 32%,78% 100%,22% 100%,22% 32%,13% 39%,0 18%); box-shadow:0 20px 40px rgba(7,42,92,.2); }
.team-kit-placeholder span { font:900 21px var(--font-display); }
.team-kit-placeholder b { position:absolute; top:65px; font:900 45px var(--font-display); opacity:.22; }
.team-kit-card > div:last-child { display:flex; flex-direction:column; justify-content:center; padding:35px; }
.team-kit-card small { color:var(--team-color); font-size:8px; font-weight:800; letter-spacing:.13em; }
.team-kit-card h3 { margin:10px 0 18px; color:#0b2e62; font:900 32px/1 var(--font-display); letter-spacing:-.035em; }
.team-kit-card p { margin:0; color:#60768b; font-size:12px; line-height:1.75; }
.team-roster-section { position:relative; overflow:hidden; color:#fff; background:linear-gradient(135deg,#031638,#083a82 58%,#076798); }
.team-roster-section::before { content:attr(data-team); position:absolute; right:-20px; bottom:-40px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.05); font:900 160px/.8 var(--font-display); }
.team-roster-section .container { position:relative; }
.team-roster-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.team-roster-grid article { min-height:86px; display:grid; grid-template-columns:58px 1fr; align-items:center; gap:14px; padding:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); }
.team-roster-grid article > b { width:58px; height:58px; display:grid; place-items:center; color:#082a62; background:#82e7f8; font:900 22px var(--font-display); }
.team-roster-grid article > div { min-width:0; display:flex; flex-direction:column; gap:4px; }
.team-roster-grid strong { overflow-wrap:anywhere; font-size:11px; text-transform:uppercase; }
.team-roster-grid span { color:#80dff1; font-size:8px; letter-spacing:.08em; }
.team-roster-empty { min-height:250px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:35px; text-align:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); }
.team-roster-empty span { color:#7de4f6; font-size:8px; font-weight:800; letter-spacing:.16em; }
.team-roster-empty strong { margin:15px 0 9px; font:900 clamp(25px,3vw,38px)/1.2 var(--font-display); }
.team-roster-empty p { margin:0; color:#a9c3d5; font-size:12px; }

.gallery-section { background: var(--paper); }
.gallery-filter { display:flex; align-items:center; gap:8px; margin:0 0 24px; padding:7px; overflow-x:auto; scrollbar-width:none; border:1px solid #dce8f3; border-radius:3px 18px 3px 3px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(6,52,111,.07); }
.gallery-filter::-webkit-scrollbar { display:none; }
.gallery-filter button { min-height:44px; flex:0 0 auto; display:flex; align-items:center; gap:12px; padding:0 15px; border:0; border-radius:2px 12px 2px 2px; color:#476178; background:transparent; font:800 9px/1 var(--font-body); letter-spacing:.07em; cursor:pointer; transition:color .2s,background .2s,transform .2s,box-shadow .2s; }
.gallery-filter button small { min-width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#1e6ebd; background:#e9f5ff; font-size:8px; }
.gallery-filter button:hover { color:#0d58ad; background:#edf6ff; transform:translateY(-1px); }
.gallery-filter button.is-active { color:#fff; background:linear-gradient(120deg,#0753ad,#118fc6); box-shadow:0 9px 22px rgba(8,91,178,.2); }
.gallery-filter button.is-active small { color:#074e9a; background:#a9effb; }
.gallery-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-auto-rows:minmax(250px,300px); grid-auto-flow:dense; gap:10px; }
.gallery-item { position: relative; padding: 0; border: 0; overflow: hidden; cursor: zoom-in; background: var(--ink); text-align: left; }
.gallery-item.is-featured { grid-row:span 2; }
.gallery-item.is-wide { grid-column:span 2; }
.gallery-grid.is-filtering .gallery-item:not([hidden]) { animation:galleryItemReveal .46s cubic-bezier(.2,.8,.2,1) both; }
@keyframes galleryItemReveal { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s, opacity .3s; }
.gallery-item::after { content: '+'; position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; display: grid; place-items: center; background: rgba(7,19,31,.75); color: #fff; font-size: 20px; opacity: 0; transition: opacity .25s; }
.gallery-item > span { position: absolute; inset: auto 0 0; padding: 45px 20px 18px; color: #fff; background: linear-gradient(transparent, rgba(3,11,18,.88)); display: flex; flex-direction: column; }
.gallery-item > span em { width:max-content; margin-bottom:8px; padding:5px 8px; border:1px solid rgba(155,237,251,.45); color:#a8effc; background:rgba(4,36,75,.62); font-size:7px; font-style:normal; font-weight:900; letter-spacing:.1em; }
.gallery-item > span b { font-family: var(--font-display); font-size: 17px; line-height:1.3; text-transform: uppercase; }
.gallery-item > span small { margin-top: 5px; color: #d5e1e8; font-size: 10px; }
.gallery-item:hover img { transform: scale(1.04); opacity: .86; }
.gallery-item:hover::after { opacity: 1; }
.gallery-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(2,8,13,.94); opacity: 0; pointer-events: none; transition: opacity .25s; padding: 50px; }
.gallery-modal.is-open { opacity: 1; pointer-events: auto; }
.gallery-modal figure { margin: 0; max-width: 1100px; max-height: 86vh; }
.gallery-modal img { max-height: 78vh; width: auto; object-fit: contain; }
.gallery-modal figcaption { color: #fff; padding-top: 15px; font-size: 11px; font-weight: 700; }
.gallery-close { position: absolute; top: 20px; right: 28px; border: 0; background: transparent; color: #fff; font-size: 42px; cursor: pointer; }
.gallery-public-empty { min-height:260px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:40px; border:1px dashed #b9d3e8; color:#31536f; background:#fff; text-align:center; }
.gallery-public-empty > span { color:#0b70c9; font-size:38px; }
.gallery-public-empty strong { margin:14px 0 7px; color:#063d82; font:900 21px/1.2 var(--font-display); }
.gallery-public-empty p { margin:0; font-size:11px; }

/* ========================================================================
   CLEAN & MINIMALIST FACEBOOK POPUP (DESKTOP & MOBILE)
   ======================================================================== */
.facebook-popup {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 90;
    width: 320px;
    max-width: calc(100vw - 32px);
    padding: 16px 18px 16px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.09);
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.04);
    opacity: 0;
    transform: translateY(18px) scale(0.98);
    transform-origin: bottom right;
    pointer-events: none;
    transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.facebook-popup.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.facebook-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #64748b;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.facebook-popup-close:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.facebook-popup-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 24px;
}

.facebook-popup-avatar {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(24, 119, 242, 0.1);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.facebook-popup-meta small {
    display: block;
    color: #1877f2;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.2;
}

.facebook-popup-meta strong {
    display: block;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
    margin-top: 1px;
}

.facebook-popup-desc {
    margin: 9px 0 13px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.facebook-popup-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    background: #1877f2;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.3);
    transition: background 0.18s ease, transform 0.18s ease;
}

.facebook-popup-action:hover {
    background: #1567d3;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(24, 119, 242, 0.4);
}

.facebook-popup-action b {
    font-size: 13px;
    margin-left: 2px;
}

@media (max-width: 780px) {
    .facebook-popup,
    .facebook-popup.facebook-popup--clean {
        left: 14px !important;
        right: 14px !important;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: 380px !important;
        margin-inline: auto !important;
        padding: 14px 16px 15px !important;
        border-radius: 14px !important;
        transform-origin: bottom center !important;
    }
    .facebook-popup-head {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding-right: 24px !important;
    }
    .facebook-popup-avatar {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
    }
    .facebook-popup-meta strong {
        font-size: 13px !important;
    }
    .facebook-popup-desc {
        font-size: 11.5px !important;
        margin: 8px 0 12px !important;
        line-height: 1.45 !important;
    }
    .facebook-popup-action {
        min-height: 36px !important;
        font-size: 11.5px !important;
    }
}

.sponsors-section { position:relative; overflow:hidden; background:#fff; }
.sponsors-section::before { content:''; position:absolute; width:560px; height:560px; top:-330px; left:50%; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(24,188,225,.14),transparent 68%); pointer-events:none; }
.sponsors-heading { position:relative; max-width:780px; margin:0 auto 52px; text-align:center; }
.sponsors-heading h2 { margin:0; font:900 clamp(52px,6vw,82px)/1 var(--font-display); letter-spacing:-.045em; text-transform:uppercase; }
.sponsors-heading p { max-width:680px; margin:20px auto 0; color:#58708b; font-size:14px; line-height:1.8; }
.sponsor-tiers { position:relative; display:grid; gap:42px; }
.sponsor-tier-label { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; margin-bottom:18px; }
.sponsor-tier-label span { height:1px; background:#dce7f0; }
.sponsor-tier-label strong { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.13em; }
.sponsor-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; }
.sponsor-card { min-height:160px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; padding:22px; background:#fbfdff; border:1px solid #dce7f0; box-shadow:0 12px 32px rgba(8,55,130,.055); transition:transform .25s,border-color .25s,box-shadow .25s; }
.sponsor-card:hover { transform:translateY(-5px); border-color:rgba(18,89,213,.38); box-shadow:0 20px 40px rgba(8,55,130,.11); }
.sponsor-card img { width:100%; height:82px; object-fit:contain; }
.sponsor-card > strong { color:#526a82; font-size:10px; font-weight:700; text-align:center; }
.sponsor-monogram { min-height:72px; display:grid; place-items:center; color:var(--blue); font:800 18px/1.3 var(--font-display); text-align:center; }
.sponsor-empty { position:relative; min-height:150px; display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:24px; padding:30px 34px; background:linear-gradient(120deg,#edf6ff,#f8fcff); border:1px solid #d5e6f3; border-left:5px solid var(--cyan); }
.sponsor-empty-mark { width:64px; height:64px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); font-size:28px; box-shadow:0 10px 26px rgba(18,89,213,.2); }
.sponsor-empty strong { color:var(--ink); font:800 16px var(--font-display); letter-spacing:.02em; }
.sponsor-empty p { margin:7px 0 0; color:#60768c; font-size:12px; }
.sponsor-empty > a { min-height:44px; display:inline-flex; align-items:center; gap:18px; padding:0 18px; color:#fff; background:var(--blue); font-size:10px; font-weight:800; letter-spacing:.05em; }
.support-partners-zone { position:relative; margin-top:76px; padding:56px 44px 44px; overflow:hidden; border:1px solid #cfe4ef; border-radius:28px 3px 3px 3px; background:#f7fcff; box-shadow:0 20px 55px rgba(8,55,130,.07); }
.support-partners-zone::before { content:''; position:absolute; width:210px; height:5px; top:0; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,#0c92ba,var(--cyan)); }
.support-partners-zone::after { content:'SUPPORT'; position:absolute; right:-18px; bottom:-30px; color:rgba(12,146,186,.04); font:900 116px/1 var(--font-display); letter-spacing:-.07em; pointer-events:none; }
.support-partners-heading { position:relative; z-index:1; max-width:740px; margin:0 auto 34px; text-align:center; }
.support-partners-heading h3 { margin:8px 0 0; color:var(--ink); font:900 clamp(38px,5vw,62px)/1.02 var(--font-display); letter-spacing:-.045em; text-transform:uppercase; }
.support-partners-heading p { max-width:660px; margin:18px auto 0; color:#5c738b; font-size:13px; line-height:1.75; }
.support-partners-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.support-partner-card { position:relative; min-height:190px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; padding:29px 20px 20px; overflow:hidden; border:1px solid #d2e5ed; border-radius:18px 3px 3px 3px; color:var(--ink); background:#fff; box-shadow:0 12px 30px rgba(8,55,130,.06); transition:transform .25s,border-color .25s,box-shadow .25s; }
.support-partner-card::after { content:''; position:absolute; width:56px; height:56px; right:-31px; bottom:-31px; border:1px solid rgba(12,146,186,.22); border-radius:50%; box-shadow:0 0 0 10px rgba(12,146,186,.035); }
.support-partner-card:hover { transform:translateY(-5px); border-color:rgba(12,146,186,.45); box-shadow:0 21px 42px rgba(8,55,130,.12); }
.support-partner-label { position:absolute; top:0; left:0; padding:7px 10px; color:#fff; background:#0c92ba; font-size:7px; font-weight:900; letter-spacing:.12em; }
.support-partner-card img { width:100%; height:82px; object-fit:contain; }
.support-partner-card > strong { color:#39536c; font-size:11px; font-weight:800; text-align:center; }
.support-partner-card > i { display:flex; align-items:center; gap:8px; color:#087a9d; font-size:7px; font-weight:900; font-style:normal; letter-spacing:.1em; }
.support-partner-card > i b { font-size:12px; }
.support-partner-monogram { min-height:78px; display:grid; place-items:center; color:#087a9d; font:900 20px/1.25 var(--font-display); text-align:center; }
.support-partners-empty { position:relative; z-index:1; min-height:112px; display:grid; grid-template-columns:58px 1fr; align-items:center; gap:20px; max-width:760px; margin:0 auto; padding:24px 28px; border:1px dashed #afd3e1; background:#fff; }
.support-partners-empty > span { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#0c92ba; font-size:21px; box-shadow:0 9px 22px rgba(12,146,186,.2); }
.support-partners-empty strong { color:var(--ink); font:800 14px var(--font-display); letter-spacing:.03em; }
.support-partners-empty p { margin:6px 0 0; color:#60768c; font-size:11px; line-height:1.6; }
.media-partners-zone { position:relative; margin-top:76px; padding:58px 44px 46px; overflow:hidden; border:1px solid #d5e6f3; border-radius:3px 34px 3px 3px; background:linear-gradient(135deg,#f3f9ff 0%,#fff 48%,#edf8fc 100%); box-shadow:0 20px 55px rgba(8,55,130,.07); }
.support-partners-zone + .media-partners-zone { margin-top:30px; }
.media-partners-zone::before { content:''; position:absolute; width:210px; height:5px; top:0; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.media-partners-zone::after { content:'MEDIA'; position:absolute; right:-16px; bottom:-28px; color:rgba(18,89,213,.035); font:900 132px/1 var(--font-display); letter-spacing:-.07em; pointer-events:none; }
.media-partners-heading { position:relative; z-index:1; max-width:740px; margin:0 auto 34px; text-align:center; }
.media-partners-heading h3 { margin:8px 0 0; color:var(--ink); font:900 clamp(38px,5vw,62px)/1.02 var(--font-display); letter-spacing:-.045em; text-transform:uppercase; }
.media-partners-heading p { max-width:660px; margin:18px auto 0; color:#5c738b; font-size:13px; line-height:1.75; }
.media-partners-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.media-partner-card { position:relative; min-height:190px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; padding:29px 20px 20px; overflow:hidden; border:1px solid #d8e6f2; border-radius:3px 18px 3px 3px; color:var(--ink); background:#fff; box-shadow:0 12px 30px rgba(8,55,130,.06); transition:transform .25s,border-color .25s,box-shadow .25s; }
.media-partner-card:hover { transform:translateY(-5px); border-color:rgba(18,89,213,.38); box-shadow:0 21px 42px rgba(8,55,130,.12); }
.media-partner-label { position:absolute; top:0; left:0; padding:7px 10px; color:#fff; background:linear-gradient(90deg,var(--blue),#0b8ec6); font-size:7px; font-weight:900; letter-spacing:.12em; }
.media-partner-card img { width:100%; height:82px; object-fit:contain; }
.media-partner-card > strong { color:#39536c; font-size:11px; font-weight:800; text-align:center; }
.media-partner-card > i { display:flex; align-items:center; gap:8px; color:var(--blue); font-size:7px; font-weight:900; font-style:normal; letter-spacing:.1em; }
.media-partner-card > i b { font-size:12px; }
.media-partner-monogram { min-height:78px; display:grid; place-items:center; color:var(--blue); font:900 20px/1.25 var(--font-display); text-align:center; }
.media-partners-empty { position:relative; z-index:1; min-height:112px; display:grid; grid-template-columns:58px 1fr; align-items:center; gap:20px; max-width:760px; margin:0 auto; padding:24px 28px; border:1px dashed #b9d5e9; background:rgba(255,255,255,.72); }
.media-partners-empty > span { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); font-size:22px; box-shadow:0 9px 22px rgba(18,89,213,.18); }
.media-partners-empty strong { color:var(--ink); font:800 14px var(--font-display); letter-spacing:.03em; }
.media-partners-empty p { margin:6px 0 0; color:#60768c; font-size:11px; line-height:1.6; }

.contact-band { min-height:720px; display:flex; align-items:center; padding:118px 0; color:#fff; position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 10% 20%,rgba(38,151,255,.3),transparent 34%),linear-gradient(122deg,#031739 0%,#062b6b 48%,#0a65aa 100%); border-top:1px solid rgba(120,227,247,.7); }
.contact-band::before { content:''; position:absolute; z-index:-2; inset:0; opacity:.19; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(90deg,#000,transparent 85%); }
.contact-band::after { content:''; position:absolute; z-index:-1; width:620px; height:620px; right:-220px; top:-250px; border-radius:50%; background:radial-gradient(circle,rgba(93,224,255,.26),rgba(18,89,213,.06) 53%,transparent 70%); }
.contact-watermark { position:absolute; z-index:-1; left:3%; bottom:-42px; white-space:nowrap; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.065); font-family:var(--font-display); font-size:clamp(100px,14vw,210px); font-weight:900; line-height:.78; letter-spacing:-.075em; }
.contact-orbit { position:absolute; z-index:-1; width:540px; height:540px; left:-280px; top:50%; transform:translateY(-50%); border:1px solid rgba(120,227,247,.18); border-radius:50%; }
.contact-orbit::before,.contact-orbit::after { content:''; position:absolute; inset:72px; border:1px solid rgba(120,227,247,.13); border-radius:50%; }
.contact-orbit::after { inset:145px; }
.contact-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:#78e3f7; box-shadow:0 0 0 7px rgba(120,227,247,.1),0 0 28px rgba(120,227,247,.8); }
.contact-orbit i:nth-child(1) { top:56px; right:82px; }
.contact-orbit i:nth-child(2) { right:-4px; top:50%; }
.contact-orbit i:nth-child(3) { bottom:48px; right:92px; }
.contact-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.78fr); gap:clamp(55px,7vw,105px); align-items:center; }
.contact-heading { min-width:0; }
.contact-kicker-line { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:670px; margin-bottom:30px; }
.contact-kicker-line .kicker { color:#83e9fb; }
.contact-kicker-line > b { color:rgba(255,255,255,.48); font-size:9px; letter-spacing:.17em; }
.contact-inner h2 { max-width:780px; font-size:clamp(70px,8vw,112px); line-height:.9; }
.contact-inner h2 em { display:inline-block; margin-top:12px; color:#8ce9fa; text-shadow:0 0 35px rgba(63,205,244,.18); }
.contact-heading > p { max-width:640px; margin:34px 0 31px; color:#c6dbea; font-size:15px; line-height:1.85; }
.contact-themes { display:flex; flex-wrap:wrap; gap:9px; }
.contact-themes span { min-height:32px; display:inline-flex; align-items:center; padding:0 12px; color:#a7eafa; background:rgba(111,217,241,.07); border:1px solid rgba(111,217,241,.22); font-size:8px; font-weight:800; letter-spacing:.1em; }
.contact-panel { position:relative; padding:30px; background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055)); border:1px solid rgba(255,255,255,.24); border-top-color:rgba(142,237,255,.8); border-radius:4px 28px 4px 4px; box-shadow:0 35px 80px rgba(0,13,39,.34); backdrop-filter:blur(18px); }
.contact-panel::before { content:''; position:absolute; width:64px; height:3px; left:30px; top:-2px; background:#79e3f7; box-shadow:0 0 22px rgba(121,227,247,.75); }
.contact-panel-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; color:#dcecf6; font-size:9px; font-weight:800; letter-spacing:.13em; }
.contact-panel-head small { display:flex; align-items:center; gap:7px; color:#8fe9fb; font-size:8px; font-weight:800; }
.contact-panel-head i { width:6px; height:6px; border-radius:50%; background:#78e3f7; box-shadow:0 0 0 5px rgba(120,227,247,.1); animation:contactPulse 1.8s ease-in-out infinite; }
@keyframes contactPulse { 50% { opacity:.42; transform:scale(.78); } }
.contact-primary-action { min-height:116px; display:grid; grid-template-columns:1fr 58px; align-items:center; gap:18px; padding:23px 22px 23px 25px; color:var(--ink); background:#fff; box-shadow:0 18px 42px rgba(1,25,61,.24); transition:transform .25s,box-shadow .25s; }
.contact-primary-action:hover,.contact-primary-action:focus-visible { transform:translateY(-4px); box-shadow:0 25px 55px rgba(1,25,61,.32); }
.contact-primary-action > span { display:flex; flex-direction:column; gap:7px; }
.contact-primary-action small { color:#477293; font-size:8px; font-weight:800; letter-spacing:.12em; }
.contact-primary-action strong { font:900 clamp(18px,2vw,25px)/1.2 var(--font-display); letter-spacing:-.025em; text-transform:uppercase; }
.contact-primary-action > b { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); font-size:22px; box-shadow:0 12px 28px rgba(18,89,213,.26); }
.contact-official { min-height:90px; display:grid; grid-template-columns:58px 1fr; align-items:center; gap:15px; padding:18px 2px 16px; border-bottom:1px solid rgba(255,255,255,.16); }
.contact-official img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.25)); }
.contact-official div { min-width:0; display:flex; flex-direction:column; gap:5px; }
.contact-official small { color:#8edff3; font-size:8px; font-weight:800; letter-spacing:.12em; }
.contact-official strong { font-size:11px; line-height:1.45; letter-spacing:.025em; text-transform:uppercase; }
.contact-channel-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:16px; }
.contact-channel-grid > a { min-width:0; min-height:78px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; color:#fff; background:rgba(1,20,53,.32); border:1px solid rgba(255,255,255,.13); transition:background .2s,border-color .2s; }
.contact-channel-grid > a:hover,.contact-channel-grid > a:focus-visible { background:rgba(27,112,210,.42); border-color:rgba(121,227,247,.45); }
.contact-channel-grid > a > span { width:32px; height:32px; display:grid; place-items:center; color:#8ce9fa; background:rgba(120,227,247,.1); font-size:14px; font-weight:900; }
.contact-channel-grid div { min-width:0; display:flex; flex-direction:column; gap:4px; }
.contact-channel-grid small { color:#8edff3; font-size:7px; font-weight:800; letter-spacing:.1em; }
.contact-channel-grid strong { overflow:hidden; color:#fff; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.contact-channel-grid > a > b { color:#7fe4f7; font-size:12px; }

.site-footer { position:relative; overflow:hidden; isolation:isolate; color:#fff; background:radial-gradient(circle at 92% 15%,rgba(19,126,216,.2),transparent 30%),linear-gradient(145deg,#020c20,#041733 62%,#032249); border-top:1px solid rgba(121,227,247,.32); }
.site-footer::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.footer-watermark { position:absolute; z-index:-1; right:-32px; top:250px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.045); font:900 clamp(100px,14vw,210px)/.8 var(--font-display); letter-spacing:-.075em; white-space:nowrap; transform:rotate(-90deg) translateX(45%); transform-origin:right top; pointer-events:none; }
.footer-hero { min-height:285px; display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:center; gap:70px; border-bottom:1px solid rgba(255,255,255,.13); }
.footer-identity { min-width:0; display:grid; grid-template-columns:128px minmax(0,1fr); align-items:center; gap:30px; }
.footer-identity > img { width:128px; height:128px; object-fit:contain; filter:drop-shadow(0 18px 25px rgba(0,0,0,.34)); transition:transform .3s; }
.footer-identity:hover > img { transform:translateY(-5px) rotate(-2deg); }
.footer-identity > span { min-width:0; display:flex; flex-direction:column; }
.footer-identity small { margin-bottom:12px; color:#80e5f7; font-size:9px; font-weight:800; letter-spacing:.16em; }
.footer-identity strong { font:900 clamp(35px,4.3vw,62px)/.98 var(--font-display); letter-spacing:-.045em; text-transform:uppercase; }
.footer-identity strong em { color:#7ee5f7; font-style:normal; }
.footer-event-card { min-height:154px; padding:21px 23px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.18); border-top:3px solid #78e3f7; box-shadow:0 22px 55px rgba(0,9,30,.27); backdrop-filter:blur(14px); }
.footer-event-card > small { color:#86e7f8; font-size:8px; font-weight:800; letter-spacing:.14em; }
.footer-event-card > div { display:flex; align-items:center; gap:14px; margin:7px 0 10px; }
.footer-event-card div strong { color:#fff; font:900 45px/.9 var(--font-display); letter-spacing:-.05em; }
.footer-event-card div span { padding-left:14px; border-left:1px solid rgba(255,255,255,.2); color:#b9ccda; font-size:8px; font-weight:800; line-height:1.5; letter-spacing:.08em; }
.footer-event-card > b { color:#b9d2e2; font-size:8px; letter-spacing:.08em; }
.footer-main { min-height:0; display:grid; grid-template-columns:minmax(240px,.78fr) minmax(320px,1.22fr); align-items:start; gap:clamp(60px,10vw,150px); padding:52px 0; border-bottom:1px solid rgba(255,255,255,.13); }
.footer-links > span,.footer-connect > span { display:block; margin-bottom:18px; color:#75e2f5; font-size:8px; font-weight:800; letter-spacing:.15em; }
.footer-links { display:grid; grid-template-columns:1fr; }
.footer-links > a { min-height:37px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#abc0cf; border-bottom:1px solid rgba(255,255,255,.09); font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.055em; transition:color .2s,padding .2s; }
.footer-links > a b { color:#55758d; font-size:10px; transition:color .2s; }
.footer-links > a:hover,.footer-links > a:focus-visible { padding-left:5px; color:#7ee5f7; }
.footer-links > a:hover b,.footer-links > a:focus-visible b { color:#7ee5f7; }
.footer-connect { min-width:0; }
.footer-connect > a:not(.footer-facebook) { min-height:64px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-content:center; gap:3px 12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-connect > a:not(.footer-facebook) small { color:#718ea4; font-size:7px; font-weight:800; letter-spacing:.1em; }
.footer-connect > a:not(.footer-facebook) strong { min-width:0; overflow:hidden; color:#d2e1ea; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.footer-connect > a:not(.footer-facebook) b { grid-column:2; grid-row:1/3; align-self:center; color:#68cfe4; }
.footer-connect > a:hover strong { color:#7ee5f7; }
.footer-facebook { min-height:48px; display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:12px; margin-top:18px; padding:0 14px; color:#fff; background:linear-gradient(90deg,#1259d5,#148dd6); box-shadow:0 12px 30px rgba(0,32,92,.3); transition:transform .2s; }
.footer-facebook:hover,.footer-facebook:focus-visible { transform:translateY(-3px); }
.footer-facebook i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; color:#1877f2; background:#fff; font:900 18px/1 Arial,sans-serif; }
.footer-facebook span { font-size:8px; font-weight:800; letter-spacing:.1em; }
.footer-facebook b { font-size:13px; }
.footer-bottom { min-height:76px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:38px; color:#71899b; font-size:8px; font-weight:700; letter-spacing:.055em; }
.footer-bottom > span:first-child a { color:#9edfee; border-bottom:1px solid rgba(126,229,247,.35); transition:color .2s; }
.footer-bottom > span:first-child a:hover { color:#fff; }
.footer-bottom > span:nth-child(2) { color:#7ee5f7; }
.footer-bottom > a { min-height:32px; display:inline-flex; align-items:center; gap:12px; padding:0 12px; color:#a9bdcb; border:1px solid rgba(255,255,255,.15); font-size:7px; letter-spacing:.1em; transition:color .2s,border-color .2s; }
.footer-bottom > a:hover { color:#7ee5f7; border-color:rgba(126,229,247,.5); }

/* Article and archive */
.article-hero { min-height: 610px; position: relative; display: flex; align-items: end; color: #fff; background: linear-gradient(0deg, rgba(4,29,74,.98), rgba(8,73,163,.08)), var(--article-image) center/cover; }
.article-hero .container { padding-bottom: 65px; }
.article-hero span { color: #78e3f7; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.article-hero h1 { max-width: 920px; margin: 15px 0; font-family: var(--font-display); font-size: clamp(48px, 7vw, 90px); line-height: 1.04; letter-spacing:-.04em; text-transform: uppercase; }
.article-hero p { max-width: 680px; color: #d9e5eb; font-size:15px; line-height: 1.75; }
.article-body { max-width: 900px; padding: 80px 0 100px; display: grid; grid-template-columns: 80px 1fr; gap: 35px; }
.article-share { display: flex; flex-direction: column; gap: 10px; align-items: center; }
.article-share span { font-size: 7px; font-weight: 900; writing-mode: vertical-rl; margin-bottom: 10px; }
.article-share a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #cbd0d0; font-size: 10px; font-weight: 800; }
.prose { font-size: 17px; line-height: 1.9; color: #263f56; }
.prose p:first-child::first-letter { float: left; margin: 8px 10px 0 0; font-family: var(--font-display); font-size: 70px; line-height: .7; color: var(--blue); }
.related-news { background: #fff; }
.related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.related-grid img { width: 100%; height: 220px; object-fit: cover; margin-bottom: 15px; }
.related-grid h3 { margin: 8px 0; font-family: var(--font-display); font-size: 24px; line-height: 1.24; letter-spacing:-.025em; text-transform: uppercase; }
.archive-hero { padding: 120px 0 80px; background: linear-gradient(135deg, #072c79, var(--blue) 62%, #0795ca); color: #fff; }
.archive-hero h1 { font-size: clamp(70px, 9vw, 124px); }
.archive-hero p { color: #a9b6bd; }
.archive-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px 32px; }
.archive-card img { width: 100%; height: 320px; object-fit: cover; }
.archive-card div { padding-top: 20px; }
.archive-card h2 { margin: 10px 0; font-family: var(--font-display); font-size: 30px; letter-spacing:-.03em; text-transform: uppercase; line-height: 1.2; }
.archive-card p { color: #526b83; font-size: 13px; line-height: 1.75; }
.archive-card b { color: var(--orange); }

@media (max-width: 1050px) {
    .nav-wrap { gap: 20px; }
    .main-nav { gap: 16px; }
    .main-nav a { font-size: 10px; }
    .nav-cta { display: none; }
    .hero-content { grid-template-columns: 1fr 220px; }
    .hero-crest { width: 150px; }
    .match-row { grid-template-columns: 150px 1fr 70px 1fr; }
    .match-action { display: none; }
    .split-layout { gap: 50px; }
    .destination { grid-template-columns: 1.05fr .95fr; }
    .team-cards { grid-template-columns: repeat(2,1fr); }
    .team-profile-hero-inner { grid-template-columns:285px minmax(0,1fr); gap:50px; }
    .team-profile-logo { width:270px; height:300px; padding:35px; }
    .team-profile-overview-grid { grid-template-columns:1fr; gap:48px; }
    .slogan-inner { grid-template-columns:82px 1fr; }
    .slogan-signature { grid-column:2; min-height:0; padding:14px 0 0 34px; border-left:1px solid #cdddec; border-top:1px solid #dce8f3; }
    .slogan-signature span { display:none; }
    .regulations-teaser-inner { gap:40px; }
    .rulebook-layout { grid-template-columns:230px minmax(0,1fr); gap:30px; }
    .regulations-hero-inner { grid-template-columns:1fr 330px; gap:55px; }
    .awards-layout { grid-template-columns:.75fr 1.25fr; }
    .award-card { grid-template-columns:50px 1fr; }
    .award-card > b { display:none; }
    .contact-inner { grid-template-columns:1fr; gap:58px; }
    .contact-panel { width:min(100%,640px); }
}

@media (max-width: 780px) {
    .container { width: min(calc(100% - 32px), var(--container)); }
    .topline-inner span:last-child { display: none; }
    .topline-inner { justify-content: center; }
    .site-header { top: 36px; }
    .site-header.is-scrolled, .solid-header { top: 0; }
    .nav-wrap { min-height: 74px; grid-template-columns: 1fr auto; }
    .brand-logo { width: 58px; height: 58px; }
    .brand-copy strong { font-size: 13px; }
    .brand-copy small { font-size: 8px; }
    .nav-toggle { display: block; justify-self: end; }
    .main-nav { position:absolute; z-index:121; top:100%; left:0; right:auto; bottom:auto; width:100vw; height:calc(100vh - 74px); height:calc(100dvh - 74px); max-width:none; justify-self:stretch; align-items:stretch; background:linear-gradient(145deg,#f8fbff 0%,#fff 54%,#edf6ff 100%); color:var(--ink); display:flex; flex-direction:column; justify-content:flex-start; gap:0; opacity:0; visibility:hidden; transform:translateX(100%); pointer-events:none; transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .32s; box-shadow:0 28px 70px rgba(4,31,76,.24); counter-reset:mobile-menu; }
    .site-header.is-scrolled .main-nav, .solid-header .main-nav { top:100%; }
    .main-nav.is-open { opacity: 1; transform: translateX(0); pointer-events: auto; }
    .main-nav.is-open { visibility:visible; }
    .main-nav a { width:min(100%,520px); padding:18px 0; border-bottom:1px solid rgba(7,42,95,.12); font-family:var(--font-display); font-size:22px; font-weight:900; }
    .back-home { font-size: 10px; }
    .hero { min-height: 800px; }
    .hero-slide img { object-position:64% center; }
    .hero-slide::after { background:linear-gradient(90deg,rgba(5,29,72,.96),rgba(7,70,147,.42)),linear-gradient(0deg,rgba(4,28,68,.93),transparent 50%); }
    .hero-content { padding-top: 185px; padding-bottom: 200px; grid-template-columns: 1fr; align-content: center; }
    .hero h1 { font-size: clamp(55px, 14.5vw, 80px); }
    .hero-side { display: none; }
    .hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
    .countdown-bar { height: 134px; grid-template-columns: 1fr; padding: 18px; }
    .countdown-title { display: none; }
    .countdown-cells { justify-content: center; }
    .countdown-cells div { min-width: 45px; }
    .countdown-cells strong { font-size: 28px; }
    .live-chip { justify-self: center; }
    .tournament-slogan { padding:60px 0; }
    .tournament-slogan::before { font-size:180px; }
    .slogan-inner { grid-template-columns:1fr; gap:24px; }
    .slogan-mark { width:64px; height:64px; border-radius:19px 4px 19px 4px; font-size:58px; }
    .slogan-copy { padding:0; border-left:0; }
    .slogan-copy blockquote { font-size:21px; line-height:1.55; }
    .slogan-signature { grid-column:1; padding:16px 0 0; border-left:0; }
    .regulations-teaser { padding:72px 0; }
    .regulations-teaser::before { font-size:72px; bottom:-15px; }
    .regulations-teaser-inner { grid-template-columns:1fr; gap:45px; }
    .regulations-teaser-copy h2 { font-size:45px; }
    .regulations-teaser-board > a { min-height:88px; padding-inline:10px; }
    .regulations-hero { min-height:auto; }
    .regulations-hero-inner { grid-template-columns:1fr; gap:45px; padding:65px 0 75px; }
    .regulations-hero-copy h1 { font-size:72px; }
    .regulations-hero-copy p { font-size:14px; }
    .rulebook-cover { width:min(100%,360px); min-height:375px; margin:0 auto; transform:none; }
    .regulations-content { padding:65px 0 80px; }
    .rulebook-layout { grid-template-columns:1fr; gap:38px; }
    .rulebook-sidebar { position:relative; top:0; }
    .rulebook-sidebar nav { grid-template-columns:repeat(2,1fr); }
    .rulebook-sidebar nav a { border-right:1px solid #e6edf4; }
    .rulebook-card { grid-template-columns:1fr; }
    .rulebook-number { align-items:flex-start; padding:17px 22px; border-right:0; border-bottom:1px solid #dce6ef; }
    .rulebook-number { flex-direction:row; align-items:center; gap:8px; }
    .rulebook-number strong { margin:0; font-size:32px; }
    .rulebook-article { padding:25px 22px 30px; }
    .rulebook-article > header { grid-template-columns:52px 1fr; gap:13px; }
    .rulebook-article > header > span { width:50px; height:50px; font-size:24px; }
    .rulebook-body { font-size:13px; }
    .rule-line.is-sub-bullet { margin-left:10px; }
    .rulebook-awards { padding:34px 20px; }
    .rulebook-awards-grid { grid-template-columns:1fr; }
    .rulebook-award.is-champion { grid-column:1; }
    .rulebook-award { grid-template-columns:48px 1fr; }
    .rulebook-award > b { display:none; }
    .rulebook-closing { padding:38px 25px; }
    .rulebook-closing h2 { font-size:48px; }
    .awards-heading { margin-bottom:38px; }
    .awards-layout { grid-template-columns:1fr; }
    .award-champion { min-height:450px; }
    .award-grid { grid-template-columns:1fr; }
    .award-card:last-child { grid-column:1; }
    .section { padding: 78px 0; }
    .section-head { display: block; }
    .section-head p, .section-link { display: inline-block; margin-top: 20px; }
    .section-head h2 { font-size: 52px; }
    .match-date-tabs { overflow-x: auto; }
    .match-date-tabs button { flex: 0 0 105px; }
    .match-row { min-height: 165px; grid-template-columns: 1fr 54px 1fr; gap: 8px; padding: 20px 5px; }
    .featured-match { padding-left: 10px; }
    .match-meta { grid-column: 1 / -1; display: flex; gap: 10px; justify-content: center; }
    .match-meta span { margin: 0; }
    .match-meta strong { font-size: 16px; }
    .match-meta small { line-height: 2; }
    .match-team { gap: 8px; font-size: 11px; line-height: 1.2; }
    .match-team.home { flex-direction: column-reverse; }
    .match-team.away { flex-direction: column; }
    .split-layout { grid-template-columns: 1fr; }
    .standings-intro h2 { font-size: 74px; }
    .table-head, .table-row { grid-template-columns: 30px 1fr 28px 35px 25px; padding: 0 15px; gap: 5px; }
    .table-team b { font-size: 10px; }
    .table-team .team-badge { display: none; }
    .destination { grid-template-columns: 1fr; }
    .destination-photo { min-height: 380px; clip-path: polygon(0 0,100% 0,100% 90%,0 100%); }
    .destination-panel { padding: 55px 24px 75px; }
    .destination-panel h2 { font-size: 59px; }
    .news-grid { grid-template-columns: 1fr; }
    .news-feature { min-height: 530px; }
    .news-copy { inset: auto 24px 24px; }
    .news-item { grid-template-columns: 110px 1fr; gap: 16px; }
    .news-item img { width: 110px; height: 120px; }
    .news-item p { display: none; }
    .news-pagination { align-items:flex-start; flex-direction:column; gap:14px; margin-top:28px; }
    .news-pagination > p { align-self:center; }
    .news-pagination-nav { width:100%; justify-content:center; flex-wrap:wrap; }
    .news-page-control { width:44px; min-width:44px; height:44px; }
    .team-cards { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .teams-heading { display: block; }
    .teams-heading h2 { font-size: 55px; }
    .team-card { min-height: 330px; }
    .team-profile-hero { min-height:auto; }
    .team-profile-hero-inner { grid-template-columns:1fr; gap:48px; padding:65px 0 72px; text-align:center; }
    .team-profile-logo { width:240px; height:270px; justify-self:center; padding:32px; }
    .team-profile-heading h1 { margin-inline:auto; font-size:clamp(50px,13vw,76px); }
    .team-profile-heading > div { justify-content:center; flex-wrap:wrap; }
    .team-profile-overview-grid { gap:40px; }
    .team-profile-story { text-align:center; }
    .team-profile-story p { margin-inline:auto; }
    .team-kits-grid { grid-template-columns:1fr; }
    .team-roster-grid { grid-template-columns:1fr 1fr; }
    .gallery-grid { grid-template-columns:1fr 1fr; grid-auto-rows:230px; }
    .gallery-item.is-featured { grid-row:span 2; }
    .gallery-item.is-wide { grid-column:span 2; }
    .gallery-modal { padding: 20px; }
    .facebook-popup { left:16px; right:16px; bottom:16px; width:auto; padding:21px; transform-origin:bottom center; }
    .facebook-popup-head { grid-template-columns:56px 1fr; gap:13px; }
    .facebook-popup-avatar { width:56px; height:56px; border-radius:16px; }
    .facebook-popup-avatar img { width:47px; height:47px; }
    .facebook-popup-head strong { font-size:16px; }
    .facebook-popup > p { margin:15px 0; }
    .sponsors-heading { margin-bottom:38px; }
    .sponsor-grid { grid-template-columns:1fr 1fr; }
    .sponsor-empty { grid-template-columns:58px 1fr; padding:24px; }
    .sponsor-empty-mark { width:54px; height:54px; }
    .sponsor-empty > a { grid-column:1/-1; justify-content:center; }
    .contact-inner { grid-template-columns: 1fr; gap: 35px; }
    .contact-inner h2 { font-size: 70px; }
    .footer-watermark { display:none; }
    .footer-hero { grid-template-columns:1fr; gap:34px; padding:58px 0 44px; }
    .footer-identity { grid-template-columns:94px 1fr; gap:20px; }
    .footer-identity > img { width:94px; height:94px; }
    .footer-identity strong { font-size:clamp(31px,8vw,48px); }
    .footer-event-card { width:min(100%,460px); }
    .footer-main { min-height:0; grid-template-columns:1fr; gap:42px; padding:48px 0; }
    .footer-links { max-width:560px; }
    .footer-connect { max-width:560px; }
    .footer-bottom { min-height:0; grid-template-columns:1fr; align-items:start; justify-content:stretch; gap:13px; padding:24px 0 calc(24px + env(safe-area-inset-bottom)); }
    .article-hero { min-height: 540px; }
    .article-body { width: calc(100% - 32px); grid-template-columns: 1fr; padding-top: 55px; }
    .article-share { flex-direction: row; }
    .article-share span { writing-mode: initial; margin: 0 10px 0 0; }
    .related-grid, .archive-grid { grid-template-columns: 1fr; }
    .archive-card img { height: 250px; }
}

/* Mobile experience refinements */
@media (max-width: 780px) {
    html { scroll-padding-top: 84px; }
    body { -webkit-text-size-adjust: 100%; }
    body.nav-open { overflow:hidden; touch-action:none; }
    body.nav-open .site-header { position:fixed; z-index:120; top:0; background:#fff; box-shadow:0 12px 34px rgba(5,38,88,.16); }
    body.nav-open .topline { visibility:hidden; }
    body.nav-open .facebook-popup { opacity:0!important; visibility:hidden; pointer-events:none!important; }
    a, button { touch-action: manipulation; }
    .container { width: calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)); }
    .topline-inner { min-height: 36px; padding-inline: 4px; text-align: center; font-size: 9px; line-height: 1.35; }
    .nav-wrap { gap:10px; }
    .brand { min-width:0; max-width:calc(100vw - 92px); }
    .brand-copy { min-width:0; }
    .brand-copy strong,.brand-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .nav-toggle { position:relative; z-index:122; width:48px; height:48px; padding:8px; border-radius:14px; background:#eef5ff; color:var(--ink); touch-action:manipulation; transition:background .2s,color .2s,transform .2s; }
    .nav-toggle:focus-visible { outline:3px solid rgba(18,89,213,.28); outline-offset:2px; }
    .nav-toggle[aria-expanded="true"] { color:#fff; background:linear-gradient(135deg,var(--blue),#168fce); transform:rotate(2deg); }
    .nav-toggle span { position: absolute; left: 10px; width: 28px; margin: 0; transition: transform .25s, opacity .2s, top .25s; }
    .nav-toggle span:nth-child(1) { top: 14px; }
    .nav-toggle span:nth-child(2) { top: 23px; }
    .nav-toggle span:nth-child(3) { top: 32px; }
    .nav-toggle[aria-expanded="true"] span:nth-child(1) { top: 23px; transform: rotate(45deg); }
    .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .nav-toggle[aria-expanded="true"] span:nth-child(3) { top: 23px; transform: rotate(-45deg); }
    .main-nav { overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; padding:22px max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); -webkit-overflow-scrolling:touch; }
    .main-nav::before { content:'DANH MỤC GIẢI ĐẤU'; width:min(100%,520px); margin:0 auto 8px; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.16em; }
    .main-nav::after { content:'18—20.09.2026 · PHƯỜNG QUY NHƠN'; width:min(100%,520px); margin:24px auto 0; padding:18px 20px; color:#fff; background:linear-gradient(120deg,#07265b,var(--blue)); font-size:10px; font-weight:800; letter-spacing:.07em; text-align:center; }
    .main-nav a { counter-increment:mobile-menu; width:100%; max-width:520px; min-height:58px; display:grid; grid-template-columns:38px minmax(0,1fr) 26px; align-items:center; gap:10px; margin-inline:auto; padding:13px 4px; font-size:clamp(18px,5.4vw,22px); line-height:1.25; }
    .main-nav a::before { content:'0' counter(mobile-menu); color:#6b8db5; font:800 10px/1 var(--font-body); letter-spacing:.06em; }
    .main-nav a::after { content:'↗'; position:static; width:26px; height:26px; display:grid; place-items:center; color:var(--blue); background:#eaf3ff; font:800 12px/1 var(--font-body); transition:transform .2s,background .2s,color .2s; }
    .main-nav a:hover,.main-nav a:focus-visible { color:var(--blue); }
    .main-nav a:hover::after,.main-nav a:focus-visible::after { color:#fff; background:var(--blue); transform:translate(2px,-2px); }
    .hero { min-height: max(720px, 100svh); }
    .hero-content { padding-top: 165px; padding-bottom: 178px; }
    .season-pill { max-width: 100%; gap: 9px; font-size: 10px; line-height: 1.4; }
    .hero h1 { font-size: clamp(48px, 13vw, 72px); overflow-wrap: anywhere; }
    .hero-copy > p { margin: 22px 0 28px; line-height: 1.7; }
    .hero-actions { width: 100%; gap: 20px; }
    .hero-actions .btn { width: min(100%, 340px); min-height: 54px; }
    .countdown-bar { padding-inline: 12px; }
    .countdown-cells { max-width: 100%; }
    .hero-slider-controls { bottom:150px; justify-content:flex-end; }
    .hero-slider-panel { grid-template-columns:38px auto 38px; gap:8px; }
    .hero-slider-panel > button { width:38px; }
    .hero-slider-progress { min-width:100px; }
    .hero-slider-dots button { width:14px; }
    .hero-slider-dots button[aria-current="true"] { width:28px; }
    .ticker-track { height: 48px; }
    .tournament-slogan, .regulations-teaser { padding-block: 62px; }
    .slogan-copy blockquote { overflow-wrap: anywhere; }
    .regulations-teaser-inner { gap: 38px; }
    .regulations-teaser-copy h2 { font-size: clamp(38px, 11.5vw, 48px); }
    .regulations-teaser-copy .btn { width: 100%; gap: 14px; }
    .regulations-teaser-board > a { grid-template-columns: 48px 1fr auto; gap: 13px; min-height: 82px; }
    .regulations-teaser-board strong { font-size: 12px; overflow-wrap: anywhere; }
    .regulations-hero-copy h1 { font-size: clamp(54px, 17vw, 72px); overflow-wrap: anywhere; }
    .rulebook-cover { min-height: 350px; padding-inline: 20px; }
    .rulebook-cover > img { width: 138px; height: 138px; }
    .rulebook-layout { gap: 32px; }
    .rulebook-sidebar { position: sticky; top: 74px; z-index: 12; overflow: hidden; box-shadow: 0 14px 35px rgba(7,42,92,.12); }
    .rulebook-sidebar-head, .rulebook-contact { display: none; }
    .rulebook-sidebar nav { display: flex; gap: 8px; overflow-x: auto; padding: 10px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .rulebook-sidebar nav::-webkit-scrollbar { display:none; }
    .rulebook-sidebar nav a { flex: 0 0 152px; min-height: 50px; padding: 8px 10px; border: 1px solid #e0e9f2; scroll-snap-align: start; }
    .rulebook-card, .rulebook-awards { scroll-margin-top: 145px; }
    .rulebook-intro h2 { font-size: clamp(34px, 10vw, 46px); overflow-wrap:anywhere; }
    .rulebook-article h2 { font-size: clamp(18px, 5.2vw, 23px); overflow-wrap:anywhere; }
    .rule-line { grid-template-columns: 16px 1fr; gap: 5px; }
    .rulebook-awards { margin-top: 32px; }
    .rulebook-award { min-height: 124px; padding: 17px; }
    .rulebook-closing { margin-top: 32px; }
    .rulebook-closing h2 { font-size: clamp(42px, 13vw, 54px); }
    .awards-heading h2, .sponsors-heading h2 { font-size: clamp(44px, 13vw, 58px); overflow-wrap:anywhere; }
    .award-champion { min-height: 420px; padding: 34px 24px; }
    .award-champion-icon { font-size: 88px; }
    .award-card { min-height: 132px; padding: 18px; }
    .section { padding-block: 68px; }
    .section-head { margin-bottom: 34px; }
    .section-head h2 { font-size: clamp(42px, 12vw, 52px); overflow-wrap: anywhere; }
    .match-date-tabs { scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .match-date-tabs::-webkit-scrollbar { display:none; }
    .match-date-tabs button { min-height: 62px; scroll-snap-align: start; }
    .match-row { padding-block: 18px; }
    .draw-pending::before { top:90px; font-size:86px; }
    .draw-pending-status { min-height:58px; padding-inline:18px; }
    .draw-pending-main { grid-template-columns:1fr; gap:34px; padding:42px 20px 38px; text-align:center; }
    .draw-pending-mark { width:124px; height:124px; }
    .draw-pending-mark > span { font-size:58px; }
    .draw-pending-mark > small { bottom:20px; }
    .draw-pending-copy { margin-inline:auto; }
    .draw-pending-copy h3 { font-size:clamp(31px,9.5vw,45px); }
    .draw-pending-copy p { margin-inline:auto; }
    .draw-pending-steps { grid-template-columns:1fr; }
    .draw-pending-steps > div { min-height:82px; padding:15px 20px; }
    .draw-pending-steps > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.16); }
    .draw-pending-steps .is-complete > b::after { top:10px; left:55px; }
    .draw-pending-footer { grid-template-columns:1fr; gap:8px; padding:20px; text-align:center; }
    .draw-pending-footer > a { min-height:46px; justify-content:center; margin-top:8px; }
    .match-meta { flex-wrap: wrap; row-gap: 2px; }
    .match-team > span { max-width: 120px; overflow-wrap: anywhere; }
    .standings-intro h2 { font-size: clamp(56px, 17vw, 72px); }
    .standings-card { overflow: hidden; }
    .table-row { height: 70px; }
    .destination-photo { min-height: 330px; }
    .destination-panel { max-width: none; padding: 48px 20px 62px; }
    .destination-panel h2 { font-size: clamp(48px, 15vw, 60px); overflow-wrap:anywhere; }
    .trip-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .trip-stats div { flex-direction: column; align-items:flex-start; gap: 2px; }
    .news-feature { min-height: 440px; }
    .news-copy h3 { font-size: clamp(26px, 8vw, 36px); overflow-wrap:anywhere; }
    .news-item { min-height: 120px; }
    .teams-heading h2 { font-size: clamp(42px, 12vw, 55px); overflow-wrap:anywhere; }
    .team-card { min-height:320px; padding:0; }
    .team-card-main { min-height:270px; grid-template-rows:142px 1fr; padding:22px 20px 17px; }
    .team-card-logo { width:138px; height:138px; }
    .team-card-copy > strong { min-height:0; font-size:17px; }
    .team-card-main > b { bottom:48px; }
    .team-profile-leaders { grid-template-columns:1fr; }
    .team-profile-draw-note { grid-column:1; align-items:flex-start; flex-direction:column; justify-content:center; padding:16px 20px; }
    .team-kit-card { grid-template-columns:1fr; }
    .team-kit-visual { min-height:310px; border-right:0; border-bottom:1px solid #d9e5ee; }
    .team-roster-grid { grid-template-columns:1fr; }
    .gallery-item { min-height: 220px; }
    .facebook-popup { left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); max-height: calc(100svh - 24px); overflow-y: auto; overscroll-behavior: contain; }
    .sponsor-card { min-height: 145px; padding: 18px; }
    .contact-band { padding-block: 72px; }
    .contact-inner h2 { font-size: clamp(50px, 15vw, 66px); overflow-wrap:anywhere; }
    .contact-orbit { left:-410px; }
    .contact-inner { gap:46px; }
    .contact-kicker-line { margin-bottom:24px; }
    .contact-heading > p { margin:26px 0; font-size:14px; }
    .contact-panel { width:100%; max-width:590px; padding:24px; }
    .contact-panel::before { left:24px; }
    .contact-primary-action { min-height:108px; }
    .contact-channel-grid > a { min-height:74px; }
    .footer-links a { min-height:42px; }
    .footer-bottom { line-height:1.55; }
    .footer-bottom > a { width:max-content; margin-top:5px; }
    .article-hero { min-height: 500px; }
    .article-hero .container { padding-bottom: 44px; }
    .article-hero h1 { font-size: clamp(38px, 11vw, 52px); overflow-wrap:anywhere; }
    .article-hero p { font-size: 14px; }
    .article-body { padding-bottom: 72px; }
    .prose { font-size: 16px; line-height: 1.82; overflow-wrap:anywhere; }
    .prose p:first-child::first-letter { font-size: 58px; }
    .archive-hero { padding: 78px 0 60px; }
    .archive-hero h1 { font-size: clamp(48px, 15vw, 64px); overflow-wrap:anywhere; }
    .archive-card h2 { font-size: clamp(24px, 7vw, 30px); overflow-wrap:anywhere; }
}

@media (max-width: 440px) {
    .nav-wrap { gap: 6px; }
    .brand-logo { width: 52px; height: 52px; }
    .brand-copy { gap: 1px; }
    .brand-copy strong { font-size: 12px; }
    .brand-copy small { font-size: 7px; }
    .hero { min-height: 700px; }
    .hero-content { padding-top: 150px; padding-bottom: 165px; }
    .hero h1 { font-size: 48px; }
    .hero-copy > p { font-size: 14px; }
    .countdown-cells { gap: 7px; }
    .countdown-cells div { min-width: 38px; }
    .countdown-cells strong { font-size: 25px; }
    .countdown-cells > b { font-size: 22px; }
    .hero-slider-controls { bottom:148px; }
    .hero-slider-progress { min-width:86px; }
    .hero-slider-panel { gap:6px; }
    .draw-pending-status { justify-content:center; text-align:center; }
    .draw-pending-status > b { display:none; }
    .draw-pending-main { padding-inline:16px; }
    .draw-pending-mark { width:112px; height:112px; }
    .draw-pending-mark > span { font-size:52px; }
    .draw-pending-copy h3 { font-size:30px; }
    .draw-pending-copy p { font-size:12px; }
    .draw-pending-footer > span { font-size:15px; }
    .team-card { min-height:310px; }
    .team-card-actions > * { font-size:6.5px; }
    .team-profile-logo { width:205px; height:235px; padding:28px; }
    .team-profile-heading h1 { font-size:44px; }
    .team-profile-heading > div > small { width:100%; }
    .team-profile-facebook { width:100%; justify-content:center; }
    .team-profile-story h2 { font-size:46px; }
    .team-kit-visual { min-height:270px; }
    .team-kit-card > div:last-child { padding:27px 22px; }
    .section-head h2 { font-size: 42px; }
    .regulations-teaser-board > a { grid-template-columns: 44px 1fr; }
    .regulations-teaser-board > a > b { display:none; }
    .regulations-hero-copy h1 { font-size: 54px; }
    .rulebook-sidebar nav a { flex-basis: 132px; }
    .rulebook-article { padding-inline: 18px; }
    .rulebook-awards { padding-inline: 17px; }
    .award-champion { min-height: 390px; padding-inline: 20px; }
    .award-champion-icon { font-size: 80px; }
    .award-card { grid-template-columns: 50px 1fr; gap: 12px; padding: 16px; }
    .award-card-icon { width: 48px; height: 48px; font-size: 25px; }
    .gallery-filter { margin-inline:-4px; padding:6px; }
    .gallery-filter button { min-height:41px; padding-inline:12px; font-size:8px; }
    .gallery-grid { grid-template-columns:1fr; grid-auto-rows:230px; }
    .gallery-item.is-featured,.gallery-item.is-wide { grid-row:auto; grid-column:auto; }
    .sponsor-grid { grid-template-columns:1fr; }
    .trip-stats { gap: 8px; }
    .trip-stats strong { font-size: 27px; }
    .contact-inner h2 { font-size: 48px; }
    .contact-band { min-height:0; padding-block:66px; }
    .contact-watermark { bottom:-18px; font-size:82px; }
    .contact-kicker-line > b { display:none; }
    .contact-themes { gap:7px; }
    .contact-themes span { padding-inline:9px; font-size:7px; }
    .contact-panel { padding:16px; border-radius:3px 20px 3px 3px; }
    .contact-panel::before { left:16px; }
    .contact-panel-head { align-items:flex-start; flex-direction:column; gap:7px; margin-bottom:17px; }
    .contact-primary-action { min-height:102px; grid-template-columns:1fr 48px; padding:18px; }
    .contact-primary-action > b { width:48px; height:48px; }
    .contact-official { grid-template-columns:50px 1fr; }
    .contact-official img { width:50px; height:50px; }
    .contact-channel-grid { grid-template-columns:1fr; }
    .footer-hero { padding-top:48px; }
    .footer-identity { grid-template-columns:74px 1fr; gap:14px; }
    .footer-identity > img { width:74px; height:74px; }
    .footer-identity small { margin-bottom:7px; font-size:7px; }
    .footer-identity strong { font-size:26px; }
    .footer-event-card { min-height:142px; padding:18px; }
    .footer-event-card div strong { font-size:39px; }
    .footer-main { gap:36px; padding-block:42px; }
    .footer-connect > a:not(.footer-facebook) strong { font-size:9px; }
    .facebook-popup { padding: 17px; }
    .facebook-popup-head { grid-template-columns: 48px 1fr; padding-right: 18px; }
    .facebook-popup-avatar { width: 48px; height: 48px; }
    .facebook-popup-avatar img { width: 41px; height: 41px; }
    .facebook-popup-head strong { font-size: 14px; }
    .facebook-popup-action { padding-inline: 12px; }
    .article-hero { min-height: 470px; }
    .archive-card img { height: 220px; }
}

/* Trailer, Live Match Center and match detail */
.trailer-section { position:relative; overflow:hidden; background:#f5f9fc; }
.trailer-section::before { content:'TRAILER'; position:absolute; left:-18px; bottom:-56px; color:transparent; -webkit-text-stroke:1px rgba(5,48,104,.06); font:900 165px/.8 var(--font-display); letter-spacing:-.07em; }
.trailer-layout { position:relative; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); align-items:center; gap:62px; }
.trailer-copy h2 { max-width:520px; margin:0; color:#082b61; font:900 clamp(43px,5vw,70px)/1.02 var(--font-display); letter-spacing:-.055em; }
.trailer-copy > p { max-width:510px; margin:24px 0 34px; color:#58718a; font-size:13px; line-height:1.8; }
.trailer-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #cfdde8; border-bottom:1px solid #cfdde8; }
.trailer-facts > span { min-height:82px; display:flex; align-items:center; gap:11px; padding:12px 13px; }
.trailer-facts > span + span { border-left:1px solid #cfdde8; }
.trailer-facts strong { color:#0b5bc0; font:900 29px var(--font-display); letter-spacing:-.04em; }
.trailer-facts small { color:#62778a; font-size:7px; font-weight:800; line-height:1.45; letter-spacing:.08em; }
.trailer-stage { position:relative; min-height:515px; overflow:hidden; color:#fff; background:#071d49; box-shadow:0 30px 65px rgba(7,42,90,.2); }
.trailer-stage > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.trailer-stage-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,17,46,.82),rgba(3,29,65,.22) 50%,rgba(3,18,47,.48)),linear-gradient(0deg,rgba(2,13,37,.62),transparent 55%); }
.trailer-stage::before { content:''; position:absolute; z-index:2; inset:18px; border:1px solid rgba(255,255,255,.26); pointer-events:none; }
.trailer-edition { position:absolute; z-index:3; right:39px; top:38px; color:#fff; font:800 10px/1.35 var(--font-display); letter-spacing:.13em; text-align:right; }
.trailer-edition b { color:#80e8f8; font-size:22px; letter-spacing:-.04em; }
.trailer-play { position:absolute; z-index:4; left:48px; bottom:68px; display:flex; align-items:center; gap:20px; max-width:calc(100% - 96px); padding:0; color:#fff; border:0; background:none; text-align:left; cursor:pointer; }
.trailer-play > i { width:78px; height:78px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#06306a; background:#80e8f8; box-shadow:0 0 0 12px rgba(128,232,248,.12),0 15px 35px rgba(0,0,0,.28); font-style:normal; font-size:22px; transition:.25s; }
.trailer-play:hover > i { transform:scale(1.08); background:#fff; }
.trailer-play small { display:block; margin-bottom:5px; color:#80e8f8; font-size:8px; font-weight:800; letter-spacing:.15em; }
.trailer-play strong { font:800 clamp(16px,2vw,24px)/1.25 var(--font-display); }
.trailer-play.is-pending { cursor:default; }
.trailer-filmstrip { position:absolute; z-index:3; left:0; right:0; bottom:0; height:22px; display:grid; grid-template-columns:repeat(6,1fr); gap:13px; padding:6px 13px; background:rgba(2,13,35,.8); }
.trailer-filmstrip i { background:rgba(255,255,255,.58); }

.live-center-section { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 90% 10%,rgba(20,188,224,.28),transparent 35%),linear-gradient(135deg,#031638,#072e72 60%,#075d91); }
.live-center-section::before { content:'LIVE'; position:absolute; right:-32px; bottom:-86px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font:900 220px/.8 var(--font-display); }
.live-center-section .container { position:relative; }
.live-center-card { border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.075); box-shadow:0 34px 75px rgba(0,12,38,.3); backdrop-filter:blur(12px); }
.live-center-status { min-height:58px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:0 26px; border-bottom:1px solid rgba(255,255,255,.15); }
.live-center-status > span { display:flex; align-items:center; gap:11px; color:#85eafb; font-size:8px; font-weight:900; letter-spacing:.14em; }
.live-center-status i { width:8px; height:8px; border-radius:50%; background:#ff4a48; box-shadow:0 0 0 6px rgba(255,74,72,.13); animation:contactPulse 1.5s infinite; }
.live-center-status > strong { font:900 15px var(--font-display); }
.live-center-status > small { justify-self:end; color:#91aebe; font-size:7px; font-weight:800; letter-spacing:.12em; }
.live-scoreboard { min-height:220px; display:grid; grid-template-columns:1fr 250px 1fr; align-items:center; gap:32px; padding:34px 50px; }
.live-team { min-width:0; display:flex; align-items:center; gap:22px; }
.live-team.is-home { justify-content:flex-end; text-align:right; }
.live-team.is-away { justify-content:flex-start; }
.live-team span { min-width:0; }
.live-team small { display:block; margin-bottom:7px; color:#82e7f8; font-size:7px; font-weight:800; letter-spacing:.12em; }
.live-team strong { display:block; font:800 clamp(17px,2.1vw,28px)/1.22 var(--font-display); text-transform:uppercase; overflow-wrap:anywhere; }
.live-score { display:flex; align-items:center; justify-content:center; gap:18px; font:900 clamp(54px,7vw,90px)/1 var(--font-display); letter-spacing:-.07em; }
.live-score b { color:#6f92aa; font-size:.55em; }
.live-center-lower { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); border-top:1px solid rgba(255,255,255,.15); }
.live-quick-stats { padding:18px 26px; }
.live-quick-stats > div { display:grid; grid-template-columns:44px 1fr 44px; align-items:center; gap:12px; min-height:39px; }
.live-quick-stats > div > span { font:800 12px var(--font-display); }
.live-quick-stats > div > span:last-child { text-align:right; }
.live-quick-stats div > div { display:grid; grid-template-columns:1fr; gap:5px; }
.live-quick-stats small { color:#9eb7c8; font-size:6px; font-weight:800; letter-spacing:.1em; text-align:center; }
.live-quick-stats i { position:relative; height:4px; overflow:hidden; background:#174b78; }
.live-quick-stats i::before { content:''; display:block; width:calc(var(--home-share) * 1%); height:100%; background:linear-gradient(90deg,#7fe9fa,#36b9dd); }
.live-center-actions { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; gap:13px; padding:24px 28px; border-left:1px solid rgba(255,255,255,.15); background:rgba(0,16,48,.17); }
.live-center-actions p { margin:0; color:#adc2d0; font-size:10px; line-height:1.65; }
.live-center-actions a { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:0 15px; color:#062c67; background:#7fe9fa; font-size:9px; font-weight:900; letter-spacing:.07em; }
.live-center-actions a span { font-size:18px; }
.live-center-waiting { min-height:400px; display:grid; grid-template-columns:190px minmax(0,1fr) 310px; align-items:center; gap:50px; padding:54px; border:1px solid rgba(255,255,255,.17); background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); }
.live-radar { position:relative; width:160px; height:160px; display:grid; place-items:center; border:1px solid rgba(126,232,248,.35); border-radius:50%; }
.live-radar::before,.live-radar::after { content:''; position:absolute; inset:22px; border:1px solid rgba(126,232,248,.25); border-radius:50%; }
.live-radar::after { inset:48px; }
.live-radar > span { position:absolute; inset:0; overflow:hidden; border-radius:50%; }
.live-radar > span::after { content:''; position:absolute; width:50%; height:50%; left:50%; top:0; transform-origin:0 100%; background:linear-gradient(45deg,rgba(126,232,248,.35),transparent); animation:drawOrbit 3s linear infinite; }
.live-radar > i { width:10px; height:10px; border-radius:50%; background:#ff5351; box-shadow:0 0 0 8px rgba(255,83,81,.12); }
.live-radar > b { position:absolute; bottom:25px; color:#7ee8f8; font:900 10px var(--font-display); letter-spacing:.15em; }
.live-center-waiting > div:nth-child(2) > span { color:#7ee8f8; font-size:8px; font-weight:800; letter-spacing:.14em; }
.live-center-waiting h3 { max-width:650px; margin:12px 0 16px; font:900 clamp(32px,4vw,55px)/1.04 var(--font-display); letter-spacing:-.045em; }
.live-center-waiting p { max-width:630px; margin:0; color:#afc5d4; font-size:12px; line-height:1.75; }
.live-wait-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 26px; margin-top:23px; }
.live-center-waiting a { display:inline-flex; gap:20px; padding-bottom:7px; color:#7ee8f8; border-bottom:1px solid rgba(126,232,248,.5); font-size:8px; font-weight:900; letter-spacing:.1em; }
.live-feature-list { display:grid; gap:10px; }
.live-feature-list > span { min-height:66px; display:grid; grid-template-columns:37px 1fr; align-items:center; gap:13px; padding:12px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); }
.live-feature-list i { width:37px; height:37px; display:grid; place-items:center; color:#092e68; background:#7ee8f8; font:900 10px var(--font-display); font-style:normal; }
.live-feature-list strong { font-size:9px; line-height:1.4; text-transform:uppercase; }

.video-modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:70px max(24px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); opacity:0; visibility:hidden; background:rgba(1,10,28,.94); backdrop-filter:blur(16px); transition:.25s; }
.video-modal.is-open { opacity:1; visibility:visible; }
.video-modal-close { position:absolute; top:max(22px,env(safe-area-inset-top)); right:max(24px,env(safe-area-inset-right)); width:48px; height:48px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; background:rgba(255,255,255,.08); cursor:pointer; font-size:26px; }
.video-modal-shell { width:min(1100px,100%); }
.video-modal-head { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:14px; color:#fff; }
.video-modal-head span { color:#7ee8f8; font-size:8px; font-weight:800; letter-spacing:.14em; }
.video-modal-head strong { font:800 clamp(15px,2vw,23px) var(--font-display); text-align:right; }
.video-modal-frame { aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; background:#000; box-shadow:0 30px 80px rgba(0,0,0,.55); }
.video-modal-frame iframe,.video-modal-frame video { width:100%; height:100%; border:0; object-fit:contain; }
.video-modal-frame a { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:13px; width:100%; height:100%; color:#fff; background:linear-gradient(135deg,#071d4b,#0b5eb7); font:800 18px var(--font-display); }

.match-detail-page { background:#f5f8fb; }
.match-detail-hero { position:relative; min-height:670px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#031536 var(--match-cover) center/cover no-repeat; }
.match-detail-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,15,43,.95),rgba(4,35,78,.8) 50%,rgba(2,17,48,.94)),linear-gradient(0deg,#031435 0%,transparent 45%); }
.match-detail-grid { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.match-detail-hero-inner { position:relative; width:100%; padding-top:125px; }
.match-detail-status { min-height:48px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px; padding:0 18px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); }
.match-detail-status span { display:flex; align-items:center; gap:10px; color:#a8c4d8; font-size:8px; font-weight:900; letter-spacing:.13em; }
.match-detail-status i { width:8px; height:8px; border-radius:50%; background:#7893a8; }
.match-detail-status.status-live span { color:#82eafa; }
.match-detail-status.status-live i { background:#ff4f4c; box-shadow:0 0 0 6px rgba(255,79,76,.13); animation:contactPulse 1.4s infinite; }
.match-detail-status strong { font:800 11px var(--font-display); }
.match-detail-scoreboard { min-height:310px; display:grid; grid-template-columns:1fr 250px 1fr; align-items:center; gap:35px; padding:38px 20px; }
.match-detail-team { min-width:0; display:flex; align-items:center; gap:25px; }
.match-detail-team.is-home { justify-content:flex-end; text-align:right; }
.match-detail-team.is-away { justify-content:flex-start; }
.match-detail-team small { display:block; margin-bottom:7px; color:#7ee8f8; font-size:7px; font-weight:800; letter-spacing:.14em; }
.match-detail-team h1 { max-width:310px; margin:0; font:900 clamp(19px,2.5vw,33px)/1.16 var(--font-display); text-transform:uppercase; overflow-wrap:anywhere; }
.match-detail-crest { width:120px; height:130px; display:grid; place-items:center; flex:0 0 auto; padding:9px; border:1px solid rgba(255,255,255,.35); border-radius:25px; background:rgba(255,255,255,.95); box-shadow:0 20px 40px rgba(0,0,0,.25),inset 0 -8px 20px color-mix(in srgb,var(--crest-color),transparent 88%); }
.match-detail-crest img { width:100%; height:100%; object-fit:contain; }
.match-detail-crest b { color:var(--crest-color); font:900 24px var(--font-display); }
.match-detail-score { text-align:center; }
.match-detail-score > small { display:block; color:#7ee8f8; font-size:8px; font-weight:900; letter-spacing:.12em; }
.match-detail-score > div { display:flex; align-items:center; justify-content:center; gap:14px; margin:10px 0; font:900 clamp(64px,8vw,100px)/1 var(--font-display); letter-spacing:-.08em; }
.match-detail-score > div b { color:#7c96aa; font-size:.48em; }
.match-detail-score > span { color:#a7bdcc; font-size:8px; font-weight:800; letter-spacing:.08em; }
.match-detail-meta { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); }
.match-detail-meta > span { min-height:78px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; }
.match-detail-meta > span + span { border-left:1px solid rgba(255,255,255,.17); }
.match-detail-meta small { color:#7898ae; font-size:6px; font-weight:800; letter-spacing:.13em; }
.match-detail-meta strong { font:800 11px var(--font-display); }
.match-broadcast-section { background:#061a3e; color:#fff; }
.match-broadcast-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:0; box-shadow:0 30px 70px rgba(0,8,29,.32); }
.match-broadcast-player { aspect-ratio:16/9; min-width:0; display:grid; place-items:center; overflow:hidden; background:#000; }
.match-broadcast-player iframe,.match-broadcast-player video { width:100%; height:100%; border:0; object-fit:contain; }
.match-stream-waiting { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:35px; text-align:center; background:radial-gradient(circle at 50% 30%,rgba(27,126,198,.4),transparent 38%),linear-gradient(135deg,#031331,#082c65); }
.match-stream-waiting > span { color:#7ee8f8; font-size:7px; font-weight:800; letter-spacing:.16em; }
.match-stream-waiting > span i { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:#ff514e; }
.match-stream-waiting > b { width:76px; height:76px; display:grid; place-items:center; margin:28px 0; border-radius:50%; color:#062b63; background:#7ee8f8; box-shadow:0 0 0 14px rgba(126,232,248,.09); font-size:20px; }
.match-stream-waiting h2 { max-width:580px; margin:0; font:900 clamp(22px,3vw,40px)/1.1 var(--font-display); }
.match-stream-waiting p { margin:13px 0 0; color:#9eb6c7; font-size:10px; }
.match-external-stream { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:13px; color:#fff; background:linear-gradient(135deg,#031331,#0a4c99); }
.match-external-stream > span { width:70px; height:70px; display:grid; place-items:center; border-radius:50%; color:#062b63; background:#7ee8f8; }
.match-external-stream strong { font:900 21px var(--font-display); }
.match-external-stream small { color:#9eb8ca; }
.match-live-note { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; padding:40px; background:linear-gradient(145deg,#0a3677,#096695); }
.match-live-note > span { color:#7ee8f8; font-size:8px; font-weight:900; letter-spacing:.15em; }
.match-live-note h2 { margin:14px 0 19px; font:900 clamp(34px,4vw,52px)/1.03 var(--font-display); letter-spacing:-.05em; }
.match-live-note h2 em { color:#7ee8f8; font-style:normal; }
.match-live-note > p { margin:0; color:#c2d5e1; font-size:11px; line-height:1.75; }
.match-live-note > div { width:100%; margin-top:auto; padding-top:27px; border-top:1px solid rgba(255,255,255,.18); }
.match-live-note small { display:block; color:#7ee8f8; font-size:6px; font-weight:800; letter-spacing:.12em; }
.match-live-note strong { display:block; margin-top:6px; font-size:8px; line-height:1.45; }
.match-statistics-section { background:#f4f8fb; }
.match-statistics-board { max-width:920px; margin:0 auto; padding:15px 42px 35px; background:#fff; border-top:5px solid #0b62ca; box-shadow:0 24px 60px rgba(7,48,101,.09); }
.match-stats-teams { min-height:75px; display:grid; grid-template-columns:90px 1fr 90px; align-items:center; text-align:center; border-bottom:1px solid #e0e9f0; }
.match-stats-teams strong { color:#0b5dbf; font:900 19px var(--font-display); }
.match-stats-teams span { color:#8292a0; font-size:7px; font-weight:800; letter-spacing:.13em; }
.match-stat-row { min-height:70px; display:grid; grid-template-columns:70px 1fr 70px; align-items:center; gap:24px; border-bottom:1px solid #e7edf2; }
.match-stat-row > strong { color:#0a2e62; font:900 17px var(--font-display); }
.match-stat-row > strong:last-child { text-align:right; }
.match-stat-row > div { display:grid; gap:9px; }
.match-stat-row span { color:#5e7387; font-size:7px; font-weight:800; letter-spacing:.11em; text-align:center; }
.match-stat-row i { position:relative; height:8px; overflow:hidden; background:linear-gradient(90deg,#d9e5ed 50%,#d9e5ed 50%); }
.match-stat-row i::after { content:''; position:absolute; left:50%; top:-3px; width:1px; height:14px; background:#8196a7; }
.match-stat-row i b { display:block; width:calc(var(--home-share) * 1%); height:100%; background:linear-gradient(90deg,#0b5fc3,#46cae3); }
.match-media-section { position:relative; overflow:hidden; color:#fff; background:linear-gradient(135deg,#031638,#083a78 58%,#076d99); }
.match-media-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:280px; gap:12px; }
.match-media-grid article { position:relative; overflow:hidden; padding:25px; display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:column; background:#061d46; }
.match-media-grid article.is-featured { grid-column:span 2; grid-row:span 2; }
.match-media-grid article > img,.match-media-placeholder { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.4s; }
.match-media-grid article:hover > img { transform:scale(1.04); }
.match-media-placeholder { display:grid; place-items:center; background:linear-gradient(135deg,#061d46,#0a5fa0); font-size:55px; }
.match-media-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,10,28,.9),transparent 68%); }
.match-media-grid article > span,.match-media-grid article > h3,.match-media-grid article > p { position:relative; z-index:2; }
.match-media-grid article > span { color:#7ee8f8; font-size:7px; font-weight:900; letter-spacing:.14em; }
.match-media-grid h3 { margin:7px 0 5px; font:800 clamp(16px,2vw,25px)/1.2 var(--font-display); text-transform:uppercase; }
.match-media-grid p { max-width:480px; margin:0; color:#c1d2de; font-size:9px; line-height:1.6; }
.match-media-grid article > button { position:absolute; z-index:3; top:20px; right:20px; width:48px; height:48px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#062d65; background:#7ee8f8; cursor:pointer; font-size:16px; }
.match-media-empty { min-height:270px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:35px; text-align:center; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); }
.match-media-empty > span { color:#7ee8f8; font-size:45px; }
.match-media-empty h3 { margin:15px 0 8px; font:900 clamp(23px,3vw,37px) var(--font-display); }
.match-media-empty p { max-width:590px; margin:0; color:#aec3d1; font-size:11px; line-height:1.7; }

@media (max-width:1050px) {
    .trailer-layout { grid-template-columns:1fr; }
    .trailer-copy { max-width:730px; }
    .live-scoreboard { grid-template-columns:1fr 180px 1fr; padding-inline:30px; }
    .live-center-waiting { grid-template-columns:160px 1fr; }
    .live-feature-list { grid-column:1/-1; grid-template-columns:repeat(3,1fr); }
    .match-detail-scoreboard { grid-template-columns:1fr 190px 1fr; gap:22px; }
    .match-detail-crest { width:95px; height:105px; }
    .match-broadcast-layout { grid-template-columns:1fr; }
    .match-live-note { min-height:320px; }
    .match-live-note > div { margin-top:28px; }
}
@media (max-width:780px) {
    .trailer-section { padding-block:78px; }
    .trailer-layout { gap:38px; }
    .trailer-copy h2 { font-size:clamp(38px,11vw,58px); }
    .trailer-stage { min-height:440px; }
    .trailer-play { left:28px; bottom:53px; max-width:calc(100% - 56px); }
    .trailer-play > i { width:64px; height:64px; }
    .trailer-edition { right:29px; top:30px; }
    .live-center-head { align-items:flex-start; margin-bottom: 12px !important; }
    .live-center-head h2 { font-size: clamp(19px, 5.5vw, 24px) !important; margin: 2px 0 !important; }
    .live-center-head p { font-size: 11px !important; line-height: 1.4 !important; }
    .live-center-status { grid-template-columns:1fr auto; padding-inline:12px; min-height: 34px !important; font-size: 8px !important; }
    .live-center-status > small { display:none; }
    .live-scoreboard { grid-template-columns:1fr 80px 1fr; gap:6px; min-height:0; padding:14px 8px; }
    .live-team { flex-direction:column; gap:6px; text-align:center!important; }
    .live-team.is-home { justify-content:center; }
    .live-team.is-away { justify-content:center; flex-direction:column-reverse; }
    .live-team .team-badge { width:44px; height:46px; }
    .live-team small { display:none; }
    .live-team strong { font-size:11px; }
    .live-score { gap:6px; font-size:32px; }
    .live-center-lower { grid-template-columns:1fr; }
    .live-center-actions { border-left:0; border-top:1px solid rgba(255,255,255,.15); padding: 10px 12px; gap: 8px; }
    .live-center-actions p { font-size: 9.5px; }
    .live-center-actions a { min-height: 36px; font-size: 8.5px; }
    
    .live-center-waiting {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 10px !important;
        padding: 16px 12px 14px !important;
        min-height: 0 !important;
        border-radius: 14px !important;
    }
    .live-radar {
        width: 54px !important;
        height: 54px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }
    .live-radar::before, .live-radar::after { inset: 8px !important; }
    .live-radar::after { inset: 16px !important; }
    .live-radar > i { width: 6px !important; height: 6px !important; }
    .live-radar > b { bottom: 6px !important; font-size: 7px !important; letter-spacing: 0.1em !important; }
    .live-center-waiting > div:nth-child(2) > span { font-size: 7px !important; letter-spacing: 0.1em !important; display: block !important; margin-bottom: 2px !important; }
    .live-center-waiting h3 { font-size: 14.5px !important; line-height: 1.2 !important; margin: 2px 0 4px !important; }
    .live-center-waiting p { font-size: 10.5px !important; line-height: 1.4 !important; margin: 0 auto !important; max-width: 100% !important; }
    .live-wait-actions { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 8px !important; }
    .live-center-waiting a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 4px 10px !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        border: 1px solid rgba(126,232,248,.35) !important;
        border-radius: 999px !important;
        background: rgba(126,232,248,.07) !important;
        text-decoration: none !important;
    }
    .live-feature-list {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
        margin-top: 4px !important;
        text-align: left !important;
    }
    .live-feature-list > span {
        min-height: 38px !important;
        padding: 4px 5px !important;
        border-radius: 7px !important;
        grid-template-columns: 18px 1fr !important;
        gap: 4px !important;
        align-items: center !important;
    }
    .live-feature-list i {
        width: 18px !important;
        height: 18px !important;
        font-size: 7.5px !important;
        border-radius: 4px !important;
    }
    .live-feature-list strong {
        font-size: 7px !important;
        line-height: 1.15 !important;
    }
    .video-modal { padding-top:80px; }
    .video-modal-head { align-items:flex-start; flex-direction:column; gap:7px; }
    .video-modal-head strong { text-align:left; }
    .match-detail-hero { min-height:760px; }
    .match-detail-hero-inner { padding-top:120px; }
    .match-detail-scoreboard { grid-template-columns:1fr 100px 1fr; min-height:430px; gap:7px; padding-inline:0; }
    .match-detail-team { flex-direction:column; gap:13px; text-align:center!important; }
    .match-detail-team.is-home { justify-content:center; }
    .match-detail-team.is-away { flex-direction:column-reverse; justify-content:center; }
    .match-detail-team h1 { font-size:13px; }
    .match-detail-crest { width:75px; height:82px; border-radius:17px; }
    .match-detail-score > div { font-size:53px; gap:8px; }
    .match-detail-score > small { font-size:6px; }
    .match-detail-meta { grid-template-columns:1fr; }
    .match-detail-meta > span { min-height:57px; }
    .match-detail-meta > span + span { border-left:0; border-top:1px solid rgba(255,255,255,.17); }
    .match-broadcast-section,.match-statistics-section,.match-media-section { padding-block:78px; }
    .match-broadcast-player { min-height:250px; }
    .match-stream-waiting h2 { font-size:23px; }
    .match-live-note { min-height:300px; padding:30px 24px; }
    .match-statistics-board { padding-inline:18px; }
    .match-stat-row { grid-template-columns:50px 1fr 50px; gap:10px; }
    .match-media-grid { grid-template-columns:1fr; grid-auto-rows:260px; }
    .match-media-grid article.is-featured { grid-column:auto; grid-row:auto; }
}
@media (max-width:440px) {
    .trailer-facts > span { min-height:75px; flex-direction:column; justify-content:center; gap:2px; text-align:center; }
    .trailer-facts strong { font-size:25px; }
    .trailer-stage { min-height:390px; }
    .trailer-play { align-items:flex-start; flex-direction:column; gap:15px; }
    .trailer-play > i { width:58px; height:58px; }
    .live-center-status > strong { font-size:11px; }
    .live-scoreboard { grid-template-columns:1fr 78px 1fr; }
    .live-score { font-size:39px; }
    .live-team strong { font-size:10px; }
    .match-detail-scoreboard { grid-template-columns:1fr 76px 1fr; }
    .match-detail-crest { width:66px; height:72px; padding:6px; }
    .match-detail-team h1 { font-size:10px; }
    .match-detail-score > div { font-size:42px; }
    .match-stats-teams { grid-template-columns:65px 1fr 65px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Home · Elite tournament broadcast redesign */
.home-page { --elite-navy:#031534; --elite-blue:#0e5ee8; --elite-cyan:#78e8fb; background:#f3f7fc; }
.home-page .topline { z-index:30; background:#02122d; border-bottom:1px solid rgba(255,255,255,.1); }
.home-page .topline-inner { min-height:38px; color:#cfe0ef; font-size:9px; letter-spacing:.12em; }
.home-page .topline-inner span:first-child { color:#fff; }
.home-page .topline-inner i { background:#74e8fb; box-shadow:0 0 0 5px rgba(116,232,251,.12); }
.home-page .site-header { top:38px; color:#fff; background:linear-gradient(180deg,rgba(3,21,52,.9),rgba(3,21,52,.66)); border-bottom:1px solid rgba(255,255,255,.16); box-shadow:none; }
.home-page .site-header.is-scrolled { top:0; color:var(--ink); background:rgba(255,255,255,.97); border-bottom-color:#dbe6f0; box-shadow:0 14px 42px rgba(3,28,70,.13); }
.home-page .nav-wrap { min-height:88px; gap:30px; }
.home-page .brand-logo { width:68px; height:68px; filter:drop-shadow(0 9px 14px rgba(0,0,0,.25)); }
.home-page .brand-copy strong { color:#fff; font-size:14px; }
.home-page .brand-copy small { color:#86eafa; font-size:8px; }
.home-page .site-header.is-scrolled .brand-copy strong { color:var(--ink); }
.home-page .site-header.is-scrolled .brand-copy small { color:var(--blue); }
.home-page .main-nav { gap:clamp(14px,1.55vw,25px); }
.home-page .main-nav a { padding-block:34px 31px; color:inherit; font-size:10px; font-weight:800; letter-spacing:.07em; }
.home-page .main-nav a::after { height:4px; background:linear-gradient(90deg,#5ddff5,#fff); }
.home-page .site-header.is-scrolled .main-nav a::after { background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.home-page .nav-cta { min-height:48px; padding-inline:18px; transform:none; border:1px solid rgba(255,255,255,.22); border-radius:3px; background:linear-gradient(135deg,#0f67ef,#17a9d8); box-shadow:0 10px 25px rgba(0,39,105,.24); }
.home-page .hero { min-height:930px; isolation:isolate; background:var(--elite-navy); }
.home-page .hero::before { content:''; position:absolute; z-index:2; width:52vw; height:52vw; min-width:620px; min-height:620px; left:-22vw; bottom:-32vw; border-radius:50%; border:1px solid rgba(120,232,251,.14); box-shadow:0 0 0 70px rgba(120,232,251,.025),0 0 0 140px rgba(120,232,251,.018); pointer-events:none; }
.home-page .hero::after { content:'IV'; position:absolute; z-index:1; right:-20px; top:120px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.07); font:900 clamp(240px,32vw,520px)/.8 var(--font-display); letter-spacing:-.1em; pointer-events:none; }
.home-page .hero-slide::after { background:linear-gradient(90deg,rgba(2,15,39,.98) 0%,rgba(4,31,75,.91) 36%,rgba(7,70,137,.38) 68%,rgba(2,16,39,.28) 100%),linear-gradient(0deg,rgba(2,17,43,.96) 0,transparent 49%),linear-gradient(180deg,rgba(2,15,38,.38),transparent 42%); }
.home-page .hero-grid { z-index:1; opacity:.12; background-size:96px 96px; mask-image:linear-gradient(90deg,#000,transparent 82%); }
.home-page .hero-content { padding-top:220px; padding-bottom:190px; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(50px,7vw,110px); }
.home-page .hero-copy { max-width:890px; }
.hero-broadcast-tag { width:max-content; display:flex; align-items:center; gap:14px; margin-bottom:20px; color:#fff; font-size:8px; font-weight:900; letter-spacing:.16em; }
.hero-broadcast-tag::before { content:''; width:34px; height:2px; background:var(--elite-cyan); }
.hero-broadcast-tag b { padding-left:14px; border-left:1px solid rgba(255,255,255,.28); color:#86eafa; font-weight:900; }
.home-page .season-pill { margin-bottom:21px; color:#c2d8e8; font-size:10px; }
.home-page .season-pill span { padding:7px 12px; transform:none; border:1px solid rgba(120,232,251,.5); background:rgba(120,232,251,.12); color:#85eafb; }
.home-page .hero h1 { max-width:980px; font-size:clamp(74px,8.4vw,130px); line-height:.9; letter-spacing:-.067em; text-shadow:0 18px 45px rgba(0,0,0,.35); }
.home-page .hero h1 em { color:#7feafb; text-shadow:0 0 42px rgba(81,213,244,.18); }
.home-page .hero-copy > p { max-width:650px; margin:28px 0 31px; color:#bed2e2; font-size:15px; line-height:1.8; }
.home-page .hero-actions { gap:22px; }
.home-page .hero-actions .btn-primary { min-height:58px; padding-inline:26px; border-radius:3px; background:linear-gradient(135deg,#1269f0,#20b5dc); box-shadow:8px 8px 0 rgba(117,231,250,.14); }
.home-page .hero-actions .text-link { min-height:58px; padding-inline:4px 18px; border-bottom:none !important; text-decoration:none !important; }
.home-page .hero-actions .play { border-color:rgba(126,234,251,.62); background:rgba(126,234,251,.1); }
.home-page .hero-side { position:relative; align-self:center; margin:50px 0 0; padding:28px; border:1px solid rgba(255,255,255,.18); border-left:4px solid #7eeafb; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04)); box-shadow:0 30px 70px rgba(0,10,33,.28); backdrop-filter:blur(10px); }
.hero-side-label { display:block; margin-bottom:15px; color:#86eafa; font-size:7px; font-weight:900; letter-spacing:.15em; text-align:center; }
.home-page .hero-crest { width:165px; margin-bottom:18px; }
.home-page .hero-date { justify-content:center; padding-bottom:18px; }
.home-page .hero-date strong { color:#fff; font-size:38px; }
.home-page .hero-location { text-align:center; }
.home-page .hero-location strong { font-size:27px; }
.home-page .hero-slider-controls { bottom:137px; }
.home-page .hero-slider-panel { border-radius:3px; background:rgba(1,14,38,.72); }
.home-page .countdown-bar { height:118px; color:#fff; background:rgba(2,18,45,.94); border:1px solid rgba(255,255,255,.15); border-top:4px solid #72e8fb; box-shadow:0 24px 60px rgba(0,11,35,.35); }
.home-page .countdown-title span { color:#7ce9fb; }
.home-page .countdown-cells span,.home-page .live-chip { color:#adc2d3; }
.home-page .countdown-cells > b { color:#59d8ef; }
.home-page .live-chip i { background:#69e5f8; }
.competition-ribbon { position:relative; z-index:8; content-visibility:visible!important; contain-intrinsic-size:none!important; background:#fff; border-bottom:1px solid #dce7f0; box-shadow:0 14px 35px rgba(5,39,89,.07); }
.competition-ribbon-inner { min-height:116px; display:grid; grid-template-columns:235px minmax(0,1fr) 220px; align-items:stretch; }
.competition-ribbon-brand { display:flex; align-items:center; gap:13px; padding-right:24px; border-right:1px solid #dce7f0; }
.competition-ribbon-brand img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 7px 10px rgba(5,39,89,.16)); }
.competition-ribbon-brand span { display:flex; flex-direction:column; }
.competition-ribbon-brand small { color:#668097; font-size:7px; font-weight:900; letter-spacing:.1em; }
.competition-ribbon-brand strong { margin-top:3px; color:#08285b; font:900 16px var(--font-display); }
.competition-ribbon-stats { display:grid; grid-template-columns:repeat(4,1fr); }
.competition-ribbon-stats > span { display:flex; justify-content:center; flex-direction:column; padding:0 20px; border-right:1px solid #dce7f0; }
.competition-ribbon-stats strong { color:#092b65; font:900 31px/1 var(--font-display); }
.competition-ribbon-stats small { margin-top:7px; color:#72869a; font-size:7px; font-weight:900; letter-spacing:.08em; }
.competition-ribbon-inner > a { display:flex; justify-content:center; flex-direction:column; position:relative; padding:0 45px 0 24px; color:#fff; background:linear-gradient(135deg,#073783,#0f70dc); }
.competition-ribbon-inner > a small { color:#82eafb; font-size:7px; font-weight:900; letter-spacing:.13em; }
.competition-ribbon-inner > a strong { margin-top:4px; font:800 12px var(--font-display); }
.competition-ribbon-inner > a b { position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:20px; }
.home-page .team-ticker { z-index:7; transform:none; background:#031839; box-shadow:none; }
.home-page .ticker-track { height:54px; }
.home-page .ticker-track > a { color:#d9e7f1; font-size:11px; letter-spacing:.07em; }
.home-page .ticker-track b { color:#6ce5f8; }
.home-page .tournament-slogan { padding:92px 0; background:linear-gradient(125deg,#f8fbff,#fff 58%,#eaf4ff); border-bottom:1px solid #dce8f2; }
.home-page .tournament-slogan::before { color:transparent; -webkit-text-stroke:1px rgba(18,89,213,.07); }
.home-page .slogan-mark { border-radius:50%; background:#082b65; box-shadow:0 0 0 12px rgba(18,89,213,.07); }
.home-page .slogan-copy blockquote { font-size:clamp(23px,2.3vw,34px); line-height:1.46; }
.home-page .section { padding-block:126px; }
.home-page .section-head::before { display: none !important; content: none !important; }
.home-page .section-head h2 { font-size:clamp(58px,6.2vw,88px); line-height:.94; letter-spacing:-.06em; }
.home-page .kicker { color:#0b64dc; font-size:9px; }
.home-page .light-head .kicker,.home-page .awards-heading .kicker { color:#7ce9fb; }
.home-page .trailer-section { background:linear-gradient(135deg,#eef4fb 0%,#fff 62%); }
.home-page .trailer-layout { gap:75px; }
.home-page .trailer-copy h2 { font-size:clamp(48px,5.3vw,76px); }
.home-page .trailer-stage { min-height:555px; border-radius:4px; box-shadow:22px 24px 0 #dbe9f5,0 35px 75px rgba(3,32,76,.18); }
.home-page .regulations-teaser { padding-block:112px; background:radial-gradient(circle at 85% 0,rgba(53,201,236,.25),transparent 34%),linear-gradient(135deg,#021738,#073279 62%,#075e9e); }
.home-page .matches-section { background:radial-gradient(circle at 95% 5%,rgba(80,217,246,.27),transparent 32%),linear-gradient(135deg,#031638 0%,#082e72 58%,#073f76 100%); }
.home-page .draw-pending { border-radius:4px; box-shadow:0 34px 75px rgba(0,10,35,.28); }
.home-page .live-center-section { background:radial-gradient(circle at 88% 0,rgba(29,194,229,.28),transparent 34%),linear-gradient(145deg,#020f28,#042457 56%,#074b7d); }
.home-page .live-center-waiting,.home-page .live-center-card { border-radius:4px; }
.home-page .awards-section { padding-block:126px; background:radial-gradient(circle at 80% 0,rgba(45,197,231,.24),transparent 32%),linear-gradient(135deg,#021431,#062c69 60%,#07568d); }
.home-page .destination { min-height:760px; grid-template-columns:1.25fr .75fr; background:#edf4fb; }
.home-page .destination-photo { min-height:760px; clip-path:polygon(0 0,96% 0,86% 100%,0 100%); }
.home-page .destination-panel { max-width:520px; padding-block:95px; }
.home-page .destination-panel h2 { color:#06275a; font-size:clamp(62px,6.4vw,92px); line-height:.92; }
.home-page .news-section { background:#f7faff; }
.home-page .news-feature { min-height:650px; border-radius:4px; box-shadow:0 30px 70px rgba(3,32,76,.14); }
.home-page .news-item { padding:17px; border:1px solid #dce7f0; border-bottom:0; background:#fff; transition:transform .22s,box-shadow .22s; }
.home-page .news-item:last-child { border-bottom:1px solid #dce7f0; }
.home-page .news-item:hover { position:relative; z-index:1; transform:translateX(-6px); box-shadow:0 18px 35px rgba(4,39,88,.1); }
.home-page .teams-showcase { padding-block:126px; background:radial-gradient(circle at 92% 0,rgba(79,218,246,.25),transparent 30%),linear-gradient(135deg,#021431,#073078 58%,#075f9b); }
.home-page .teams-heading { padding-top:22px; border-top:1px solid rgba(255,255,255,.25); }
.home-page .team-cards { gap:18px; }
.home-page .team-card { min-height:360px; border-radius:4px; background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); }
.home-page .team-card-main { min-height:300px; }
.home-page .gallery-section { background:#eef4fa; }
.home-page .gallery-grid { gap:14px; }
.home-page .gallery-item { border-radius:4px; box-shadow:0 18px 42px rgba(3,32,76,.12); }
.home-page .sponsors-section { padding-block:115px; }
.home-page .sponsor-card { border-radius:4px; box-shadow:0 12px 30px rgba(3,35,79,.07); }
.home-page .contact-band { min-height:760px; background:radial-gradient(circle at 7% 15%,rgba(38,171,230,.28),transparent 32%),linear-gradient(125deg,#020f28,#05255b 52%,#07558d); }
.home-page .contact-panel { border-radius:4px; }

@media (max-width:1050px) {
    .home-page .nav-wrap { gap:18px; }
    .home-page .main-nav { gap:13px; }
    .home-page .hero-content { grid-template-columns:1fr 230px; gap:45px; }
    .competition-ribbon-inner { grid-template-columns:190px minmax(0,1fr); }
    .competition-ribbon-inner > a { display:none; }
    .competition-ribbon-stats > span { padding-inline:14px; }
}
@media (max-width:780px) {
    .home-page .topline { min-height:36px; }
    .home-page .site-header { top:36px; background:linear-gradient(180deg,rgba(3,21,52,.96),rgba(3,21,52,.76)); }
    .home-page .site-header.is-scrolled { top:0; background:rgba(255,255,255,.98); }
    .home-page.nav-open .site-header { top:0; color:var(--ink); background:#fff; }
    .home-page.nav-open .brand-copy strong { color:var(--ink); }
    .home-page.nav-open .brand-copy small { color:var(--blue); }
    .home-page .nav-wrap { min-height:74px; }
    .home-page .brand-logo { width:56px; height:56px; }
    .home-page .site-header.is-scrolled .nav-toggle { color:var(--ink); }
    .home-page .main-nav { color:var(--ink); }
    .home-page .main-nav a { padding:13px 4px; font-size:clamp(18px,5.4vw,22px); }
    .home-page .hero { min-height:max(810px,100svh); }
    .home-page .hero::before { min-width:430px; min-height:430px; }
    .home-page .hero::after { top:165px; right:-15px; font-size:260px; }
    .home-page .hero-slide img { object-position:62% center; }
    .home-page .hero-slide::after { background:linear-gradient(90deg,rgba(2,17,44,.97),rgba(5,52,110,.54)),linear-gradient(0deg,rgba(2,18,46,.97),transparent 56%); }
    .home-page .hero-content { padding-top:168px; padding-bottom:190px; grid-template-columns:1fr; align-content:center; }
    .hero-broadcast-tag { max-width:100%; gap:9px; font-size:7px; }
    .hero-broadcast-tag::before { width:20px; }
    .hero-broadcast-tag b { display:none; }
    .home-page .hero h1 { font-size:clamp(55px,15vw,76px); line-height:.92; }
    .home-page .hero-copy > p { font-size:14px; line-height:1.72; }
    .home-page .hero-actions { width:100%; }
    .home-page .hero-actions .btn-primary { width:100%; }
    .home-page .hero-actions .text-link { min-height:46px; }
    .home-page .countdown-bar { height:138px; padding:17px 10px; }
    .home-page .hero-slider-controls { bottom:151px; }
    .competition-ribbon-inner { min-height:0; grid-template-columns:1fr; }
    .competition-ribbon-brand { min-height:78px; padding:10px 0; border-right:0; border-bottom:1px solid #dce7f0; }
    .competition-ribbon-brand img { width:52px; height:52px; }
    .competition-ribbon-stats { grid-template-columns:repeat(2,1fr); }
    .competition-ribbon-stats > span { min-height:76px; border-bottom:1px solid #dce7f0; }
    .competition-ribbon-stats > span:nth-child(even) { border-right:0; }
    .competition-ribbon-stats strong { font-size:25px; }
    .home-page .team-ticker { border-top:1px solid rgba(255,255,255,.1); }
    .home-page .tournament-slogan { padding-block:70px; }
    .home-page .slogan-mark { box-shadow:none; }
    .home-page .section { padding-block:78px; }
    .home-page .section-head { margin-bottom:37px; padding-top:18px; }
    .home-page .section-head h2 { font-size:clamp(44px,13vw,58px); }
    .home-page .trailer-layout { gap:43px; }
    .home-page .trailer-stage { min-height:430px; box-shadow:10px 12px 0 #dbe9f5,0 25px 55px rgba(3,32,76,.16); }
    .home-page .regulations-teaser,.home-page .teams-showcase,.home-page .awards-section { padding-block:78px; }
    .home-page .destination { min-height:0; grid-template-columns:1fr; }
    .home-page .destination-photo { min-height:370px; clip-path:polygon(0 0,100% 0,100% 92%,0 100%); }
    .home-page .destination-panel { padding:52px 20px 70px; }
    .home-page .news-feature { min-height:480px; }
    .home-page .news-item { padding:14px 0; border-left:0; border-right:0; }
    .home-page .news-item:hover { transform:none; }
    .home-page .team-card { min-height:330px; }
    .home-page .contact-band { min-height:0; }
}
@media (max-width:440px) {
    .home-page .hero { min-height:790px; }
    .home-page .hero-content { padding-top:155px; padding-bottom:188px; }
    .home-page .season-pill { font-size:9px; }
    .home-page .hero h1 { font-size:clamp(50px,14.2vw,64px); }
    .competition-ribbon-brand strong { font-size:14px; }
    .competition-ribbon-stats small { font-size:6px; }
    .home-page .trailer-stage { min-height:390px; }
}

/* Home · Clear-view cinematic slideshow */
.home-page .hero-slides::after { content:''; position:absolute; z-index:2; inset:22px; border:1px solid rgba(255,255,255,.16); pointer-events:none; }
.home-page .hero-slide { opacity:0; transform:scale(1.035); clip-path:inset(0 0 0 7%); transition:opacity .85s ease,clip-path 1.05s cubic-bezier(.2,.75,.2,1),transform 8s ease; }
.home-page .hero-slide img { filter:saturate(1.08) contrast(1.035) brightness(1.04); transform:scale(1.045); transition:transform 8s cubic-bezier(.2,.65,.2,1),filter .7s ease; }
.home-page .hero-slide::after { background:linear-gradient(180deg,rgba(1,13,34,.54) 0%,rgba(2,19,46,.08) 25%,transparent 58%,rgba(2,16,39,.62) 100%),linear-gradient(90deg,rgba(2,18,44,.2),transparent 44%); }
.home-page .hero-slide.is-active { opacity:1; transform:scale(1); clip-path:inset(0); }
.home-page .hero-slide.is-active img { transform:scale(1.005); }
.home-page .hero-grid { opacity:.055; }
.home-page .hero-content { z-index:3; }
.home-page .hero-copy { position:relative; padding:34px 42px 39px; border:1px solid rgba(255,255,255,.2); border-left:4px solid #78e8fb; background:linear-gradient(125deg,rgba(2,18,45,.88),rgba(3,31,71,.66) 70%,rgba(5,52,98,.36)); box-shadow:0 30px 75px rgba(0,10,34,.28); backdrop-filter:blur(8px); }
.home-page .hero-copy::before { content:''; position:absolute; width:94px; height:4px; left:38px; top:-1px; background:linear-gradient(90deg,#7ceafb,#fff); }
.home-page .hero-copy::after { content:''; position:absolute; width:24px; height:24px; right:13px; top:13px; border-top:1px solid rgba(126,234,251,.65); border-right:1px solid rgba(126,234,251,.65); }
.home-page .hero-copy > * { position:relative; z-index:1; }
.home-page .hero-copy > p { color:#e4eef6; text-shadow:0 2px 16px rgba(0,12,35,.4); white-space:pre-line; }
.home-page .hero-slider-controls { bottom:139px; }
.home-page .hero-slider-panel { width:min(610px,100%); min-height:88px; grid-template-columns:52px minmax(0,1fr) 52px; gap:12px; padding:8px; border-color:rgba(255,255,255,.28); background:linear-gradient(115deg,rgba(1,15,39,.92),rgba(4,43,88,.78)); box-shadow:0 22px 55px rgba(0,10,35,.32); backdrop-filter:blur(15px); }
.home-page .hero-slider-panel > button { width:52px; height:52px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); font-size:21px; }
.home-page .hero-slider-panel > button:hover,.home-page .hero-slider-panel > button:focus-visible { background:#1576e8; }
.home-page .hero-slider-progress { min-width:0; gap:7px; }
.home-page .hero-slider-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; column-gap:18px; }
.home-page .hero-slider-caption > span { grid-column:1; color:#7ceafb; font-size:7px; font-weight:900; letter-spacing:.16em; }
.home-page .hero-slider-caption > strong { grid-column:1; max-width:360px; overflow:hidden; color:#fff; font:800 12px/1.25 var(--font-display); letter-spacing:.015em; text-overflow:ellipsis; white-space:nowrap; }
.home-page .hero-slider-caption > b { grid-column:2; grid-row:1/3; align-self:center; color:#fff; font:900 14px/1 var(--font-display); letter-spacing:.08em; }
.home-page .hero-slider-timeline { height:3px; background:rgba(255,255,255,.16); }
.home-page .hero-slider-timeline i { background:linear-gradient(90deg,#55daf2,#fff 72%,#55daf2); }
.home-page .hero-slider-dots { max-width:100%; gap:6px; }
.home-page .hero-slider-dots button { width:30px; height:22px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#9eb5c8; transition:width .3s,background .3s,color .3s,border-color .3s; }
.home-page .hero-slider-dots button span { font-size:7px; font-weight:900; letter-spacing:.05em; }
.home-page .hero-slider-dots button[aria-current="true"] { width:52px; border-color:rgba(120,232,251,.7); background:rgba(120,232,251,.16); color:#fff; }

@media (max-width:780px) {
    .home-page .hero { min-height:max(980px,100svh); }
    .home-page .hero-slides::after { inset:14px; border-color:rgba(255,255,255,.12); }
    .home-page .hero-slide { clip-path:inset(0 0 6% 0); }
    .home-page .hero-slide img { object-position:58% center; filter:saturate(1.07) contrast(1.025) brightness(1.05); }
    .home-page .hero-slide::after { background:linear-gradient(180deg,rgba(1,14,36,.56) 0%,rgba(2,18,44,.02) 27%,rgba(2,18,44,.05) 44%,rgba(2,18,44,.82) 78%,rgba(2,15,38,.96) 100%); }
    .home-page .hero-content { padding-top:300px; padding-bottom:235px; align-content:end; }
    .home-page .hero-copy { padding:25px 24px 28px; border-left-width:3px; background:linear-gradient(125deg,rgba(2,18,45,.88),rgba(4,39,80,.72)); backdrop-filter:blur(6px); }
    .home-page .hero-copy::before { left:21px; width:66px; }
    .home-page .hero-copy::after { width:18px; height:18px; right:10px; top:10px; }
    .home-page .hero-slider-controls { bottom:153px; justify-content:center; }
    .home-page .hero-slider-panel { width:100%; min-height:82px; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; padding:7px; }
    .home-page .hero-slider-panel > button { width:44px; height:48px; }
    .home-page .hero-slider-caption > strong { max-width:48vw; font-size:10px; }
    .home-page .hero-slider-caption > b { font-size:11px; }
    .home-page .hero-slider-dots button { width:25px; height:18px; }
    .home-page .hero-slider-dots button[aria-current="true"] { width:40px; }
}

@media (max-width:440px) {
    .home-page .hero { min-height:max(940px,100svh); }
    .home-page .hero-content { padding-top:270px; padding-bottom:225px; }
    .home-page .hero-copy { padding:22px 19px 25px; }
    .home-page .hero h1 { font-size:clamp(46px,13.5vw,59px); }
    .home-page .hero-slider-panel { grid-template-columns:40px minmax(0,1fr) 40px; gap:5px; }
    .home-page .hero-slider-panel > button { width:40px; height:46px; }
    .home-page .hero-slider-caption > span { display:none; }
    .home-page .hero-slider-caption > strong { max-width:43vw; }
    .home-page .hero-slider-caption > b { grid-row:1; }
    .home-page .hero-slider-dots button { width:22px; }
    .home-page .hero-slider-dots button[aria-current="true"] { width:34px; }
}

/* Home · Manifesto and season metrics emphasis */
.home-page .hero-manifesto { max-width:720px; display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:20px; margin:26px 0 31px; padding:18px 21px; border:1px solid rgba(126,234,251,.3); background:linear-gradient(110deg,rgba(15,105,208,.24),rgba(255,255,255,.075)); box-shadow:inset 3px 0 0 #75e7fa; }
.home-page .hero-manifesto > span { padding-right:18px; border-right:1px solid rgba(255,255,255,.22); color:#7eeafb; font-size:8px; font-weight:900; line-height:1.5; letter-spacing:.14em; }
.home-page .hero-manifesto > p { margin:0; color:#ecf5fb; font-size:14px; font-weight:600; line-height:1.78; white-space:pre-line; text-shadow:0 2px 15px rgba(0,10,32,.45); }
.home-page .hero-manifesto > p::first-line { color:#fff; font-size:16px; font-weight:800; }
.home-page .competition-ribbon { border-top:4px solid #39cbea; background:linear-gradient(90deg,#eef6ff,#fff 48%,#edf7ff); box-shadow:0 20px 48px rgba(3,35,82,.12); }
.home-page .competition-ribbon-inner { min-height:138px; grid-template-columns:290px minmax(0,1fr) 232px; }
.home-page .competition-ribbon-brand { position:relative; gap:17px; padding:17px 25px 17px 18px; overflow:hidden; border-right:0; color:#fff; background:linear-gradient(135deg,#031b43,#073b83); }
.home-page .competition-ribbon-brand::after { content:'IV'; position:absolute; right:-10px; bottom:-31px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.12); font:900 96px/1 var(--font-display); pointer-events:none; }
.home-page .competition-ribbon-brand img { position:relative; z-index:1; width:72px; height:72px; flex:0 0 auto; filter:drop-shadow(0 10px 15px rgba(0,0,0,.28)); }
.home-page .competition-ribbon-brand span { position:relative; z-index:1; }
.home-page .competition-ribbon-brand small { max-width:155px; color:#fff; font-size:9px; line-height:1.45; letter-spacing:.075em; }
.home-page .competition-ribbon-brand strong { margin-top:7px; color:#7eeafb; font-size:19px; letter-spacing:.015em; }
.home-page .competition-ribbon-stats { background:#fff; box-shadow:inset 0 0 0 1px #d7e6f2; }
.home-page .competition-ribbon-stats > span { position:relative; min-width:0; padding:0 18px; overflow:hidden; border-right:1px solid #d8e6f1; background:linear-gradient(180deg,#fff,#f5f9fd); transition:background .22s,transform .22s; }
.home-page .competition-ribbon-stats > span::before { content:''; position:absolute; left:18px; top:0; width:36px; height:4px; background:linear-gradient(90deg,#1269e8,#5bdcf3); }
.home-page .competition-ribbon-stats > span:hover { z-index:1; transform:translateY(-4px); background:#fff; box-shadow:0 14px 32px rgba(5,47,105,.12); }
.home-page .competition-ribbon-stats strong { color:#073477; font-size:42px; letter-spacing:-.045em; }
.home-page .competition-ribbon-stats small { margin-top:9px; color:#496987; font-size:8px; line-height:1.35; letter-spacing:.09em; }
.home-page .competition-ribbon-inner > a { padding-left:29px; background:linear-gradient(135deg,#0b4ca8,#0d85cf); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.home-page .competition-ribbon-inner > a small { font-size:8px; }
.home-page .competition-ribbon-inner > a strong { font-size:13px; }

@media (max-width:1050px) {
    .home-page .competition-ribbon-inner { grid-template-columns:230px minmax(0,1fr); }
    .home-page .competition-ribbon-brand { gap:12px; padding-inline:13px; }
    .home-page .competition-ribbon-brand img { width:61px; height:61px; }
    .home-page .competition-ribbon-brand small { font-size:7px; }
    .home-page .competition-ribbon-brand strong { font-size:16px; }
    .home-page .competition-ribbon-stats > span { padding-inline:13px; }
    .home-page .competition-ribbon-stats strong { font-size:35px; }
}

@media (max-width:780px) {
    .home-page .hero-manifesto { grid-template-columns:1fr; gap:10px; margin:21px 0 24px; padding:15px 17px 17px; }
    .home-page .hero-manifesto > span { padding:0 0 8px; border-right:0; border-bottom:1px solid rgba(255,255,255,.2); }
    .home-page .hero-manifesto > p { font-size:13px; line-height:1.68; }
    .home-page .hero-manifesto > p::first-line { font-size:14px; }
    .home-page .competition-ribbon-inner { grid-template-columns:1fr; }
    .home-page .competition-ribbon-brand { min-height:102px; padding:13px 18px; border-bottom:0; }
    .home-page .competition-ribbon-brand img { width:66px; height:66px; }
    .home-page .competition-ribbon-brand small { max-width:none; font-size:8px; }
    .home-page .competition-ribbon-brand strong { font-size:18px; }
    .home-page .competition-ribbon-stats > span { min-height:98px; padding-inline:20px; }
    .home-page .competition-ribbon-stats > span::before { left:20px; }
    .home-page .competition-ribbon-stats strong { font-size:34px; }
    .home-page .competition-ribbon-stats small { font-size:7px; }
}

@media (max-width:440px) {
    .home-page .hero-manifesto { padding-inline:14px; }
    .home-page .competition-ribbon-brand small { max-width:190px; font-size:7px; }
    .home-page .competition-ribbon-stats > span { min-height:91px; padding-inline:16px; }
    .home-page .competition-ribbon-stats > span::before { left:16px; width:30px; }
    .home-page .competition-ribbon-stats strong { font-size:31px; }
}

/* Home · Hall of Honors */
.home-page .awards-section { isolation:isolate; padding-block:145px; background:radial-gradient(circle at 14% 12%,rgba(43,172,239,.27),transparent 28%),radial-gradient(circle at 87% 0,rgba(255,198,67,.15),transparent 25%),linear-gradient(135deg,#010d25 0%,#041d49 50%,#073b73 100%); }
.home-page .awards-section::before { content:'HALL OF HONORS'; left:50%; right:auto; bottom:-30px; transform:translateX(-50%); color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font-size:clamp(90px,11vw,175px); white-space:nowrap; }
.home-page .awards-section::after { z-index:0; width:760px; height:760px; right:-290px; top:-360px; background:radial-gradient(circle,rgba(71,211,244,.25),transparent 66%); animation:awardsAurora 8s ease-in-out infinite alternate; }
.awards-atmosphere { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.awards-atmosphere::before { content:''; position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:84px 84px; mask-image:linear-gradient(180deg,#000,transparent 82%); }
.awards-atmosphere i { position:absolute; width:8px; height:8px; border-radius:50%; background:#78e9fb; box-shadow:0 0 18px 5px rgba(120,233,251,.28); animation:honorParticle 7s ease-in-out infinite; }
.awards-atmosphere i:nth-child(1) { left:8%; top:31%; }
.awards-atmosphere i:nth-child(2) { right:16%; top:23%; animation-delay:-2.4s; }
.awards-atmosphere i:nth-child(3) { right:7%; bottom:18%; animation-delay:-4.1s; }
.home-page .awards-heading { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:end; gap:70px; margin:0 0 62px; padding-top:25px; border-top:1px solid rgba(255,255,255,.24); text-align:left; }
.home-page .awards-heading-copy { max-width:850px; }
.home-page .awards-heading .kicker { display:flex; align-items:center; gap:13px; margin-bottom:15px; color:#78e9fb; }
.home-page .awards-heading .kicker::before { content:''; width:34px; height:3px; background:#78e9fb; box-shadow:0 0 15px rgba(120,233,251,.55); }
.home-page .awards-heading h2 { max-width:880px; color:#fff; font-size:clamp(62px,7vw,102px); line-height:.91; letter-spacing:-.065em; text-shadow:0 18px 48px rgba(0,8,28,.34); }
.home-page .awards-heading p { max-width:710px; margin:24px 0 0; color:#bfd3e3; font-size:14px; }
.awards-heading-meta { display:grid; grid-template-columns:repeat(2,1fr); min-height:128px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.055); backdrop-filter:blur(10px); }
.awards-heading-meta > span { display:flex; justify-content:center; flex-direction:column; padding:21px; }
.awards-heading-meta > span + span { border-left:1px solid rgba(255,255,255,.17); }
.awards-heading-meta strong { color:#fff; font:900 43px/1 var(--font-display); letter-spacing:-.045em; }
.awards-heading-meta small { margin-top:10px; color:#84e8f8; font-size:7px; font-weight:900; line-height:1.55; letter-spacing:.12em; }
.home-page .awards-layout { grid-template-columns:.88fr 1.12fr; gap:22px; }
.home-page .award-champion { min-height:555px; padding:48px 38px; color:#fff; border:1px solid rgba(255,213,99,.5); border-top:6px solid #ffd563; background:radial-gradient(circle at 50% 31%,rgba(255,202,65,.19),transparent 34%),linear-gradient(150deg,rgba(13,57,118,.98),rgba(2,19,48,.98)); box-shadow:0 38px 85px rgba(0,7,25,.4),inset 0 0 0 1px rgba(255,255,255,.06); }
.home-page .award-champion::before { content:'★'; right:-38px; top:-58px; color:rgba(255,210,90,.08); font-size:260px; animation:honorStar 10s linear infinite; }
.home-page .award-champion::after { content:''; position:absolute; inset:10px; border:1px solid rgba(255,218,116,.16); pointer-events:none; }
.home-page .award-glow { width:245px; height:245px; top:103px; border:1px solid rgba(255,213,99,.35); background:radial-gradient(circle,rgba(255,207,67,.18),transparent 62%); box-shadow:0 0 0 24px rgba(255,213,99,.035),0 0 0 52px rgba(255,213,99,.025); animation:honorPulse 3.8s ease-in-out infinite; }
.home-page .award-champion > small { color:#ffd96f; }
.home-page .award-champion-icon { z-index:1; margin:34px 0 14px; font-size:112px; filter:drop-shadow(0 18px 23px rgba(0,0,0,.3)); animation:honorFloat 4s ease-in-out infinite; }
.home-page .award-champion-icon::before { content:''; position:absolute; left:50%; top:50%; width:138px; height:138px; transform:translate(-50%,-50%) rotate(45deg); border:1px solid rgba(255,218,116,.26); }
.home-page .award-number { left:20px; bottom:15px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.12); font-size:110px; }
.home-page .award-champion h3 { max-width:430px; color:#fff; font-size:clamp(32px,3.2vw,47px); }
.home-page .award-champion p { color:#d8e7f2; font-size:13px; }
.home-page .award-champion > b { border-top-color:rgba(255,255,255,.17); color:#ffd96f; }
.home-page .award-grid { gap:14px; }
.home-page .award-card { min-height:175px; padding:24px; border:1px solid rgba(255,255,255,.17); border-left:3px solid #6fe3f7; background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045)); box-shadow:0 18px 44px rgba(0,8,30,.15); backdrop-filter:blur(8px); transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s; }
.home-page .award-card::after { content:''; position:absolute; width:52%; height:200%; left:-75%; top:-50%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent); transition:left .6s ease; pointer-events:none; }
.home-page .award-card:nth-child(1) { border-left-color:#dbe7f2; }
.home-page .award-card:nth-child(2) { border-left-color:#d99a67; }
.home-page .award-card:hover { transform:translateY(-8px); border-color:rgba(113,228,247,.5); background:linear-gradient(135deg,rgba(27,125,218,.22),rgba(255,255,255,.08)); box-shadow:0 25px 55px rgba(0,8,30,.28); }
.home-page .award-card:hover::after { left:130%; }
.home-page .award-card-icon { position:relative; z-index:1; width:62px; height:62px; border:1px solid rgba(113,228,247,.32); border-radius:50%; background:radial-gradient(circle,rgba(113,228,247,.2),rgba(255,255,255,.055)); box-shadow:0 0 0 7px rgba(113,228,247,.035); font-size:31px; transition:transform .35s,box-shadow .35s; }
.home-page .award-card:hover .award-card-icon { transform:rotate(-7deg) scale(1.08); box-shadow:0 0 28px rgba(113,228,247,.22); }
.home-page .award-card small { color:#83e9fa; }
.home-page .award-card h3 { margin-block:7px 9px; color:#fff; font-size:16px; }
.home-page .award-card p { color:#c4d7e6; font-size:10px; }
.home-page .award-card > b { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.15); font-size:42px; }
.home-page .awards-section.is-animation-ready [data-award-reveal] { opacity:0; transform:translateY(34px) scale(.98); }
.home-page .awards-section.is-in-view [data-award-reveal] { opacity:1; transform:none; transition-property:opacity,transform,background,border-color,box-shadow; transition-duration:.7s,.8s,.3s,.3s,.3s; transition-timing-function:ease,cubic-bezier(.2,.8,.2,1),ease,ease,ease; }
.home-page .awards-section.is-in-view .award-champion { transition-delay:.06s; }
.home-page .awards-section.is-in-view .award-card { transition-delay:calc(.13s + var(--award-order,1) * .075s); }
.home-page .awards-section.is-in-view .award-card:hover { transform:translateY(-8px); transition-delay:0s; }
@keyframes awardsAurora { to { transform:translate(-70px,55px) scale(1.08); opacity:.72; } }
@keyframes honorParticle { 50% { transform:translateY(-24px) scale(1.5); opacity:.45; } }
@keyframes honorPulse { 50% { transform:scale(1.08); opacity:.68; } }
@keyframes honorFloat { 50% { transform:translateY(-10px); } }
@keyframes honorStar { to { transform:rotate(360deg); } }

@media (max-width:1050px) {
    .home-page .awards-heading { grid-template-columns:minmax(0,1fr) 270px; gap:40px; }
    .home-page .awards-layout { grid-template-columns:.8fr 1.2fr; }
    .home-page .award-card { grid-template-columns:54px 1fr; padding:20px; }
    .home-page .award-card > b { display:none; }
}

@media (max-width:780px) {
    .home-page .awards-section { padding-block:90px; }
    .home-page .awards-heading { grid-template-columns:1fr; gap:28px; margin-bottom:42px; padding-top:19px; }
    .home-page .awards-heading h2 { font-size:clamp(50px,14vw,68px); }
    .home-page .awards-heading p { font-size:13px; }
    .awards-heading-meta { width:min(100%,380px); min-height:105px; }
    .awards-heading-meta > span { padding:17px; }
    .awards-heading-meta strong { font-size:34px; }
    .home-page .awards-layout { grid-template-columns:1fr; }
    .home-page .award-champion { min-height:470px; }
    .home-page .award-grid { grid-template-columns:1fr; }
    .home-page .award-card { min-height:145px; }
    .home-page .award-card:last-child { grid-column:1; }
}

@media (max-width:440px) {
    .home-page .awards-section { padding-block:78px; }
    .home-page .awards-heading h2 { font-size:clamp(44px,13vw,57px); }
    .home-page .award-champion { min-height:420px; padding:34px 20px; }
    .home-page .award-glow { width:205px; height:205px; top:90px; }
    .home-page .award-champion-icon { font-size:86px; }
    .home-page .award-card { grid-template-columns:50px minmax(0,1fr); gap:13px; padding:18px 16px; }
    .home-page .award-card-icon { width:50px; height:50px; font-size:25px; }
}

/* Footer · Partner Vietnam signature */
.footer-bottom { min-height:104px; grid-template-columns:minmax(0,1fr) minmax(min-content,auto) minmax(0,1fr); grid-template-areas:'slogan copyright backtop'; }
.footer-copyright { grid-area:copyright; justify-self:center; width:max-content; max-width:100%; min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; padding:8px 18px 8px 9px; overflow:hidden; border:1px solid rgba(126,229,247,.24); border-left:4px solid #7ee5f7; background:linear-gradient(105deg,rgba(18,89,213,.2),rgba(255,255,255,.055)); box-shadow:0 14px 34px rgba(0,7,25,.2); text-align:center; }
.footer-bottom > span:nth-child(2) { grid-area:slogan; justify-self:start; }
.footer-bottom > a { grid-area:backtop; justify-self:end; }
.footer-copyright > small { min-height:38px; display:grid; place-items:center; padding:0 11px; color:#071d49; background:linear-gradient(135deg,#7ee5f7,#fff); font-size:6px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.footer-copyright > span { color:#c5d7e3; font-size:9px; font-weight:700; letter-spacing:.045em; text-align:center; }
.footer-copyright strong { margin-right:4px; color:#fff; font:900 12px/1 var(--font-display); letter-spacing:.02em; }
.footer-copyright a { display:inline-flex; align-items:center; gap:5px; margin-inline:3px; padding:3px 6px; color:#80e7f8; border-bottom:1px solid rgba(128,231,248,.55); font-size:10px; font-weight:900; letter-spacing:.025em; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.footer-copyright a::after { content:'↗'; font-size:8px; }
.footer-copyright a:hover,.footer-copyright a:focus-visible { color:#fff; border-color:#fff; background:rgba(126,229,247,.12); transform:translateY(-1px); }

@media (max-width:780px) {
    .footer-bottom { grid-template-columns:1fr; grid-template-areas:'copyright' 'slogan' 'backtop'; justify-items:center; align-items:center; }
    .footer-copyright { width:100%; justify-self:center; grid-template-columns:1fr; gap:7px; padding:10px 13px 13px; }
    .footer-copyright > small { width:max-content; min-height:27px; margin-inline:auto; padding-inline:9px; }
    .footer-copyright > span { line-height:1.7; }
    .footer-bottom > span:nth-child(2),.footer-bottom > a { justify-self:center; text-align:center; }
}

@media (max-width:440px) {
    .footer-copyright > span { font-size:8px; }
    .footer-copyright strong { font-size:11px; }
    .footer-copyright a { font-size:9px; }
}

/* Home · Team Showcase v2 */
.home-page .teams-showcase { isolation:isolate; padding-block:145px; background:radial-gradient(circle at 8% 18%,rgba(48,196,236,.24),transparent 28%),radial-gradient(circle at 94% 72%,rgba(25,122,222,.3),transparent 31%),linear-gradient(140deg,#010e27 0%,#032251 53%,#06477a 100%); }
.home-page .teams-showcase::before { z-index:0; opacity:.75; background:repeating-linear-gradient(135deg,transparent 0 82px,rgba(255,255,255,.025) 82px 83px); }
.home-page .teams-showcase::after { content:'08 CLUBS'; position:absolute; z-index:0; right:-25px; top:95px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font:900 clamp(110px,16vw,245px)/.8 var(--font-display); letter-spacing:-.08em; white-space:nowrap; pointer-events:none; }
.teams-field-lines { position:absolute; z-index:0; width:720px; height:720px; left:-390px; top:50%; transform:translateY(-50%); border:1px solid rgba(119,231,249,.12); border-radius:50%; box-shadow:0 0 0 80px rgba(119,231,249,.025),0 0 0 160px rgba(119,231,249,.018); pointer-events:none; }
.home-page .teams-showcase > .container { position:relative; z-index:2; }
.home-page .teams-heading { display:block; margin-bottom:38px; padding-top:20px; border-top:1px solid rgba(255,255,255,.2); }
.home-page .teams-heading h2 { font-size:clamp(48px,6vw,84px); line-height:.95; letter-spacing:-.05em; text-shadow:0 18px 48px rgba(0,8,28,.32); }
.teams-heading-meta { min-height:116px; display:grid; grid-template-columns:90px 1fr; align-items:center; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); box-shadow:0 20px 45px rgba(0,8,30,.18); backdrop-filter:blur(10px); }
.teams-heading-meta > strong { display:grid; place-items:center; height:100%; color:#fff; border-right:1px solid rgba(255,255,255,.16); font:900 46px/1 var(--font-display); }
.teams-heading-meta > span { padding:18px; color:#fff; font:900 10px/1.45 var(--font-display); letter-spacing:.06em; }
.teams-heading-meta small { color:#7de7f9; font:800 6px/1.4 var(--font-body); letter-spacing:.1em; }
.home-page .team-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.home-page .team-card { position:relative; min-height:350px; border:1px solid rgba(255,255,255,.18); border-top:4px solid var(--team-color); border-radius:4px; background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); box-shadow:0 24px 58px rgba(0,8,30,.2); backdrop-filter:blur(8px); transition:transform .38s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s; }
.home-page .team-card::before { content:''; position:absolute; z-index:0; width:280px; height:280px; left:-125px; top:-125px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--team-color),transparent 65%),transparent 68%); opacity:.48; transition:opacity .35s,transform .5s; pointer-events:none; }
.home-page .team-card::after { content:attr(data-index); position:absolute; z-index:0; right:-6px; bottom:43px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.09); font:900 104px/.8 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.home-page .team-card:hover { transform:translateY(-9px); border-color:color-mix(in srgb,var(--team-color),#fff 42%); background:linear-gradient(140deg,color-mix(in srgb,var(--team-color),rgba(255,255,255,.14) 82%),rgba(255,255,255,.055)); box-shadow:0 34px 72px rgba(0,8,30,.34),0 0 36px color-mix(in srgb,var(--team-color),transparent 83%); }
.home-page .team-card:hover::before { opacity:.75; transform:scale(1.15); }
.home-page .team-card-main { z-index:1; min-height:290px; grid-template-columns:235px minmax(0,1fr); grid-template-rows:1fr; align-items:center; gap:24px; padding:26px; }
.home-page .team-card-logo { position:relative; width:220px; height:220px; padding:11px; border:1px solid rgba(255,255,255,.75); border-radius:4px; background:radial-gradient(circle at 50% 42%,#fff 0%,#f5f9fd 68%,#dce9f3 100%); box-shadow:14px 16px 0 color-mix(in srgb,var(--team-color),transparent 82%),0 20px 42px rgba(0,8,30,.27); transition:transform .35s,box-shadow .35s; }
.home-page .team-card-logo::before { content:''; position:absolute; inset:8px; border:1px solid color-mix(in srgb,var(--team-color),transparent 78%); border-radius:2px; pointer-events:none; }
.home-page .team-card-logo img { position:relative; width:100%; height:100%; filter:drop-shadow(0 16px 19px rgba(3,26,61,.24)); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.home-page .team-card:hover .team-card-logo { transform:translateY(-5px) rotate(-1deg); box-shadow:18px 20px 0 color-mix(in srgb,var(--team-color),transparent 75%),0 27px 54px rgba(0,8,30,.32); }
.home-page .team-card:hover .team-card-logo img { transform:scale(1.075); }
.home-page .team-card-copy { align-self:center; padding:0 0 0 24px; border-top:0; border-left:1px solid rgba(255,255,255,.18); }
.home-page .team-card-copy > strong { min-height:0; padding-right:18px; font:900 clamp(22px,2vw,28px)/1.15 var(--font-display); letter-spacing:.02em; text-transform:uppercase; background:linear-gradient(180deg,#ffffff 20%,#e0f2fe 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 2px 8px rgba(0,8,30,.6)) drop-shadow(0 0 12px rgba(125,228,246,.35)); transition:filter .3s; }
.home-page .team-card:hover .team-card-copy > strong { filter:drop-shadow(0 4px 14px rgba(0,8,30,.8)) drop-shadow(0 0 18px var(--team-color)); }
.team-city-badge,
.home-page .team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px;
    margin-top: 8px;
    padding: 4px 11px;
    border-radius: 999px;
    color: #38bdf8 !important;
    background: rgba(14, 165, 233, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.42);
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(14, 165, 233, 0.2);
    white-space: nowrap;
}
.team-city-badge svg,
.home-page .team-city-badge svg {
    width: 12px;
    height: 12px;
    stroke: currentColor;
    flex-shrink: 0;
}
.home-page .team-card-main > b { width:34px; height:34px; display:grid; place-items:center; right:18px; top:18px; bottom:auto; border:1px solid rgba(126,232,249,.3); border-radius:50%; color:#7ee8f9; background:rgba(126,232,249,.07); }
.home-page .team-card-actions { position:relative; z-index:1; min-height:58px; background:rgba(1,15,40,.28); }
.home-page .team-card-actions > * { color:#d2e2ec; font-size:8px; transition:color .2s,background .2s; }
.home-page .team-card-actions a:hover,.home-page .team-card-actions a:focus-visible { color:#fff; background:color-mix(in srgb,var(--team-color),transparent 78%); }
.home-page .teams-showcase.is-animation-ready [data-team-reveal] { opacity:0; transform:translateY(36px) scale(.98); }
.home-page .teams-showcase.is-in-view [data-team-reveal] { opacity:1; transform:none; transition-property:opacity,transform,background,border-color,box-shadow; transition-duration:.65s,.75s,.3s,.3s,.3s; transition-delay:calc(.04s + var(--team-order,1) * .045s); transition-timing-function:ease,cubic-bezier(.2,.8,.2,1),ease,ease,ease; }
.home-page .teams-showcase.is-in-view .team-card:hover { transform:translateY(-9px); transition-delay:0s; }

@media (max-width:1050px) {
    .home-page .teams-heading { grid-template-columns:minmax(0,1fr) 225px; gap:36px; }
    .home-page .team-card-main { grid-template-columns:190px minmax(0,1fr); gap:16px; padding:22px; }
    .home-page .team-card-logo { width:180px; height:180px; }
    .home-page .team-card-copy { padding-left:18px; }
    .home-page .team-card-copy > strong { font-size:18px; }
}

@media (max-width:780px) {
    .home-page .teams-showcase { padding-block:68px; }
    .home-page .teams-showcase::after { top:75px; font-size:120px; }
    .home-page .teams-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; padding-top:10px; }
    .home-page .teams-heading h2 { font-size:clamp(38px,10vw,54px); }
    .teams-heading-meta { width:min(100%,250px); min-height:80px; grid-template-columns:68px 1fr; }
    .teams-heading-meta > strong { font-size:32px; }
    
    /* 2 ĐỘI BÓNG / HÀNG · TỔNG 8 ĐỘI LÀ 4 HÀNG CĂN CHỈNH ĐẸP MẮT */
    .team-cards,
    .home-page .team-cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch;
    }

    .team-card,
    .home-page .team-card {
        min-height: 0 !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        border-radius: 14px !important;
        overflow: hidden;
        background: linear-gradient(150deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        border-top: 3px solid var(--team-color) !important;
        box-shadow: 0 10px 25px rgba(0, 8, 30, 0.18) !important;
    }

    .home-page .team-card::after {
        font-size: 54px !important;
        right: 4px !important;
        bottom: 34px !important;
        opacity: 0.5 !important;
    }

    .team-card-main,
    .home-page .team-card-main {
        flex: 1;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 12px 10px 10px !important;
    }

    .team-card-logo,
    .home-page .team-card-logo {
        width: 100% !important;
        max-width: 105px !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 10px !important;
        background: radial-gradient(circle at 50% 42%, #ffffff 0%, #f5f9fd 68%, #dce9f3 100%) !important;
        box-shadow: 0 6px 14px rgba(0, 8, 30, 0.18) !important;
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
    }

    .team-card-logo img,
    .home-page .team-card-logo img {
        width: 100% !important;
        height: 100% !important;
        max-height: 85px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 4px 8px rgba(3, 26, 61, 0.2)) !important;
    }

    .team-card-copy,
    .home-page .team-card-copy {
        width: 100% !important;
        align-self: stretch !important;
        padding: 8px 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
        text-align: center !important;
    }

    .team-card-copy > strong,
    .home-page .team-card-copy > strong {
        display: block;
        min-height: 0 !important;
        padding: 0 !important;
        font-family: var(--font-display) !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.02em !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: linear-gradient(180deg, #ffffff 20%, #e0f2fe 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        filter: drop-shadow(0 2px 6px rgba(0, 8, 30, 0.7)) drop-shadow(0 0 10px rgba(125, 228, 246, 0.35)) !important;
    }

    .team-card-copy .team-city-badge,
    .home-page .team-card-copy .team-city-badge {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        margin-top: 5px !important;
        padding: 2px 8px !important;
        border-radius: 999px !important;
        color: #38bdf8 !important;
        background: rgba(14, 165, 233, 0.2) !important;
        border: 1px solid rgba(56, 189, 248, 0.45) !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        letter-spacing: 0.04em !important;
        box-shadow: 0 2px 6px rgba(14, 165, 233, 0.15);
        white-space: nowrap;
    }

    .team-card-copy .team-city-badge svg,
    .home-page .team-card-copy .team-city-badge svg {
        width: 10px !important;
        height: 10px !important;
    }

    .team-card-main > b,
    .home-page .team-card-main > b {
        width: 22px !important;
        height: 22px !important;
        display: grid !important;
        place-items: center !important;
        font-size: 10px !important;
        top: 8px !important;
        right: 8px !important;
        border-radius: 50% !important;
    }

    .team-card-actions,
    .home-page .team-card-actions {
        position: relative;
        z-index: 1;
        min-height: 34px !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        background: rgba(1, 15, 40, 0.38) !important;
    }

    .team-card-actions > *,
    .home-page .team-card-actions > * {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        min-height: 42px !important;
    }

    .team-card-actions .team-info-link svg,
    .home-page .team-card-actions .team-info-link svg {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0;
    }

    .team-card-actions .team-facebook-link svg,
    .home-page .team-card-actions .team-facebook-link svg,
    .team-card-actions .team-facebook-pending svg,
    .home-page .team-card-actions .team-facebook-pending svg {
        width: 19px !important;
        height: 19px !important;
        flex-shrink: 0;
    }
}

@media (max-width:440px) {
    .team-cards,
    .home-page .team-cards {
        gap: 8px !important;
    }

    .team-card-logo,
    .home-page .team-card-logo {
        max-width: 92px !important;
        padding: 6px !important;
    }

    .team-card-copy > strong,
    .home-page .team-card-copy > strong {
        font-size: 15px !important;
    }

    .team-card-actions,
    .home-page .team-card-actions {
        min-height: 38px !important;
    }

    .team-card-actions .team-info-link svg,
    .home-page .team-card-actions .team-info-link svg {
        width: 18px !important;
        height: 18px !important;
    }

    .team-card-actions .team-facebook-link svg,
    .home-page .team-card-actions .team-facebook-link svg,
    .team-card-actions .team-facebook-pending svg,
    .home-page .team-card-actions .team-facebook-pending svg {
        width: 17px !important;
        height: 17px !important;
    }
}

/* Mobile layout pass · compact, readable and touch friendly */
@media (max-width:780px) {
    html { scroll-padding-top:76px; }
    body { font-size:14px; }
    .container { width:min(calc(100% - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--container)); }
    :where(a,button) { -webkit-tap-highlight-color:transparent; }
    :where(.btn,.nav-toggle,.back-home,.footer-bottom > a) { min-height:46px; }

    .topline-inner { min-height:34px; padding-inline:3px; }
    .topline-inner span:first-child { min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .site-header { top:34px; }
    .site-header.is-scrolled,.solid-header { top:0; }
    .nav-wrap,.home-page .nav-wrap { min-height:68px; }
    .brand-logo,.home-page .brand-logo { width:52px; height:52px; }
    .brand-copy strong,.home-page .brand-copy strong { font-size:12px; }
    .brand-copy small,.home-page .brand-copy small { font-size:7px; }
    .nav-toggle { width:46px; height:46px; border-radius:12px; }
    .main-nav { height:calc(100vh - 68px); height:calc(100dvh - 68px); padding-top:18px; }
    .main-nav a,.home-page .main-nav a { min-height:54px; padding-block:11px; font-size:clamp(17px,5vw,20px); }
    .main-nav::after { margin-top:18px; padding:15px 16px; }

    .home-page .hero { min-height: 480px !important; }
    .home-page .hero::after { display: none !important; }
    .home-page .hero-slides::after { inset:6px !important; }
    .home-page .hero-slide img { object-position:50% center !important; }
    .home-page .hero-content { padding-top:100px !important; padding-bottom:18px !important; align-content:end !important; }
    .home-page .hero-copy { padding:14px 14px 16px !important; border-radius: 14px !important; }
    .home-page .hero-copy::before { left:14px; width:44px; }
    .hero-broadcast-tag { margin-bottom:6px !important; font-size: 7.5px !important; }
    .home-page .season-pill { margin-bottom:8px !important; font-size:8px !important; letter-spacing:.06em !important; }
    .home-page .season-pill span { padding:3px 6px !important; }
    .home-page .hero h1 { font-size:clamp(24px,7.5vw,34px) !important; line-height:1.02 !important; letter-spacing:-.03em !important; }
    .home-page .hero-manifesto { gap:4px !important; margin:8px 0 10px !important; padding:8px 10px !important; border-radius: 8px !important; }
    .home-page .hero-manifesto > span { padding-bottom:3px !important; font-size:6.5px !important; }
    .home-page .hero-manifesto > p { font-size:11px !important; line-height:1.4 !important; }
    .home-page .hero-manifesto > p::first-line { font-size:11.5px !important; }
    .home-page .hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; }
    .home-page .hero-actions .btn-primary { min-height:40px !important; padding-inline:14px !important; font-size: 12px !important; border-radius: 8px !important; }
    .home-page .hero-actions .text-link { min-height:34px !important; justify-content:center !important; padding-inline:6px !important; font-size: 11px !important; }
    .home-page .hero-slider-controls { bottom:88px !important; }
    .home-page .hero-slider-panel { min-height:48px !important; grid-template-columns:32px minmax(0,1fr) 32px !important; gap:4px !important; padding:4px !important; border-radius: 8px !important; }
    .home-page .hero-slider-panel > button { width:32px !important; height:34px !important; }
    .home-page .hero-slider-caption > strong { max-width:47vw !important; font-size:8px !important; }
    .home-page .hero-slider-dots button { height:10px !important; }
    .home-page .countdown-bar { height:auto !important; padding:8px 6px !important; }
    .home-page .countdown-cells { gap:4px !important; }
    .home-page .countdown-cells div { min-width:32px !important; }
    .home-page .countdown-cells strong { font-size:18px !important; }
    .home-page .countdown-cells span { margin-top:2px !important; font-size:6px !important; }
    .home-page .live-chip { font-size:6.5px !important; padding: 2px 6px !important; }

    .home-page .competition-ribbon-brand { min-height:56px !important; padding:8px 10px !important; }
    .home-page .competition-ribbon-brand img { width:38px !important; height:38px !important; }
    .home-page .competition-ribbon-brand strong { font-size:13px !important; }
    .home-page .competition-ribbon-stats > span { min-height:52px !important; padding-inline:10px !important; }
    .home-page .competition-ribbon-stats strong { font-size:20px !important; }
    .home-page .ticker-track { height:72px !important; }

    .home-page .tournament-slogan { padding-block:24px 20px !important; }
    .home-page .slogan-inner { gap:12px !important; }
    .home-page .slogan-mark { width:38px !important; height:38px !important; font-size:32px !important; }
    .home-page .slogan-copy blockquote { font-size:clamp(14px,4.5vw,17px) !important; line-height:1.4 !important; }
    .home-page .slogan-signature { padding-top:8px !important; font-size: 10.5px !important; }
    .home-page .section { padding-block:24px 20px !important; }
    .home-page .section-head { margin-bottom:14px !important; padding-top:0 !important; }
    .home-page .section-head h2 { font-size:clamp(20px,6vw,26px) !important; line-height:1.1 !important; }
    .home-page .section-head p { margin-top:4px !important; font-size:11.5px !important; line-height: 1.4 !important; }

    /* TRAILER */
    .home-page .trailer-layout { gap:14px !important; }
    .home-page .trailer-copy h2 { font-size:clamp(20px,6vw,26px) !important; }
    .home-page .trailer-copy > p { margin-block:6px 12px !important; font-size:11.5px !important; }
    .home-page .trailer-stage { min-height:190px !important; aspect-ratio:16/9 !important; border-radius: 12px !important; box-shadow:0 12px 28px rgba(3,32,76,.15) !important; }
    .trailer-stage::before { inset:6px !important; border-radius: 8px !important; }
    .trailer-play { left:14px !important; bottom:16px !important; max-width:calc(100% - 28px) !important; gap:8px !important; }
    .trailer-play > i { width:38px !important; height:38px !important; }
    .trailer-play strong { font-size:11.5px !important; }

    /* REGULATIONS & TEAMS & AWARDS */
    .home-page .regulations-teaser,.home-page .teams-showcase,.home-page .awards-section { padding-block:24px 20px !important; }
    .regulations-teaser-inner { gap:14px !important; }
    .regulations-teaser-copy h2 { font-size:clamp(20px,6vw,24px) !important; }
    .regulations-teaser-copy p { margin-block:6px 12px !important; font-size:11.5px !important; }
    .regulations-teaser-board > a { min-height:46px !important; padding: 6px 10px !important; border-radius: 8px !important; }

    .draw-pending-main { padding-block:16px 14px !important; }
    .draw-pending-copy h3 { font-size:clamp(17px,5.5vw,22px) !important; }
    .draw-pending-steps > div { min-height:46px !important; font-size: 10.5px !important; }

    /* 8 TEAMS SHOWCASE - 2 COLUMNS COMPACT GRID */
    .home-page .teams-heading { gap:10px !important; margin-bottom:14px !important; }
    .home-page .teams-heading h2 { font-size:clamp(20px,6vw,26px) !important; }
    .teams-heading-meta { min-height:0 !important; }
    .home-page .team-cards { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .home-page .team-card { min-height: 0 !important; border-radius: 18px !important; }
    .home-page .team-card-main { min-height: 0 !important; grid-template-rows: auto auto !important; gap: 6px !important; padding: 14px 8px 10px !important; text-align: center !important; }
    .home-page .team-card-logo { width: 96px !important; height: 96px !important; min-width: 96px !important; min-height: 96px !important; margin: 0 auto !important; padding: 4px !important; border-radius: 18px !important; }
    .home-page .team-card-logo img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
    .home-page .team-card-copy { padding-top: 4px !important; }
    .home-page .team-card-copy > small { font-size: 8px !important; }
    .home-page .team-card-copy > strong { font-size: 17.5px !important; line-height: 1.15 !important; font-weight: 950 !important; margin: 8px 0 2px 0 !important; text-transform: uppercase !important; }
    .home-page .team-card-copy > p { display: none !important; }
    .home-page .team-city-badge { font-size: 9.5px !important; gap: 3px !important; padding: 0 !important; border: none !important; background: transparent !important; color: #7dd3fc !important; }
    .home-page .team-city-badge svg { width: 10px !important; height: 10px !important; }
    .home-page .team-card-actions { min-height: 38px !important; }
    .home-page .team-card-actions > * { min-height: 38px !important; font-size: 8px !important; padding: 0 8px !important; }

    /* SPONSORS */
    .sponsors-heading h2 { font-size:clamp(20px,6vw,26px) !important; }
    .sponsor-tiers { gap: 12px !important; }
    .sponsor-tier-block { margin-bottom: 10px !important; }
    .sponsor-tier-label { margin-bottom: 6px !important; font-size: 8px !important; }
    .sponsor-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 6px !important; }
    .sponsor-card { min-height: 42px !important; padding: 5px 8px !important; border-radius: 8px !important; }
    .partner-card-logo img { max-height: 26px !important; max-width: 60px !important; }
    .partner-card-copy strong { font-size: 9.5px !important; }
    .partner-card-copy small { font-size: 6.5px !important; }
    .support-partners-zone, .media-partners-zone { margin-top: 14px !important; padding-top: 14px !important; }
    .support-partners-heading h3, .media-partners-heading h3 { font-size: 14px !important; }
    .support-partners-grid, .media-partners-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 5px !important; }
    .support-partner-card, .media-partner-card { min-height: 38px !important; padding: 4px 6px !important; border-radius: 7px !important; }

    .contact-band { padding-block:62px; }
    .contact-inner { gap:36px; }
    .contact-inner h2 { font-size:clamp(43px,12.8vw,58px); }
    .contact-heading > p { margin-block:21px; font-size:13px; }
    .contact-panel { padding:19px; }
    .contact-panel::before { left:19px; }
    .contact-primary-action { min-height:94px; padding:16px; }
    .contact-channel-grid > a { min-height:68px; }
    .contact-channel-grid strong { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }

    .footer-hero { gap:26px; padding-block:43px 35px; }
    .footer-main { gap:30px; padding-block:38px; }
    .footer-links > a { min-height:46px; }
    .footer-copyright { width:min(100%,460px); }

    .regulations-hero-inner { gap:35px; padding-block:54px 64px; }
    .regulations-hero-copy h1 { font-size:clamp(49px,15vw,66px); }
    .regulations-hero-copy p { margin-block:23px 17px; }
    .rulebook-cover { min-height:340px; }
    .regulations-content { padding-block:54px 70px; }
    .rulebook-card,.rulebook-awards { scroll-margin-top:132px; }
    .team-profile-hero-inner { gap:34px; padding-block:52px 58px; }
    .team-profile-logo { width:min(62vw,225px); height:min(70vw,252px); padding:27px; }
    .team-profile-heading h1 { font-size:clamp(39px,12vw,55px); }
    .article-hero { min-height:440px; }
    .article-hero .container { padding-bottom:36px; }
    .article-body { width:calc(100% - 28px); gap:24px; padding-block:54px 64px; }
    .archive-hero { padding-block:62px 48px; }
    .archive-hero h1 { font-size:clamp(42px,13vw,57px); }
    .match-detail-hero { min-height:700px; }
    .match-detail-hero-inner { padding-top:102px; }
    .match-broadcast-section,.match-statistics-section,.match-media-section { padding-block:64px; }
}

@media (max-width:520px) {
    .container { width:min(calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--container)); }
    .brand-copy { max-width:calc(100vw - 118px); }
    .home-page .hero { min-height:max(995px,100svh); }
    .home-page .hero-content { padding-top:260px; padding-bottom:216px; }
    .home-page .hero-copy { padding:19px 16px 21px; }
    .home-page .hero h1 { font-size:clamp(40px,12.5vw,52px); }
    .home-page .hero-slider-panel { grid-template-columns:38px minmax(0,1fr) 38px; }
    .home-page .hero-slider-panel > button { width:38px; height:44px; }
    .home-page .hero-slider-caption > span { display:none; }
    .home-page .hero-slider-caption > strong { max-width:40vw; }
    .home-page .hero-slider-dots button { width:19px; }
    .home-page .hero-slider-dots button[aria-current="true"] { width:30px; }
    .home-page .countdown-cells { gap:5px; }
    .home-page .countdown-cells div { min-width:35px; }
    .home-page .countdown-cells strong { font-size:23px; }
    .home-page .countdown-cells > b { font-size:18px; }
    .home-page .competition-ribbon-brand { min-height:84px; }
    .home-page .competition-ribbon-brand img { width:52px; height:52px; }
    .home-page .competition-ribbon-brand small { max-width:180px; }
    .home-page .competition-ribbon-stats > span { min-height:76px; padding-inline:12px; }
    .home-page .competition-ribbon-stats strong { font-size:27px; }
    .trailer-facts small { font-size:6px; }
    .home-page .trailer-stage { min-height:300px; }
    .trailer-edition { right:22px; top:22px; }
    .trailer-play { align-items:center; flex-direction:row; }
    .trailer-play > i { width:52px; height:52px; }
    .trailer-play strong { font-size:13px; }
    .home-page .award-champion { min-height:375px; }
    .home-page .award-card { grid-template-columns:46px minmax(0,1fr); gap:11px; }
    .home-page .award-card-icon { width:46px; height:46px; }
    .home-page .team-card-logo { width:min(190px,58vw); height:min(190px,58vw); }
    .home-page .team-card-copy > strong { font-size:19px; }
    .home-page .team-card-actions > * { padding-inline:5px; font-size:6.5px; }
    .gallery-grid { grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:215px; }
    .gallery-item.is-featured,.gallery-item.is-wide { grid-column:auto; grid-row:auto; }
    .sponsor-grid { grid-template-columns:1fr; }
    .contact-channel-grid { grid-template-columns:1fr; }
    .footer-identity { grid-template-columns:66px minmax(0,1fr); gap:12px; }
    .footer-identity > img { width:66px; height:66px; }
    .footer-identity strong { font-size:23px; }
    .footer-event-card { min-height:132px; padding:16px; }
    .footer-event-card div strong { font-size:34px; }
    .footer-copyright { padding-inline:10px; }
    .footer-copyright > span { overflow-wrap:anywhere; }
    .team-roster-grid { grid-template-columns:1fr; }
    .match-detail-scoreboard { grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr); }
    .match-detail-team h1 { font-size:9px; }
    .match-detail-crest { width:62px; height:68px; }
}

@media (hover:none) and (pointer:coarse) {
    .btn:hover,.team-card:hover,.award-card:hover,.news-item:hover,.sponsor-card:hover,.footer-identity:hover > img { transform:none!important; }
    .home-page .team-card:hover .team-card-logo,.home-page .team-card:hover .team-card-logo img { transform:none; }
}

/* Section eyebrow · keep the rule clear of its label */
.home-page .section-head { padding-top:38px; border-top:0; }
.home-page .section-head::after { content:''; position:absolute; left:0; right:0; top:0; height:1px; opacity:.28; background:currentColor; pointer-events:none; }
.home-page .section-head::before { top:10px; padding:0; background:none; line-height:1; }

@media (max-width:780px) {
    .home-page .section-head { padding-top:35px; }
    .home-page .section-head::before { top:9px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* Home · Tournament manifesto */
.home-page .tournament-slogan { isolation:isolate; padding-block:112px; color:#fff; background:radial-gradient(circle at 10% 12%,rgba(62,205,240,.26),transparent 29%),radial-gradient(circle at 92% 88%,rgba(21,111,224,.34),transparent 32%),linear-gradient(135deg,#020f29 0%,#05295f 58%,#07558a 100%); border-bottom:0; }
.home-page .tournament-slogan::before { content:'TOGETHER'; z-index:0; right:-28px; top:auto; bottom:-33px; transform:none; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font:900 clamp(100px,15vw,220px)/.78 var(--font-display); letter-spacing:-.08em; }
.home-page .tournament-slogan::after { content:''; position:absolute; z-index:0; width:520px; height:520px; left:-310px; top:50%; transform:translateY(-50%); border:1px solid rgba(126,233,250,.14); border-radius:50%; box-shadow:0 0 0 64px rgba(126,233,250,.025),0 0 0 128px rgba(126,233,250,.018); pointer-events:none; }
.home-page .slogan-inner { z-index:1; grid-template-columns:96px minmax(0,1fr) 225px; align-items:start; gap:34px; }
.home-page .slogan-mark { position:relative; width:78px; height:78px; border:1px solid rgba(126,234,251,.4); border-radius:50%; color:#061e4c; background:linear-gradient(145deg,#fff,#78e9fb); box-shadow:0 0 0 11px rgba(126,234,251,.055),0 20px 45px rgba(0,8,30,.26); font-size:68px; }
.home-page .slogan-mark::after { content:'IV'; position:absolute; right:-9px; bottom:-7px; width:28px; height:28px; display:grid; place-items:center; border:2px solid #05285e; border-radius:50%; color:#fff; background:#1476e7; font:900 8px/1 var(--font-display); letter-spacing:.04em; }
.home-page .slogan-copy { position:relative; padding:25px 32px 28px; border:1px solid rgba(255,255,255,.18); border-left:4px solid #79e8fa; background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035)); box-shadow:0 30px 70px rgba(0,8,30,.23); backdrop-filter:blur(10px); }
.home-page .slogan-copy::before { content:''; position:absolute; left:29px; top:-1px; width:72px; height:4px; background:linear-gradient(90deg,#79e8fa,#fff); box-shadow:0 0 18px rgba(121,232,250,.5); }
.home-page .slogan-copy > small { display:flex; align-items:center; gap:11px; margin-bottom:18px; color:#7fe9fa; font-size:8px; font-weight:900; letter-spacing:.17em; }
.home-page .slogan-copy > small::after { content:'MANIFESTO · MÙA IV'; color:#88aabe; font-size:7px; letter-spacing:.12em; }
.home-page .slogan-copy .slogan-statement { max-width:none; margin:0; color:#d8e8f3; font:500 15px/1.82 var(--font-body); letter-spacing:0; text-transform:none; }
.home-page .slogan-statement p { margin:0; }
.home-page .slogan-statement p + p { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.13); }
.home-page .slogan-statement p:first-child { color:#edf7fb; font:700 clamp(17px,1.55vw,21px)/1.65 var(--font-display); letter-spacing:-.018em; }
.home-page .slogan-brand { color:#fff; font-weight:900; background:linear-gradient(transparent 68%,rgba(91,222,246,.26) 68%); }
.home-page .slogan-values { color:#fff; font-weight:800; text-shadow:0 0 22px rgba(97,222,246,.24); }
.home-page .slogan-anthem { position:relative; margin-top:24px!important; padding:20px 24px 20px 54px!important; overflow:hidden; border:1px solid rgba(126,234,251,.35)!important; color:#fff; background:linear-gradient(100deg,rgba(25,119,229,.38),rgba(81,214,241,.12)); font:900 clamp(15px,1.45vw,19px)/1.55 var(--font-display)!important; letter-spacing:.01em!important; text-transform:uppercase!important; box-shadow:inset 4px 0 0 #7be8fa; }
.home-page .slogan-anthem::before { content:'✦'; position:absolute; left:20px; top:50%; transform:translateY(-50%); color:#7fe9fa; font-size:18px; text-shadow:0 0 18px rgba(127,233,250,.6); animation:manifestoStar 2.8s ease-in-out infinite; }
.home-page .slogan-signature { min-height:100%; justify-content:center; padding:26px 23px; border:1px solid rgba(255,255,255,.17); border-top:4px solid #7ce9fb; background:rgba(2,18,46,.28); box-shadow:0 24px 55px rgba(0,8,30,.18); }
.home-page .slogan-signature::before { content:'03 GIÁ TRỊ'; display:block; margin-bottom:21px; color:#7ce9fb; font-size:7px; font-weight:900; letter-spacing:.17em; }
.home-page .slogan-signature span { color:#d8e7f1; font-size:10px; }
.home-page .slogan-signature strong { margin-top:15px; padding-top:15px; border-top:1px solid rgba(255,255,255,.14); color:#7ce9fb; font-size:15px; }
@keyframes manifestoStar { 50% { opacity:.48; transform:translateY(-50%) scale(.78) rotate(18deg); } }

@media (max-width:1050px) {
    .home-page .slogan-inner { grid-template-columns:76px minmax(0,1fr); gap:28px; }
    .home-page .slogan-mark { width:68px; height:68px; font-size:60px; }
    .home-page .slogan-signature { grid-column:2; min-height:0; display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px; padding:18px 22px; border-left:1px solid rgba(255,255,255,.17); border-top:1px solid rgba(255,255,255,.17); }
    .home-page .slogan-signature::before { display:none; }
    .home-page .slogan-signature span { display:block; }
    .home-page .slogan-signature strong { margin:0; padding:0 0 0 20px; border-top:0; border-left:1px solid rgba(255,255,255,.14); }
}

@media (max-width:780px) {
    .home-page .tournament-slogan { padding-block:72px; }
    .home-page .tournament-slogan::before { bottom:-18px; font-size:96px; }
    .home-page .slogan-inner { grid-template-columns:1fr; gap:20px; }
    .home-page .slogan-mark { width:58px; height:58px; font-size:51px; }
    .home-page .slogan-mark::after { width:24px; height:24px; }
    .home-page .slogan-copy { padding:22px 19px 21px; }
    .home-page .slogan-copy::before { left:18px; width:58px; }
    .home-page .slogan-copy > small { margin-bottom:15px; }
    .home-page .slogan-copy > small::after { display:none; }
    .home-page .slogan-copy .slogan-statement { font-size:14px; line-height:1.75; }
    .home-page .slogan-statement p:first-child { font-size:17px; line-height:1.62; }
    .home-page .slogan-statement p + p { margin-top:15px; padding-top:15px; }
    .home-page .slogan-anthem { padding:17px 16px 17px 47px!important; font-size:14px!important; }
    .home-page .slogan-anthem::before { left:17px; }
    .home-page .slogan-signature { grid-column:1; grid-template-columns:1fr auto; padding:16px 18px; }
    .home-page .slogan-signature strong { padding-left:15px; font-size:12px; }
}

@media (max-width:520px) {
    .home-page .tournament-slogan { padding-block:62px; }
    .home-page .slogan-copy { padding-inline:16px; }
    .home-page .slogan-copy .slogan-statement { font-size:13px; }
    .home-page .slogan-statement p:first-child { font-size:16px; }
    .home-page .slogan-anthem { padding:16px 13px 16px 42px!important; font-size:13px!important; }
    .home-page .slogan-anthem::before { left:14px; }
    .home-page .slogan-signature { grid-template-columns:1fr; gap:8px; text-align:center; }
    .home-page .slogan-signature strong { margin-top:5px; padding:10px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.14); }
}

/* Hero manifesto · single-column copy */
.home-page .hero-manifesto { grid-template-columns:1fr; gap:0; padding:0; overflow:hidden; border-color:rgba(126,234,251,.38); background:linear-gradient(125deg,rgba(2,19,48,.9),rgba(9,64,124,.68)); box-shadow:inset 4px 0 0 #75e7fa,0 18px 45px rgba(0,8,30,.19); }
.home-page .hero-manifesto > p { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:13px; margin:0; padding:14px 17px; color:#fff; white-space:normal; }
.home-page .hero-manifesto > p + p { border-top:1px solid rgba(255,255,255,.15); background:linear-gradient(100deg,rgba(25,111,220,.24),rgba(74,213,241,.075)); }
.home-page .hero-manifesto > p > span { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(122,232,250,.34); border-radius:50%; color:#7feafb; background:rgba(122,232,250,.08); font:900 7px/1 var(--font-display); letter-spacing:.06em; }
.home-page .hero-manifesto > p > strong { display:block; color:#f5fbff; font:800 14px/1.58 var(--font-display); letter-spacing:-.012em; text-shadow:0 3px 18px rgba(0,8,28,.42); }
.home-page .hero-manifesto > p.is-lead > strong { font-size:clamp(16px,1.5vw,20px); line-height:1.48; }
.home-page .hero-manifesto > p.is-bridge > strong { color:#dcecf6; }
.home-page .hero-manifesto > p::first-line { color:inherit; font-size:inherit; font-weight:inherit; }
.home-page .hero-manifesto em { color:#8aedfb; font-style:normal; font-weight:900; text-shadow:0 0 20px rgba(92,221,244,.34); }

@media (max-width:780px) {
    .home-page .hero-manifesto { gap:0; padding:0; }
    .home-page .hero-manifesto > p { grid-template-columns:30px minmax(0,1fr); gap:10px; padding:12px 13px; }
    .home-page .hero-manifesto > p > span { width:27px; height:27px; }
    .home-page .hero-manifesto > p > strong { font-size:12px; line-height:1.52; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:14px; line-height:1.48; }
}

@media (max-width:520px) {
    .home-page .hero-manifesto > p { grid-template-columns:25px minmax(0,1fr); gap:8px; padding:11px 10px; }
    .home-page .hero-manifesto > p > span { width:24px; height:24px; font-size:6px; }
    .home-page .hero-manifesto > p > strong { font-size:11px; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:13px; }
}

/* Header · split editorial copy and clear slideshow stage */
.home-page .hero { min-height:1020px; background:radial-gradient(circle at 77% 25%,rgba(17,115,203,.28),transparent 31%),radial-gradient(circle at 8% 74%,rgba(36,196,231,.15),transparent 29%),linear-gradient(135deg,#010b20 0%,#031a3d 54%,#063b6d 100%); }
.home-page .hero-grid { z-index:0; opacity:.08; mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.5) 62%,transparent); }
.home-page .hero-content { z-index:3; grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr); gap:clamp(28px,3.2vw,52px); align-items:center; padding-top:172px; padding-bottom:172px; }
.home-page .hero-copy { width:100%; max-width:none; padding:31px 34px 34px; background:linear-gradient(125deg,rgba(2,18,45,.94),rgba(4,39,80,.78)); backdrop-filter:blur(7px); }
.home-page .hero h1 { max-width:760px; font-size:clamp(65px,6.5vw,106px); }
.home-page .hero-visual-stage { position:relative; min-width:0; height:650px; align-self:center; overflow:hidden; border:1px solid rgba(144,235,250,.42); border-radius:3px 34px 3px 3px; background:#051a3d; box-shadow:18px 22px 0 rgba(92,221,244,.075),0 38px 88px rgba(0,7,27,.4); isolation:isolate; }
.home-page .hero-visual-stage::before { content:''; position:absolute; z-index:5; inset:12px; border:1px solid rgba(255,255,255,.17); border-radius:2px 25px 2px 2px; pointer-events:none; }
.home-page .hero-visual-stage::after { content:''; position:absolute; z-index:6; width:82px; height:4px; right:14px; top:14px; background:linear-gradient(90deg,#fff,#78e8fa); box-shadow:0 0 16px rgba(120,232,250,.5); pointer-events:none; }
.home-page .hero-visual-stage .hero-slides { position:absolute; z-index:1; inset:0; overflow:hidden; animation:heroReveal 1.1s ease both; }
.home-page .hero-visual-stage .hero-slides::after { content:''; position:absolute; z-index:3; inset:0; border:0; background:linear-gradient(180deg,rgba(1,12,31,.32) 0%,transparent 25%,transparent 61%,rgba(1,13,33,.72) 100%); pointer-events:none; }
.home-page .hero-visual-stage .hero-slide { inset:0; clip-path:inset(0 0 0 5%); background:#062557; transform:scale(1.025); }
.home-page .hero-visual-stage .hero-slide.is-active { clip-path:inset(0); transform:scale(1); }
.home-page .hero-visual-stage .hero-slide img { object-position:center; filter:saturate(1.09) contrast(1.035) brightness(1.09); transform:scale(1.035); }
.home-page .hero-visual-stage .hero-slide.is-active img { transform:scale(1.005); }
.home-page .hero-visual-stage .hero-slide::after { background:linear-gradient(180deg,rgba(1,12,31,.12),transparent 32%,transparent 68%,rgba(1,13,33,.34)); }
.home-page .hero-visual-stage .hero-side { position:absolute; z-index:6; left:18px; right:18px; top:18px; min-height:124px; display:grid; grid-template-columns:74px minmax(0,1.08fr) minmax(0,.92fr); grid-template-rows:auto 1fr; align-items:center; gap:7px 13px; margin:0; padding:12px 15px; overflow:hidden; border:1px solid rgba(255,255,255,.24); border-left:3px solid #7de9fb; border-radius:2px 19px 2px 2px; background:radial-gradient(circle at 5% 50%,rgba(70,210,241,.2),transparent 24%),linear-gradient(110deg,rgba(1,13,35,.95),rgba(4,48,91,.82)); box-shadow:0 16px 38px rgba(0,8,29,.34),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.home-page .hero-visual-stage .hero-side::before { content:''; position:absolute; left:0; top:0; width:3px; height:100%; background:linear-gradient(180deg,#fff 0,#79e9fb 52%,#1269f0 100%); box-shadow:0 0 18px rgba(121,233,251,.85); }
.home-page .hero-visual-stage .hero-side::after { content:'IV · 2026'; position:absolute; right:12px; top:10px; color:rgba(255,255,255,.08); font:900 31px/1 var(--font-display); letter-spacing:-.04em; pointer-events:none; }
.home-page .hero-visual-stage .hero-side-label { grid-column:2/4; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; gap:2px; margin:0; color:#7eeafb; text-align:left; }
.home-page .hero-visual-stage .hero-side-label > span { font-size:7px; font-weight:900; letter-spacing:.2em; }
.home-page .hero-visual-stage .hero-side-label > strong { position:relative; z-index:1; color:#fff; font-size:12px; font-weight:900; line-height:1.15; letter-spacing:.09em; }
.home-page .hero-visual-stage .hero-side-label > strong b { color:#7eeafb; font:inherit; }
.home-page .hero-visual-stage .hero-crest { grid-column:1; grid-row:1/3; width:67px; height:78px; margin:0; padding:4px; object-fit:contain; border:1px solid rgba(126,234,251,.23); border-radius:50%; background:radial-gradient(circle,rgba(126,234,251,.17),rgba(4,29,66,.1) 70%); filter:drop-shadow(0 10px 14px rgba(0,0,0,.3)); }
.home-page .hero-visual-stage .hero-date { grid-column:2; grid-row:2; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr; align-items:center; justify-content:stretch; gap:1px 10px; min-height:58px; padding:7px 12px; border:1px solid rgba(126,234,251,.2); border-radius:2px 10px 2px 2px; background:linear-gradient(115deg,rgba(126,234,251,.12),rgba(255,255,255,.035)); }
.home-page .hero-visual-stage .hero-date small { grid-column:1/3; color:#7eeafb; font-size:5.5px; font-weight:900; letter-spacing:.19em; }
.home-page .hero-visual-stage .hero-date strong { grid-column:1; color:#fff; font-size:27px; line-height:.9; text-shadow:0 0 24px rgba(126,234,251,.28); }
.home-page .hero-visual-stage .hero-date span { grid-column:2; color:#cfe5f1; font-size:7px; line-height:1.45; }
.home-page .hero-visual-stage .hero-location { position:relative; grid-column:3; grid-row:2; min-height:58px; justify-content:center; padding:7px 10px 7px 13px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:2px 10px 2px 2px; background:linear-gradient(115deg,rgba(18,105,240,.19),rgba(255,255,255,.035)); text-align:left; }
.home-page .hero-visual-stage .hero-location::after { content:'⌖'; position:absolute; right:8px; top:50%; color:rgba(126,234,251,.15); font:900 35px/1 var(--font-display); transform:translateY(-50%); }
.home-page .hero-visual-stage .hero-location small { position:relative; z-index:1; display:flex; align-items:center; gap:5px; font-size:6px; }
.home-page .hero-visual-stage .hero-location small::before { content:''; width:5px; height:5px; border-radius:50%; background:#7eeafb; box-shadow:0 0 8px #7eeafb; }
.home-page .hero-visual-stage .hero-location strong { position:relative; z-index:1; margin:1px 0; color:#fff; font-size:19px; letter-spacing:.02em; }
.home-page .hero-visual-stage .hero-location span { position:relative; z-index:1; color:#bed7e6; font-size:7px; }
.home-page .hero-visual-stage .hero-slider-controls { position:absolute; z-index:7; left:18px; right:18px; bottom:18px; width:auto; transform:none; display:block; pointer-events:none; }
.home-page .hero-visual-stage .hero-slider-panel { width:100%; min-height:88px; margin:0; grid-template-columns:48px minmax(0,1fr) 48px; gap:9px; padding:7px; border-radius:2px 16px 2px 2px; background:linear-gradient(115deg,rgba(1,14,37,.94),rgba(5,56,105,.8)); }
.home-page .hero-visual-stage .hero-slider-panel > button { width:48px; height:50px; }
.home-page .hero-visual-stage .hero-slider-caption { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; text-align:center; }
.home-page .hero-visual-stage .hero-slider-caption > strong { display:block; max-width:100%; margin-inline:auto; text-align:center; }
.home-page .hero-visual-stage .hero-slider-caption > b { display:block; margin:2px 0 0; text-align:center; }
.home-page .hero-visual-stage .hero-slider-dots { justify-content:center; }

@media (max-width:1180px) {
    .home-page .hero { min-height:0; }
    .home-page .hero-content { grid-template-columns:1fr; gap:28px; padding-top:165px; padding-bottom:182px; }
    .home-page .hero-copy { max-width:880px; margin-inline:auto; }
    .home-page .hero h1 { max-width:800px; font-size:clamp(68px,9vw,105px); }
    .home-page .hero-visual-stage { width:100%; height:610px; }
}

@media (max-width:780px) {
    .home-page .hero-content { gap:21px; padding-top:145px; padding-bottom:174px; }
    .home-page .hero-copy { padding:22px 20px 25px; }
    .home-page .hero h1 { font-size:clamp(47px,12.7vw,65px); }
    .home-page .hero-visual-stage { height:500px; border-radius:3px 25px 3px 3px; box-shadow:9px 12px 0 rgba(92,221,244,.07),0 26px 58px rgba(0,7,27,.35); }
    .home-page .hero-visual-stage::before { inset:9px; border-radius:2px 18px 2px 2px; }
    .home-page .hero-visual-stage::after { right:10px; top:10px; padding:5px 7px; font-size:6px; }
    .home-page .hero-visual-stage .hero-side { left:11px; right:11px; top:11px; min-height:108px; grid-template-columns:54px minmax(0,1.08fr) minmax(0,.92fr); gap:4px 8px; padding:8px 9px; }
    .home-page .hero-visual-stage .hero-side::after { right:8px; top:8px; font-size:24px; }
    .home-page .hero-visual-stage .hero-side-label > strong { font-size:9px; }
    .home-page .hero-visual-stage .hero-crest { width:50px; height:59px; }
    .home-page .hero-visual-stage .hero-date { min-height:50px; gap:1px 6px; padding:6px 8px; }
    .home-page .hero-visual-stage .hero-date strong { font-size:20px; }
    .home-page .hero-visual-stage .hero-date span { font-size:6px; }
    .home-page .hero-visual-stage .hero-location { min-height:50px; padding:6px 7px 6px 9px; }
    .home-page .hero-visual-stage .hero-location strong { font-size:14px; }
    .home-page .hero-visual-stage .hero-slider-controls { left:11px; right:11px; bottom:11px; }
    .home-page .hero-visual-stage .hero-slider-panel { min-height:80px; grid-template-columns:42px minmax(0,1fr) 42px; gap:6px; padding:6px; }
    .home-page .hero-visual-stage .hero-slider-panel > button { width:42px; height:46px; }
    .home-page .hero-visual-stage .hero-slider-caption > strong { max-width:42vw; font-size:9px; }
    .home-page .hero-visual-stage .hero-slider-dots button { height:17px; }
}

@media (max-width:440px) {
    .home-page .hero-content { padding-top:132px; padding-bottom:168px; }
    .home-page .hero-visual-stage { height:420px; }
    .home-page .hero-visual-stage .hero-side { min-height:105px; grid-template-columns:40px minmax(0,1.08fr) minmax(0,.92fr); grid-template-rows:auto 1fr; gap:3px 5px; padding:7px; }
    .home-page .hero-visual-stage .hero-side::after { display:none; }
    .home-page .hero-visual-stage .hero-side-label { display:flex; }
    .home-page .hero-visual-stage .hero-side-label > span { font-size:5px; }
    .home-page .hero-visual-stage .hero-side-label > strong { font-size:7px; letter-spacing:.055em; }
    .home-page .hero-visual-stage .hero-crest { grid-row:1/3; width:37px; height:44px; padding:2px; }
    .home-page .hero-visual-stage .hero-date,.home-page .hero-visual-stage .hero-location { grid-row:2; min-height:48px; }
    .home-page .hero-visual-stage .hero-date strong { font-size:16px; }
    .home-page .hero-visual-stage .hero-date span { display:block; font-size:5px; }
    .home-page .hero-visual-stage .hero-location span { display:block; font-size:5px; white-space:normal; }
    .home-page .hero-visual-stage .hero-date small,.home-page .hero-visual-stage .hero-location small { font-size:4.5px; }
    .home-page .hero-visual-stage .hero-location strong { font-size:12px; }
    .home-page .hero-visual-stage .hero-slider-panel { grid-template-columns:38px minmax(0,1fr) 38px; }
    .home-page .hero-visual-stage .hero-slider-panel > button { width:38px; height:44px; }
    .home-page .hero-visual-stage .hero-slider-caption > strong { max-width:36vw; font-size:8px; }
    .home-page .hero-visual-stage .hero-slider-caption > b { font-size:9px; }
    .home-page .hero-visual-stage .hero-slider-dots button { width:18px; }
    .home-page .hero-visual-stage .hero-slider-dots button[aria-current="true"] { width:28px; }
}

/* Header slideshow · keyboard focus */
.home-page .hero:focus { outline:0; }
.home-page .hero:focus-visible { box-shadow:inset 0 0 0 2px rgba(126,234,251,.5); }

/* Hero slider controls · centered composition */
.home-page .hero-slider-controls { justify-content:center; }
.home-page .hero-slider-panel { margin-inline:auto; }
.home-page .hero-slider-caption { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:2px; text-align:center; }
.home-page .hero-slider-caption > span,.home-page .hero-slider-caption > strong,.home-page .hero-slider-caption > b { display:block; max-width:100%; grid-column:auto; grid-row:auto; align-self:auto; text-align:center; }
.home-page .hero-slider-caption > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-page .hero-slider-caption > b { margin-top:2px; }
.home-page .hero-slider-dots { justify-content:center; }

/* Countdown · animated goal moment */
.home-page .countdown-bar { overflow:hidden; }
.countdown-goal-scene { position:absolute; z-index:1; right:22px; top:15px; width:165px; height:82px; pointer-events:none; }
.countdown-goal-scene::before { content:''; position:absolute; left:13px; bottom:25px; width:88px; border-top:1px dashed rgba(126,233,250,.32); transform:rotate(-17deg); transform-origin:left center; }
.countdown-goal-net { position:absolute; z-index:2; right:4px; bottom:6px; width:70px; height:54px; border:3px solid rgba(232,250,255,.95); border-bottom-width:2px; background-image:linear-gradient(rgba(126,233,250,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(126,233,250,.22) 1px,transparent 1px); background-size:10px 10px; box-shadow:0 10px 22px rgba(0,5,22,.3),0 0 18px rgba(108,228,248,.14); transform:perspective(120px) rotateY(-8deg); transform-origin:right bottom; animation:countdownNetImpact 4.6s ease-in-out infinite; }
.countdown-goal-net::before { content:''; position:absolute; left:-12px; right:-12px; bottom:-7px; height:2px; background:linear-gradient(90deg,transparent,rgba(126,233,250,.75),transparent); }
.countdown-ball { position:absolute; z-index:3; left:3px; bottom:8px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; font-style:normal; font-size:25px; line-height:1; filter:drop-shadow(0 7px 7px rgba(0,5,22,.4)); transform-origin:center; animation:countdownGoalShot 4.6s cubic-bezier(.3,.7,.2,1) infinite; }
.countdown-goal-scene > b { position:absolute; z-index:4; right:11px; top:0; padding:3px 7px; opacity:0; color:#062458; background:linear-gradient(135deg,#fff,#7ce9fb); box-shadow:0 0 18px rgba(124,233,251,.44); font:900 8px/1.2 var(--font-display); letter-spacing:.1em; transform:translateY(5px) scale(.8); animation:countdownGoalFlash 4.6s ease-in-out infinite; }
.home-page .live-chip { position:relative; z-index:2; margin-right:175px; }
@keyframes countdownGoalShot {
    0%,13% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); }
    31% { opacity:1; transform:translate3d(46px,-31px,0) rotate(170deg) scale(.96); }
    49% { opacity:1; transform:translate3d(88px,-39px,0) rotate(345deg) scale(.88); }
    63%,80% { opacity:1; transform:translate3d(122px,-13px,0) rotate(535deg) scale(.72); }
    87%,100% { opacity:0; transform:translate3d(122px,-10px,0) rotate(600deg) scale(.66); }
}
@keyframes countdownNetImpact {
    0%,57%,82%,100% { transform:perspective(120px) rotateY(-8deg) scale(1); }
    65% { transform:perspective(120px) rotateY(-16deg) scaleX(1.1) scaleY(.94); }
    72% { transform:perspective(120px) rotateY(-3deg) scaleX(.97) scaleY(1.03); }
}
@keyframes countdownGoalFlash {
    0%,57%,84%,100% { opacity:0; transform:translateY(5px) scale(.8); }
    64%,77% { opacity:1; transform:translateY(0) scale(1); }
}

@media (max-width:1050px) and (min-width:781px) {
    .countdown-goal-scene { right:10px; transform:scale(.88); transform-origin:right center; }
    .home-page .live-chip { margin-right:142px; }
}

@media (max-width:780px) {
    .home-page .countdown-bar { height:150px; align-items:start; }
    .home-page .countdown-cells { align-self:start; padding-top:8px; }
    .home-page .countdown-goal-scene { left:50%; right:auto; top:auto; bottom:3px; transform:translateX(-50%) scale(.76); transform-origin:center bottom; }
    .home-page .live-chip { display:none; margin:0; }
    .home-page .hero-slider-controls { bottom:160px; }
    .home-page .hero-content { padding-bottom:252px; }
}

@media (max-width:520px) {
    .home-page .countdown-bar { height:146px; }
    .home-page .countdown-goal-scene { bottom:2px; transform:translateX(-50%) scale(.68); }
    .home-page .hero-slider-controls { bottom:155px; }
    .home-page .hero-content { padding-bottom:245px; }
}

/* Home · animated club parade */
.home-page .team-ticker { isolation:isolate; min-height:72px; overflow:hidden; border-top:1px solid rgba(117,230,249,.22); border-bottom:1px solid rgba(117,230,249,.22); background:radial-gradient(circle at 50% 0,rgba(34,153,226,.2),transparent 45%),linear-gradient(90deg,#010d23,#031e49 48%,#042b58); box-shadow:0 16px 38px rgba(0,11,35,.2); }
.home-page .team-ticker::before,.home-page .team-ticker::after { content:''; position:absolute; z-index:3; top:0; bottom:0; width:min(9vw,120px); pointer-events:none; }
.home-page .team-ticker::before { left:0; background:linear-gradient(90deg,#010e25,transparent); }
.home-page .team-ticker::after { right:0; background:linear-gradient(270deg,#042753,transparent); }
.home-page .ticker-track { height:72px; gap:8px; padding-inline:8px; animation-duration:44s; will-change:transform; }
.home-page .ticker-track > a { position:relative; min-height:54px; display:flex; align-items:center; gap:12px; margin:0; padding:0 18px 0 10px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:2px 16px 2px 2px; color:#edf7fb; background:linear-gradient(115deg,color-mix(in srgb,var(--team-color),transparent 82%),rgba(255,255,255,.035) 60%,rgba(255,255,255,.015)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 20px rgba(0,7,25,.15); font-family:var(--font-display); font-size:12px; font-weight:800; letter-spacing:.04em; text-decoration:none; transition:transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s; }
.home-page .ticker-track > a::before { content:''; position:absolute; width:48%; height:180%; left:-70%; top:-40%; transform:rotate(17deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent); animation:tickerClubShine 6.5s ease-in-out infinite; }
.home-page .ticker-track > a::after { content:'↗'; position:absolute; z-index:2; right:9px; top:8px; display:grid; place-items:center; width:16px; height:16px; border:1px solid rgba(126,234,251,.45); border-radius:50%; color:#7eeafb; background:rgba(2,19,47,.66); font:900 8px/1 var(--font-display); opacity:0; transform:translate(-5px,5px); transition:opacity .22s,transform .22s; }
.home-page .ticker-track > a:nth-child(2n)::before { animation-delay:-3.2s; }
.home-page .ticker-team-mark { width:40px; height:40px; display:grid; place-items:center; flex:0 0 auto; padding:4px; border:1px solid rgba(255,255,255,.68); border-radius:50%; background:radial-gradient(circle,#fff 0%,#eef6fb 72%,#d8e7f1 100%); box-shadow:0 0 0 5px color-mix(in srgb,var(--team-color),transparent 86%),0 8px 18px rgba(0,7,25,.3); }
.home-page .ticker-team-mark img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 3px 3px rgba(0,15,40,.2)); }
.home-page .ticker-team-mark small { color:var(--team-color); font:900 7px/1 var(--font-display); }
.home-page .ticker-track em { position:relative; z-index:1; min-width:max-content; font-style:normal; text-transform:uppercase; }
.home-page .ticker-track b { position:relative; z-index:1; margin-left:7px; color:#79e8fa; font-size:12px; text-shadow:0 0 15px rgba(121,232,250,.7); animation:tickerClubStar 2.8s ease-in-out infinite; }
.home-page .ticker-track > a:nth-child(3n) b { animation-delay:-1.4s; }
@keyframes tickerClubShine { 0%,68%,100% { left:-70%; opacity:0; } 76% { opacity:1; } 92% { left:125%; opacity:0; } }
@keyframes tickerClubStar { 50% { opacity:.45; transform:rotate(45deg) scale(.72); } }

@media (hover:hover) {
    .home-page .team-ticker:hover .ticker-track { animation-play-state:paused; }
    .home-page .ticker-track > a:hover { color:#fff; transform:translateY(-3px); border-color:color-mix(in srgb,var(--team-color),#fff 45%); background:linear-gradient(115deg,color-mix(in srgb,var(--team-color),transparent 65%),rgba(255,255,255,.075)); box-shadow:0 12px 28px rgba(0,7,25,.28),0 0 0 2px color-mix(in srgb,var(--team-color),transparent 82%); }
    .home-page .ticker-track > a:hover::after { opacity:1; transform:translate(0,0); }
}
.home-page .team-ticker:focus-within .ticker-track { animation-play-state:paused; }
.home-page .ticker-track > a:focus-visible { z-index:4; outline:2px solid #7eeafb; outline-offset:2px; color:#fff; background:linear-gradient(115deg,color-mix(in srgb,var(--team-color),transparent 65%),rgba(255,255,255,.075)); }
.home-page .ticker-track > a:focus-visible::after { opacity:1; transform:translate(0,0); }

@media (max-width:780px) {
    .home-page .team-ticker { min-height:62px; }
    .home-page .ticker-track { height:62px; animation-duration:38s; }
    .home-page .ticker-track > a { min-height:47px; gap:9px; padding:0 15px 0 8px; border-radius:2px 13px 2px 2px; font-size:10px; }
    .home-page .ticker-team-mark { width:34px; height:34px; padding:3px; box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 87%),0 7px 14px rgba(0,7,25,.27); }
    .home-page .ticker-track b { margin-left:3px; font-size:10px; }
}

@media (max-width:440px) {
    .home-page .team-ticker { min-height:58px; }
    .home-page .ticker-track { height:58px; animation-duration:34s; }
    .home-page .ticker-track > a { min-height:44px; padding:0 12px 0 7px; font-size:9px; }
    .home-page .ticker-team-mark { width:31px; height:31px; }
}

/* Match schedule · draw ceremony board */
.home-page .draw-pending { isolation:isolate; border:1px solid rgba(126,234,251,.28); border-top:0; border-radius:18px; background:linear-gradient(130deg,rgba(2,17,45,.94),rgba(7,51,108,.83) 55%,rgba(7,88,132,.68)); box-shadow:0 36px 90px rgba(0,8,31,.4),inset 0 1px 0 rgba(255,255,255,.12); }
.home-page .draw-pending::before { content:'OFFICIAL DRAW'; z-index:0; right:-26px; top:78px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font-size:clamp(74px,10vw,142px); white-space:nowrap; }
.home-page .draw-pending::after { content:''; position:absolute; z-index:1; left:-35%; top:0; width:30%; height:100%; opacity:0; pointer-events:none; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(123,232,250,.08),transparent); animation:drawBoardScan 8s ease-in-out infinite; }
.home-page .draw-pending > :not(.draw-pending-atmosphere) { position:relative; z-index:2; }
.draw-pending-atmosphere { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.draw-pending-atmosphere::before { content:''; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,transparent,#7ce9fb 22%,#fff 50%,#7ce9fb 78%,transparent); box-shadow:0 0 24px rgba(124,233,251,.68); animation:drawTopLight 4.8s ease-in-out infinite; }
.draw-pending-atmosphere i { position:absolute; border-radius:50%; filter:blur(2px); background:radial-gradient(circle,rgba(102,225,249,.25),transparent 67%); animation:drawAtmosphere 7s ease-in-out infinite; }
.draw-pending-atmosphere i:nth-child(1) { width:330px; height:330px; left:-150px; top:-175px; }
.draw-pending-atmosphere i:nth-child(2) { width:420px; height:420px; right:-210px; bottom:-250px; animation-delay:-3.4s; }
.draw-pending-atmosphere i:nth-child(3) { width:230px; height:230px; left:48%; top:24%; opacity:.45; animation-delay:-1.7s; }
.home-page .draw-pending-status { min-height:62px; border-bottom-color:rgba(126,234,251,.2); background:linear-gradient(90deg,rgba(126,234,251,.08),transparent 38%,rgba(126,234,251,.045)); }
.home-page .draw-pending-status > span { color:#d7ebf5; }
.home-page .draw-pending-status i { background:#7ce9fb; box-shadow:0 0 0 6px rgba(124,233,251,.1),0 0 21px rgba(124,233,251,.8); }
.home-page .draw-pending-status > b { border-radius:999px; color:#06275b; background:linear-gradient(135deg,#fff,#7ce9fb); border:0; box-shadow:0 0 24px rgba(124,233,251,.2); }
.home-page .draw-pending-main { grid-template-columns:230px minmax(0,1fr); gap:50px; padding:58px 58px 50px; }
.draw-pending-visual { position:relative; width:210px; height:210px; display:grid; place-items:center; justify-self:center; }
.draw-pending-visual::before { content:''; position:absolute; inset:12px; border-radius:50%; background:radial-gradient(circle,rgba(126,234,251,.12),transparent 68%); box-shadow:0 0 55px rgba(70,205,239,.18); }
.draw-pending-visual > b { position:absolute; left:50%; bottom:-9px; min-width:128px; padding:7px 12px; border:1px solid rgba(126,234,251,.38); border-radius:999px; color:#dff8fc; background:#041a42; box-shadow:0 8px 25px rgba(0,8,27,.35); font:900 7px/1 var(--font-display); letter-spacing:.13em; text-align:center; transform:translateX(-50%); }
.draw-orbit { position:absolute; inset:14px; border:1px dashed rgba(126,234,251,.42); border-radius:50%; animation:drawModernOrbit 15s linear infinite; }
.draw-orbit::before,.draw-orbit::after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 16px #7ce9fb; }
.draw-orbit::before { left:17px; top:19px; }
.draw-orbit::after { right:13px; bottom:29px; }
.draw-orbit-two { inset:-1px; border-style:solid; border-color:rgba(126,234,251,.13); animation-direction:reverse; animation-duration:22s; }
.draw-mini-ball { position:absolute; z-index:3; width:35px; height:35px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.8); border-radius:50%; color:#082d68; background:radial-gradient(circle at 34% 28%,#fff,#dff9fc 52%,#75dcea 53%,#1a6dc2 100%); box-shadow:0 9px 18px rgba(0,8,30,.35),0 0 0 5px rgba(126,234,251,.07); font:900 8px/1 var(--font-display); font-style:normal; animation:drawBallFloat 3.4s ease-in-out infinite; }
.draw-mini-ball-one { left:0; top:26px; }
.draw-mini-ball-two { right:-2px; top:52px; animation-delay:-1.1s; }
.draw-mini-ball-three { left:35px; bottom:0; animation-delay:-2.2s; }
.home-page .draw-pending-mark { z-index:2; width:132px; height:132px; overflow:hidden; border:2px solid rgba(255,255,255,.85); background:radial-gradient(circle at 35% 28%,#fff 0%,#dff9fc 43%,#78e4f4 44%,#1767bd 72%,#062d6c 100%); box-shadow:0 24px 55px rgba(0,8,32,.46),0 0 0 10px rgba(124,233,251,.08),0 0 45px rgba(87,219,245,.23); animation:drawCorePulse 3.8s ease-in-out infinite; }
.home-page .draw-pending-mark::before { inset:8px; border-style:solid; border-color:rgba(255,255,255,.3); animation:drawModernOrbit 11s linear infinite; }
.home-page .draw-pending-mark::after { inset:31px -15px auto; height:28px; border:0; border-radius:0; opacity:.22; background:linear-gradient(90deg,transparent,#fff,transparent); transform:rotate(-18deg); animation:drawCoreShine 4.2s ease-in-out infinite; }
.home-page .draw-pending-mark > span { font-size:62px; }
.home-page .draw-pending-mark > small { bottom:20px; }
.home-page .draw-pending-copy > span { display:inline-flex; align-items:center; min-height:25px; margin-bottom:15px; padding:0 10px; border:1px solid rgba(126,234,251,.22); border-radius:999px; color:#9af0fc; background:rgba(126,234,251,.07); }
.home-page .draw-pending-copy h3 { position:relative; width:fit-content; max-width:900px; padding-bottom:16px; color:#fff; background:linear-gradient(100deg,#fff 12%,#d8f7fc 52%,#7ce9fb 88%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
.home-page .draw-pending-copy h3::after { content:''; position:absolute; left:0; bottom:0; width:min(280px,52%); height:3px; background:linear-gradient(90deg,#7ce9fb,#fff,transparent); box-shadow:0 0 18px rgba(124,233,251,.5); animation:drawTitleLine 3.4s ease-in-out infinite; }
.home-page .draw-pending-copy p { margin-top:18px; color:#d6e7f2; font-size:14px; }
.draw-match-slots { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:27px; }
.draw-match-slots > span { position:relative; min-height:64px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(126,234,251,.035)); }
.draw-match-slots > span::after { content:''; position:absolute; inset:auto 0 0; height:2px; transform:scaleX(.18); background:#7ce9fb; box-shadow:0 0 12px rgba(124,233,251,.7); animation:drawSlotLine 3.2s ease-in-out infinite; }
.draw-match-slots > span:nth-child(2)::after { animation-delay:-.8s; }
.draw-match-slots > span:nth-child(3)::after { animation-delay:-1.6s; }
.draw-match-slots > span:nth-child(4)::after { animation-delay:-2.4s; }
.draw-match-slots small { color:#8edfee; font-size:6px; font-weight:900; letter-spacing:.14em; }
.draw-match-slots strong { display:flex; align-items:center; gap:8px; }
.draw-match-slots strong i { width:22px; height:22px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.24); border-radius:50%; color:#fff; background:rgba(255,255,255,.07); font:900 10px/1 var(--font-display); font-style:normal; animation:drawQuestionPulse 2.6s ease-in-out infinite; }
.draw-match-slots strong b { color:#7897af; font:900 7px/1 var(--font-display); letter-spacing:.08em; }
.home-page .draw-pending-steps { background:rgba(1,14,38,.24); border-color:rgba(126,234,251,.18); }
.home-page .draw-pending-steps > div { transition:background .25s; }
.home-page .draw-pending-steps .is-current { overflow:hidden; background:linear-gradient(90deg,rgba(121,231,248,.15),rgba(121,231,248,.025)); }
.home-page .draw-pending-steps .is-current::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; transform-origin:left; background:linear-gradient(90deg,#7ce9fb,#fff,#7ce9fb); box-shadow:0 0 16px rgba(124,233,251,.65); animation:drawCurrentProgress 3.8s ease-in-out infinite; }
.home-page .draw-pending-footer { background:linear-gradient(90deg,rgba(126,234,251,.05),transparent 65%); }
.home-page .draw-pending-footer > a { border-radius:999px; box-shadow:0 10px 28px rgba(0,10,35,.22); }
@keyframes drawBoardScan { 0%,58%,100% { left:-35%; opacity:0; } 67% { opacity:1; } 86% { left:112%; opacity:0; } }
@keyframes drawTopLight { 50% { opacity:.48; transform:scaleX(.7); } }
@keyframes drawAtmosphere { 50% { opacity:.48; transform:scale(1.14) translate3d(12px,-8px,0); } }
@keyframes drawModernOrbit { to { transform:rotate(360deg); } }
@keyframes drawBallFloat { 50% { transform:translateY(-8px) rotate(9deg); filter:brightness(1.12); } }
@keyframes drawCorePulse { 50% { transform:scale(1.035); box-shadow:0 26px 58px rgba(0,8,32,.48),0 0 0 15px rgba(124,233,251,.035),0 0 58px rgba(87,219,245,.32); } }
@keyframes drawCoreShine { 0%,35% { transform:translateX(-80%) rotate(-18deg); opacity:0; } 52% { opacity:.4; } 75%,100% { transform:translateX(90%) rotate(-18deg); opacity:0; } }
@keyframes drawTitleLine { 50% { width:min(410px,72%); opacity:.62; } }
@keyframes drawSlotLine { 50% { transform:scaleX(1); opacity:.42; } }
@keyframes drawQuestionPulse { 50% { color:#082b63; background:#7ce9fb; border-color:#7ce9fb; transform:scale(.9); } }
@keyframes drawCurrentProgress { 0%,100% { transform:scaleX(.08); opacity:.4; } 50% { transform:scaleX(1); opacity:1; } }

@media (hover:hover) {
    .home-page .draw-pending:hover .draw-pending-mark,.home-page .draw-pending:hover .draw-orbit,.home-page .draw-pending:hover .draw-mini-ball { animation-play-state:paused; }
    .draw-match-slots > span:hover { border-color:rgba(126,234,251,.42); background:rgba(126,234,251,.1); }
}

@media (max-width:780px) {
    .home-page .draw-pending { border-radius:13px; }
    .home-page .draw-pending-main { grid-template-columns:1fr; gap:38px; padding:45px 20px 38px; }
    .draw-pending-visual { width:178px; height:178px; }
    .home-page .draw-pending-mark { width:112px; height:112px; }
    .home-page .draw-pending-mark > span { font-size:52px; }
    .home-page .draw-pending-mark > small { bottom:17px; }
    .draw-mini-ball { width:30px; height:30px; font-size:7px; }
    .draw-pending-visual > b { bottom:-13px; }
    .home-page .draw-pending-copy h3 { width:100%; margin-inline:auto; }
    .home-page .draw-pending-copy h3::after { left:50%; transform:translateX(-50%); }
    .draw-match-slots { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:480px; margin-inline:auto; margin-top:25px; }
    .draw-match-slots > span { min-height:61px; }
}

@media (max-width:440px) {
    .home-page .draw-pending-status { min-height:56px; padding-inline:12px; font-size:7px; }
    .home-page .draw-pending-main { padding:38px 14px 31px; }
    .draw-pending-visual { transform:scale(.92); margin-block:-5px; }
    .home-page .draw-pending-copy > span { font-size:7px; letter-spacing:.1em; }
    .home-page .draw-pending-copy h3 { font-size:clamp(27px,9vw,35px); }
    .home-page .draw-pending-copy p { font-size:12px; line-height:1.72; }
    .draw-match-slots { gap:6px; }
    .draw-match-slots > span { min-height:58px; }
}

/* Tournament ribbon · official crest lockup */
.home-page .competition-ribbon-inner { grid-template-columns:330px minmax(0,1fr) 232px; }
.home-page .competition-ribbon-brand { gap:18px; padding-left:15px; }
.competition-ribbon-crest { position:relative; z-index:1; width:96px; height:96px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(126,234,251,.44); border-radius:50%; background:radial-gradient(circle,#fff 0 45%,#dff7fc 46% 61%,rgba(63,199,232,.2) 62% 100%); box-shadow:0 13px 28px rgba(0,9,34,.3),0 0 0 7px rgba(126,234,251,.07); font-style:normal; }
.competition-ribbon-crest::before,.competition-ribbon-crest::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.competition-ribbon-crest::before { inset:-7px; border:1px dashed rgba(126,234,251,.43); animation:ribbonCrestOrbit 18s linear infinite; }
.competition-ribbon-crest::after { width:10px; height:10px; right:4px; top:5px; background:#7ce9fb; box-shadow:0 0 18px rgba(124,233,251,.9); animation:ribbonCrestPulse 2.8s ease-in-out infinite; }
.home-page .competition-ribbon-brand .competition-ribbon-crest img { position:relative; z-index:1; width:84px; height:84px; margin:0; object-fit:contain; filter:drop-shadow(0 8px 10px rgba(0,16,48,.24)); }
.home-page .competition-ribbon-name { min-width:0; align-items:flex-start; }
.home-page .competition-ribbon-name small { color:#8eeafa; font-size:7px; line-height:1.1; letter-spacing:.16em; }
.home-page .competition-ribbon-name > b { margin-top:5px; color:#fff; font:900 13px/1.15 var(--font-display); letter-spacing:.025em; text-transform:uppercase; text-wrap:balance; }
.home-page .competition-ribbon-name strong { position:relative; margin-top:11px; padding-top:10px; color:#7eeafb; font-size:17px; }
.home-page .competition-ribbon-name strong::before { content:''; position:absolute; left:0; top:0; width:44px; height:2px; background:linear-gradient(90deg,#7eeafb,#fff); box-shadow:0 0 12px rgba(126,234,251,.55); }
@keyframes ribbonCrestOrbit { to { transform:rotate(360deg); } }
@keyframes ribbonCrestPulse { 50% { opacity:.45; transform:scale(.7); } }

@media (max-width:1050px) {
    .home-page .competition-ribbon-inner { grid-template-columns:275px minmax(0,1fr); }
    .competition-ribbon-crest { width:82px; height:82px; }
    .home-page .competition-ribbon-brand .competition-ribbon-crest img { width:72px; height:72px; }
    .home-page .competition-ribbon-name > b { font-size:11px; }
    .home-page .competition-ribbon-name strong { font-size:15px; }
}

@media (max-width:780px) {
    .home-page .competition-ribbon-inner { grid-template-columns:1fr; }
    .home-page .competition-ribbon-brand { min-height:126px; justify-content:center; gap:20px; padding:16px 20px; }
    .competition-ribbon-crest { width:88px; height:88px; }
    .home-page .competition-ribbon-brand .competition-ribbon-crest img { width:78px; height:78px; }
    .home-page .competition-ribbon-name small { font-size:7px; }
    .home-page .competition-ribbon-name > b { font-size:13px; }
    .home-page .competition-ribbon-name strong { font-size:17px; }
}

@media (max-width:440px) {
    .home-page .competition-ribbon-brand { min-height:116px; gap:14px; padding-inline:12px; }
    .competition-ribbon-crest { width:78px; height:78px; }
    .home-page .competition-ribbon-brand .competition-ribbon-crest img { width:69px; height:69px; }
    .home-page .competition-ribbon-name > b { font-size:11px; }
    .home-page .competition-ribbon-name strong { margin-top:8px; padding-top:8px; font-size:15px; }
}

@media (max-width:780px) {
    .support-partners-zone { margin-top:54px; padding:46px 22px 28px; border-radius:24px 3px 3px 3px; }
    .support-partners-zone::after { right:-8px; bottom:-15px; font-size:70px; }
    .support-partners-heading { margin-bottom:27px; }
    .support-partners-heading h3 { font-size:clamp(33px,10vw,48px); overflow-wrap:anywhere; }
    .support-partners-heading p { font-size:12px; }
    .support-partners-grid { grid-template-columns:1fr 1fr; gap:10px; }
    .support-partner-card { min-height:170px; padding-inline:15px; }
    .media-partners-zone { margin-top:54px; padding:46px 22px 28px; border-radius:3px 24px 3px 3px; }
    .support-partners-zone + .media-partners-zone { margin-top:22px; }
    .media-partners-zone::after { right:-8px; bottom:-15px; font-size:78px; }
    .media-partners-heading { margin-bottom:27px; }
    .media-partners-heading h3 { font-size:clamp(33px,10vw,48px); overflow-wrap:anywhere; }
    .media-partners-heading p { font-size:12px; }
    .media-partners-grid { grid-template-columns:1fr 1fr; gap:10px; }
    .media-partner-card { min-height:170px; padding-inline:15px; }
}

@media (max-width:520px) {
    .support-partners-zone { padding-inline:15px; }
    .support-partners-grid { grid-template-columns:1fr; }
    .support-partner-card { min-height:158px; }
    .support-partners-empty { grid-template-columns:46px 1fr; gap:14px; padding:20px 16px; }
    .support-partners-empty > span { width:44px; height:44px; font-size:18px; }
    .support-partners-empty strong { font-size:12px; }
    .media-partners-zone { padding-inline:15px; }
    .media-partners-grid { grid-template-columns:1fr; }
    .media-partner-card { min-height:158px; }
    .media-partners-empty { grid-template-columns:46px 1fr; gap:14px; padding:20px 16px; }
    .media-partners-empty > span { width:44px; height:44px; font-size:18px; }
    .media-partners-empty strong { font-size:12px; }
}

/* Hero manifesto · editorial match-day cards */
.home-page .hero-manifesto { position:relative; display:grid; grid-template-columns:1fr; gap:10px; margin:28px 0 30px; padding:0; overflow:visible; border:0; background:transparent; box-shadow:none; isolation:isolate; }
.home-page .hero-manifesto::before { content:''; position:absolute; z-index:-1; width:1px; left:31px; top:48px; bottom:48px; background:linear-gradient(180deg,transparent,#72e4f8 24%,#72e4f8 76%,transparent); box-shadow:0 0 18px rgba(114,228,248,.7); }
.home-page .hero-manifesto > p { position:relative; min-height:92px; display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:19px; margin:0; padding:18px 50px 18px 16px; overflow:hidden; border:1px solid rgba(124,232,250,.3); border-radius:2px 20px 2px 2px; color:#fff; background:linear-gradient(112deg,rgba(2,16,42,.94),rgba(5,48,101,.86) 58%,rgba(13,103,153,.62)); box-shadow:0 18px 42px rgba(0,8,30,.24),inset 0 0 0 1px rgba(255,255,255,.025); transition:transform .3s,border-color .3s,box-shadow .3s; animation:manifestoCardIn .72s both cubic-bezier(.2,.75,.2,1); }
.home-page .hero-manifesto > p.is-bridge { margin-left:30px; border-color:rgba(89,195,250,.36); background:linear-gradient(112deg,rgba(4,35,81,.95),rgba(13,82,157,.84) 58%,rgba(36,179,211,.35)); animation-delay:.12s; }
.home-page .hero-manifesto > p::before { content:''; position:absolute; width:3px; left:0; top:15px; bottom:15px; background:linear-gradient(180deg,#fff,#73e6f9); box-shadow:0 0 16px rgba(115,230,249,.8); }
.home-page .hero-manifesto > p::after { content:''; position:absolute; width:110px; height:220%; right:-118px; top:-60%; transform:rotate(23deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent); animation:manifestoShimmer 6s 1.6s ease-in-out infinite; }
.home-page .hero-manifesto > p:hover { transform:translateX(5px); border-color:rgba(126,234,251,.62); box-shadow:0 23px 50px rgba(0,8,30,.3),0 0 26px rgba(86,210,239,.08); }
.home-page .hero-manifesto .manifesto-index { position:relative; width:70px; min-height:60px; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; gap:4px; padding-left:13px; border-right:1px solid rgba(255,255,255,.15); background:transparent; }
.home-page .hero-manifesto .manifesto-index::before { content:''; position:absolute; width:8px; height:8px; left:-1px; top:50%; transform:translate(-50%,-50%); border:2px solid #061d47; border-radius:50%; background:#7ce9fb; box-shadow:0 0 0 5px rgba(124,233,251,.11),0 0 18px rgba(124,233,251,.65); }
.home-page .hero-manifesto .manifesto-index b { color:#fff; font:900 32px/.9 var(--font-display); letter-spacing:-.055em; text-shadow:0 8px 20px rgba(0,7,27,.3); }
.home-page .hero-manifesto .manifesto-index small { max-width:54px; color:#7ee8fa; font-size:6px; font-weight:900; line-height:1.35; letter-spacing:.1em; }
.home-page .hero-manifesto > p > strong { position:relative; z-index:1; display:block; color:#f4fbff; font:800 15px/1.55 var(--font-display); letter-spacing:-.015em; text-shadow:0 4px 20px rgba(0,7,26,.45); text-wrap:balance; }
.home-page .hero-manifesto > p.is-lead > strong { font-size:clamp(18px,1.65vw,23px); line-height:1.42; }
.home-page .hero-manifesto > p.is-bridge > strong { color:#e8f6fb; }
.home-page .hero-manifesto em { padding:1px 2px; color:#84efff; background:linear-gradient(90deg,#fff,#72e7fb); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-style:normal; font-weight:900; text-shadow:none; filter:drop-shadow(0 0 10px rgba(103,227,247,.22)); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.home-page .manifesto-spark { position:absolute; z-index:1; right:17px; top:14px; color:#7de9fb; font-size:13px; font-style:normal; text-shadow:0 0 16px rgba(125,233,251,.8); animation:manifestoSpark 3s ease-in-out infinite; }
@keyframes manifestoCardIn { from { opacity:0; transform:translate3d(-24px,10px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes manifestoShimmer { 0%,64% { transform:translateX(-260px) rotate(23deg); opacity:0; } 72% { opacity:.7; } 86%,100% { transform:translateX(720px) rotate(23deg); opacity:0; } }
@keyframes manifestoSpark { 0%,100% { opacity:.45; transform:scale(.8) rotate(0); } 50% { opacity:1; transform:scale(1.2) rotate(90deg); } }

@media (max-width:780px) {
    .home-page .hero-manifesto { gap:8px; margin:18px 0 20px; }
    .home-page .hero-manifesto::before { left:24px; top:35px; bottom:35px; }
    .home-page .hero-manifesto > p,.home-page .hero-manifesto > p.is-bridge { min-height:76px; grid-template-columns:57px minmax(0,1fr); gap:11px; margin-left:0; padding:13px 34px 13px 10px; border-radius:2px 15px 2px 2px; }
    .home-page .hero-manifesto .manifesto-index { width:54px; min-height:50px; gap:3px; padding-left:10px; }
    .home-page .hero-manifesto .manifesto-index b { font-size:24px; }
    .home-page .hero-manifesto .manifesto-index small { max-width:43px; font-size:5px; }
    .home-page .hero-manifesto > p > strong { font-size:12px; line-height:1.52; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:14px; line-height:1.46; }
    .home-page .manifesto-spark { right:11px; top:10px; font-size:10px; }
}

@media (max-width:440px) {
    .home-page .hero-manifesto::before { left:21px; }
    .home-page .hero-manifesto > p,.home-page .hero-manifesto > p.is-bridge { grid-template-columns:49px minmax(0,1fr); gap:9px; padding:12px 28px 12px 8px; }
    .home-page .hero-manifesto .manifesto-index { width:47px; padding-left:9px; }
    .home-page .hero-manifesto .manifesto-index b { font-size:21px; }
    .home-page .hero-manifesto .manifesto-index small { display:none; }
    .home-page .hero-manifesto > p > strong { font-size:11px; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:13px; }
}

/* Tournament ribbon · centered premium stat cards */
.home-page .competition-ribbon-stats { align-self:stretch; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:10px; padding:14px 16px; background:linear-gradient(135deg,#eef7ff,#fff 48%,#e9f5ff); box-shadow:inset 0 0 0 1px #d4e5f2; }
.home-page .competition-ribbon-stats > span { position:relative; min-width:0; min-height:104px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:15px 10px 12px; overflow:hidden; border:1px solid #d8e8f3; border-radius:2px 18px 2px 2px; background:linear-gradient(155deg,#fff 0%,#f4faff 72%,#eaf6ff 100%); box-shadow:0 9px 24px rgba(6,48,103,.075),inset 0 1px #fff; text-align:center; isolation:isolate; animation:ribbonStatIn .62s both cubic-bezier(.2,.75,.2,1); transition:transform .28s,border-color .28s,box-shadow .28s; }
.home-page .competition-ribbon-stats > span:nth-child(2) { animation-delay:.07s; }
.home-page .competition-ribbon-stats > span:nth-child(3) { animation-delay:.14s; }
.home-page .competition-ribbon-stats > span:nth-child(4) { animation-delay:.21s; }
.home-page .competition-ribbon-stats > span::before { content:''; position:absolute; z-index:-1; left:50%; top:0; width:54px; height:4px; transform:translateX(-50%); background:linear-gradient(90deg,#1269e8,#65e7f8); box-shadow:0 0 13px rgba(65,202,237,.45); }
.home-page .competition-ribbon-stats > span::after { content:''; position:absolute; z-index:-1; width:74px; height:74px; right:-38px; top:-39px; border:1px solid rgba(18,105,232,.12); border-radius:50%; box-shadow:0 0 0 12px rgba(101,231,248,.045); }
.home-page .competition-ribbon-stats > span:hover { z-index:1; transform:translateY(-5px); border-color:rgba(38,172,226,.5); background:linear-gradient(155deg,#fff,#edf8ff); box-shadow:0 17px 34px rgba(5,47,105,.14),0 0 0 3px rgba(98,225,246,.08); }
.home-page .competition-ribbon-stats strong { display:block; margin:0; color:#073477; background:linear-gradient(135deg,#082c69,#1174df 68%,#18abc9); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 42px/.86 var(--font-display); letter-spacing:-.055em; text-align:center; filter:drop-shadow(0 6px 12px rgba(18,105,232,.1)); }
.home-page .competition-ribbon-stats small { display:flex; align-items:center; justify-content:center; width:100%; min-height:24px; max-width:112px; margin:10px auto 0; color:#3f617f; font-size:7.5px; font-weight:900; line-height:1.35; letter-spacing:.095em; text-align:center; text-wrap:balance; }
@keyframes ribbonStatIn { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:1050px) {
    .home-page .competition-ribbon-stats { gap:7px; padding:11px; }
    .home-page .competition-ribbon-stats > span { min-height:96px; padding-inline:7px; }
    .home-page .competition-ribbon-stats strong { font-size:35px; }
    .home-page .competition-ribbon-stats small { font-size:6.5px; }
}

@media (max-width:780px) {
    .home-page .competition-ribbon-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:13px; }
    .home-page .competition-ribbon-stats > span { min-height:99px; padding:14px 10px 11px; border-right:1px solid #d8e8f3; border-bottom:1px solid #d8e8f3; }
    .home-page .competition-ribbon-stats strong { font-size:35px; }
    .home-page .competition-ribbon-stats small { max-width:150px; font-size:7px; }
}

@media (max-width:440px) {
    .home-page .competition-ribbon-stats { gap:7px; padding:9px; }
    .home-page .competition-ribbon-stats > span { min-height:91px; padding:12px 7px 9px; }
    .home-page .competition-ribbon-stats > span::before { left:50%; width:42px; }
    .home-page .competition-ribbon-stats strong { font-size:31px; }
    .home-page .competition-ribbon-stats small { min-height:22px; margin-top:8px; font-size:6.5px; letter-spacing:.075em; }
}

/* Tournament spirit · editorial manifesto and official identity lockup */
.home-page .tournament-slogan { padding-block:118px; background:radial-gradient(circle at 8% 15%,rgba(58,205,241,.25),transparent 27%),radial-gradient(circle at 88% 78%,rgba(29,118,231,.3),transparent 31%),linear-gradient(137deg,#010c22 0%,#042254 52%,#07518a 100%); }
.home-page .tournament-slogan::before { content:'TOGETHER'; right:-18px; bottom:-24px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055); font-size:clamp(110px,15vw,220px); }
.home-page .slogan-inner { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:start; gap:30px 34px; }
.home-page .slogan-mark { position:sticky; top:125px; width:76px; height:76px; margin-top:0; border:1px solid rgba(126,234,251,.55); border-radius:50%; color:#062457; background:linear-gradient(145deg,#fff,#78e9fb); box-shadow:0 0 0 10px rgba(126,234,251,.055),0 22px 46px rgba(0,8,30,.3); }
.home-page .slogan-copy { padding:30px 34px 34px; border:1px solid rgba(255,255,255,.19); border-left:4px solid #79e8fa; border-radius:2px 22px 2px 2px; background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035)); box-shadow:0 32px 76px rgba(0,8,30,.28),inset 0 1px rgba(255,255,255,.055); backdrop-filter:blur(11px); }
.home-page .slogan-copy > small { width:max-content; min-height:28px; display:flex; align-items:center; gap:10px; margin-bottom:20px; padding:0 12px; border:1px solid rgba(126,234,251,.32); border-radius:999px; color:#baf5ff; background:rgba(126,234,251,.08); font-size:8px; letter-spacing:.17em; }
.home-page .slogan-copy > small::before { content:''; width:6px; height:6px; border-radius:50%; background:#7eeafb; box-shadow:0 0 12px #7eeafb; }
.home-page .slogan-copy > small::after { content:'MÙA IV · 2026'; color:#7eeafb; }
.home-page .slogan-copy .slogan-statement { display:grid; gap:11px; max-width:none; margin:0; color:#d7e8f3; font:500 15px/1.75 var(--font-body); }
.home-page .slogan-statement p,.home-page .slogan-statement p + p { position:relative; min-height:94px; display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:17px; margin:0; padding:18px 22px 18px 15px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:2px 17px 2px 2px; background:linear-gradient(110deg,rgba(1,15,39,.46),rgba(10,76,139,.28)); transition:transform .28s,border-color .28s,background .28s,box-shadow .28s; }
.home-page .slogan-statement p::after { content:''; position:absolute; width:3px; left:0; top:15px; bottom:15px; background:linear-gradient(180deg,#fff,#73e6f9); box-shadow:0 0 15px rgba(115,230,249,.65); }
.home-page .slogan-statement p:hover { transform:translateX(5px); border-color:rgba(126,234,251,.48); background:linear-gradient(110deg,rgba(5,37,84,.66),rgba(12,97,163,.36)); box-shadow:0 16px 34px rgba(0,7,28,.2); }
.home-page .slogan-line-index { width:49px; min-height:56px; display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(255,255,255,.15); color:#7eeafb; font:900 26px/1 var(--font-display); letter-spacing:-.04em; text-shadow:0 0 22px rgba(126,234,251,.25); }
.home-page .slogan-line-copy { display:block; }
.home-page .slogan-statement p:first-child { color:#edf8fc; font:700 clamp(17px,1.5vw,21px)/1.6 var(--font-display); letter-spacing:-.015em; }
.home-page .slogan-brand { color:#fff; background:linear-gradient(transparent 68%,rgba(91,222,246,.26) 68%); font-weight:900; }
.home-page .slogan-values { color:#fff; font-weight:900; text-shadow:0 0 22px rgba(97,222,246,.26); }
.home-page .slogan-statement .slogan-anthem { min-height:82px; grid-template-columns:56px minmax(0,1fr); margin:0!important; padding:17px 22px 17px 15px!important; border:1px solid rgba(126,234,251,.44)!important; border-radius:2px 17px 2px 2px; color:#fff; background:linear-gradient(105deg,rgba(18,105,231,.7),rgba(65,209,239,.2)); box-shadow:inset 4px 0 0 #7be8fa,0 15px 34px rgba(0,7,29,.2); font:900 clamp(15px,1.4vw,19px)/1.5 var(--font-display)!important; letter-spacing:.01em!important; text-transform:uppercase!important; }
.home-page .slogan-statement .slogan-anthem::before { content:'✦'; position:absolute; z-index:2; right:18px; left:auto; top:16px; color:#aff5ff; font-size:14px; text-shadow:0 0 16px rgba(127,233,250,.7); transform:none; animation:sloganAnthemSpark 2.8s ease-in-out infinite; }
.home-page .slogan-signature { position:relative; grid-column:1/-1; min-height:250px; display:grid; grid-template-columns:260px minmax(0,1fr); align-items:center; gap:42px; margin-top:8px; padding:28px 70px; overflow:hidden; border:1px solid rgba(126,234,251,.3); border-top:4px solid #55d9f2; border-radius:2px 28px 2px 2px; background:radial-gradient(circle at 24% 50%,rgba(83,218,242,.16),transparent 22%),linear-gradient(120deg,#03183c 0%,#073a7b 55%,#0a4a8c 100%); box-shadow:0 30px 74px rgba(0,7,28,.3),inset 0 1px rgba(255,255,255,.08); }
.home-page .slogan-signature::before { content:''; position:absolute; left:0; top:0; width:100%; height:1px; display:block; background:linear-gradient(90deg,transparent,#fff 45%,#72e7fa 68%,transparent); box-shadow:0 0 18px rgba(114,231,250,.5); }
.home-page .slogan-signature > em { position:absolute; right:-34px; bottom:-60px; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.1); font:900 225px/.8 var(--font-display); letter-spacing:-.1em; pointer-events:none; }
.home-page .slogan-identity-crest { position:relative; z-index:1; width:174px; height:174px; display:grid; place-items:center; justify-self:center; border:1px solid rgba(126,234,251,.55); border-radius:50%; background:radial-gradient(circle,#fff 0 46%,#dff7fc 47% 61%,rgba(63,199,232,.16) 62% 100%); box-shadow:0 18px 38px rgba(0,8,29,.33),0 0 0 9px rgba(126,234,251,.07); }
.home-page .slogan-identity-crest::before { content:''; position:absolute; inset:-14px; border:1px dashed rgba(126,234,251,.5); border-radius:50%; animation:ribbonCrestOrbit 19s linear infinite; }
.home-page .slogan-identity-crest::after { content:''; position:absolute; width:14px; height:14px; right:3px; top:2px; border-radius:50%; background:#78e8fb; box-shadow:0 0 20px rgba(120,232,251,.9); animation:ribbonCrestPulse 2.8s ease-in-out infinite; }
.home-page .slogan-identity-crest img { position:relative; z-index:1; width:156px; height:156px; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,14,43,.26)); }
.home-page .slogan-identity-copy { position:relative; z-index:1; display:flex; align-items:flex-start; flex-direction:column; }
.home-page .slogan-identity-copy small { color:#94efff; font-size:10px; font-weight:900; letter-spacing:.22em; }
.home-page .slogan-identity-copy b { margin-top:8px; color:#fff; font:900 clamp(27px,3vw,43px)/1.06 var(--font-display); letter-spacing:-.025em; text-transform:uppercase; text-wrap:balance; }
.home-page .slogan-identity-copy > i { width:88px; height:4px; margin:24px 0 19px; background:linear-gradient(90deg,#7ce9fb,#fff); box-shadow:0 0 15px rgba(124,233,251,.48); }
.home-page .slogan-identity-copy strong { margin:0; padding:0; border:0; color:#7ce9fb; font:900 clamp(31px,3.5vw,50px)/1 var(--font-display); letter-spacing:-.035em; }
@keyframes sloganAnthemSpark { 0%,100% { opacity:.48; transform:scale(.78) rotate(0); } 50% { opacity:1; transform:scale(1.16) rotate(90deg); } }

@media (max-width:1050px) {
    .home-page .slogan-inner { grid-template-columns:76px minmax(0,1fr); gap:26px; }
    .home-page .slogan-signature { grid-column:1/-1; grid-template-columns:210px minmax(0,1fr); gap:30px; min-height:225px; padding:25px 48px; }
    .home-page .slogan-identity-crest { width:150px; height:150px; }
    .home-page .slogan-identity-crest img { width:135px; height:135px; }
}

@media (max-width:780px) {
    .home-page .tournament-slogan { padding-block:76px; }
    .home-page .slogan-inner { grid-template-columns:1fr; gap:18px; }
    .home-page .slogan-mark { position:relative; top:auto; width:58px; height:58px; }
    .home-page .slogan-copy { padding:21px 18px 20px; }
    .home-page .slogan-copy > small { margin-bottom:14px; }
    .home-page .slogan-copy .slogan-statement { gap:8px; font-size:13px; }
    .home-page .slogan-statement p,.home-page .slogan-statement p + p { min-height:82px; grid-template-columns:46px minmax(0,1fr); gap:11px; padding:14px 14px 14px 10px; }
    .home-page .slogan-line-index { width:41px; min-height:49px; font-size:21px; }
    .home-page .slogan-statement p:first-child { font-size:16px; }
    .home-page .slogan-statement .slogan-anthem { min-height:75px; grid-template-columns:46px minmax(0,1fr); padding:14px 31px 14px 10px!important; font-size:13px!important; }
    .home-page .slogan-signature { grid-column:1; min-height:205px; grid-template-columns:155px minmax(0,1fr); gap:21px; padding:22px 28px; }
    .home-page .slogan-signature > em { right:-27px; bottom:-34px; font-size:150px; }
    .home-page .slogan-identity-crest { width:122px; height:122px; }
    .home-page .slogan-identity-crest img { width:110px; height:110px; }
    .home-page .slogan-identity-copy small { font-size:7px; }
    .home-page .slogan-identity-copy b { font-size:clamp(19px,4.2vw,26px); }
    .home-page .slogan-identity-copy > i { width:62px; height:3px; margin:16px 0 13px; }
    .home-page .slogan-identity-copy strong { font-size:clamp(25px,5.5vw,34px); }
}

@media (max-width:520px) {
    .home-page .tournament-slogan { padding-block:62px; }
    .home-page .slogan-copy { padding-inline:13px; }
    .home-page .slogan-copy > small::after { display:none; }
    .home-page .slogan-statement p,.home-page .slogan-statement p + p { grid-template-columns:38px minmax(0,1fr); gap:8px; padding-inline:8px 10px; }
    .home-page .slogan-line-index { width:34px; font-size:18px; }
    .home-page .slogan-statement p:first-child { font-size:14px; }
    .home-page .slogan-statement .slogan-anthem { grid-template-columns:38px minmax(0,1fr); padding-inline:8px 26px!important; font-size:11px!important; }
    .home-page .slogan-signature { min-height:178px; grid-template-columns:102px minmax(0,1fr); gap:15px; padding:18px 14px; border-radius:2px 21px 2px 2px; }
    .home-page .slogan-identity-crest { width:88px; height:88px; box-shadow:0 12px 28px rgba(0,8,29,.3),0 0 0 5px rgba(126,234,251,.07); }
    .home-page .slogan-identity-crest::before { inset:-8px; }
    .home-page .slogan-identity-crest::after { width:9px; height:9px; }
    .home-page .slogan-identity-crest img { width:80px; height:80px; }
    .home-page .slogan-identity-copy small { font-size:5.5px; letter-spacing:.16em; }
    .home-page .slogan-identity-copy b { margin-top:5px; font-size:15px; line-height:1.1; }
    .home-page .slogan-identity-copy > i { width:44px; height:2px; margin:11px 0 9px; }
    .home-page .slogan-identity-copy strong { font-size:22px; }
}

/* Trailer · synchronized premium stat cards */
.home-page .trailer-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:10px; border:1px solid #d6e6f1; border-radius:2px 19px 2px 2px; background:linear-gradient(135deg,#edf7ff,#fff 52%,#eaf6ff); box-shadow:inset 0 1px #fff,0 14px 32px rgba(6,48,103,.07); }
.home-page .trailer-facts > span,.home-page .trailer-facts > span + span { position:relative; min-width:0; min-height:112px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0; padding:15px 9px 12px; overflow:hidden; border:1px solid #d8e8f3; border-radius:2px 16px 2px 2px; background:linear-gradient(155deg,#fff 0%,#f4faff 72%,#eaf6ff 100%); box-shadow:0 8px 20px rgba(6,48,103,.065),inset 0 1px #fff; text-align:center; isolation:isolate; animation:trailerFactIn .62s both cubic-bezier(.2,.75,.2,1); transition:transform .28s,border-color .28s,box-shadow .28s,background .28s; }
.home-page .trailer-facts > span:nth-child(2) { animation-delay:.09s; }
.home-page .trailer-facts > span:nth-child(3) { animation-delay:.18s; }
.home-page .trailer-facts > span::before { content:''; position:absolute; z-index:-1; left:50%; top:0; width:48px; height:4px; transform:translateX(-50%); background:linear-gradient(90deg,#1269e8,#65e7f8); box-shadow:0 0 13px rgba(65,202,237,.46); }
.home-page .trailer-facts > span::after { content:''; position:absolute; z-index:-1; width:66px; height:66px; right:-35px; top:-36px; border:1px solid rgba(18,105,232,.12); border-radius:50%; box-shadow:0 0 0 11px rgba(101,231,248,.042); }
.home-page .trailer-facts > span:hover { z-index:1; transform:translateY(-5px); border-color:rgba(38,172,226,.5); background:linear-gradient(155deg,#fff,#edf8ff); box-shadow:0 16px 32px rgba(5,47,105,.14),0 0 0 3px rgba(98,225,246,.08); }
.home-page .trailer-facts strong { display:block; margin:0; color:#073477; background:linear-gradient(135deg,#082c69,#1174df 68%,#18abc9); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 40px/.88 var(--font-display); letter-spacing:-.055em; text-align:center; filter:drop-shadow(0 6px 12px rgba(18,105,232,.1)); }
.home-page .trailer-facts small { display:flex; align-items:center; justify-content:center; width:100%; min-height:31px; margin:11px auto 0; color:#3f617f; font-size:7px; font-weight:900; line-height:1.38; letter-spacing:.095em; text-align:center; text-wrap:balance; }
@keyframes trailerFactIn { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:780px) {
    .home-page .trailer-facts { gap:7px; padding:8px; }
    .home-page .trailer-facts > span,.home-page .trailer-facts > span + span { min-height:101px; padding-inline:6px; }
    .home-page .trailer-facts strong { font-size:34px; }
    .home-page .trailer-facts small { min-height:28px; font-size:6.5px; }
}

@media (max-width:440px) {
    .home-page .trailer-facts { gap:5px; padding:6px; }
    .home-page .trailer-facts > span,.home-page .trailer-facts > span + span { min-height:92px; padding:12px 4px 8px; border-radius:2px 12px 2px 2px; }
    .home-page .trailer-facts > span::before { width:36px; height:3px; }
    .home-page .trailer-facts strong { font-size:29px; }
    .home-page .trailer-facts small { min-height:26px; margin-top:8px; font-size:5.8px; letter-spacing:.065em; }
}

/* Awards · synchronized premium stat cards */
.home-page .awards-heading-meta { align-self:end; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; min-height:0; padding:10px; border:1px solid rgba(126,234,251,.22); border-radius:2px 19px 2px 2px; background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(126,234,251,.035)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 42px rgba(0,7,27,.2); backdrop-filter:blur(10px); }
.home-page .awards-heading-meta > span,.home-page .awards-heading-meta > span + span { position:relative; min-width:0; min-height:116px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:16px 10px 13px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:2px 16px 2px 2px; background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(15,94,163,.16)); box-shadow:0 12px 27px rgba(0,7,27,.16),inset 0 1px rgba(255,255,255,.06); text-align:center; isolation:isolate; animation:awardMetaIn .62s both cubic-bezier(.2,.75,.2,1); transition:transform .28s,border-color .28s,background .28s,box-shadow .28s; }
.home-page .awards-heading-meta > span:nth-child(2) { animation-delay:.1s; }
.home-page .awards-heading-meta > span::before { content:''; position:absolute; z-index:-1; left:50%; top:0; width:48px; height:4px; transform:translateX(-50%); background:linear-gradient(90deg,#fff,#6ce6f8); box-shadow:0 0 14px rgba(108,230,248,.55); }
.home-page .awards-heading-meta > span::after { content:''; position:absolute; z-index:-1; width:68px; height:68px; right:-36px; top:-37px; border:1px solid rgba(126,234,251,.13); border-radius:50%; box-shadow:0 0 0 11px rgba(126,234,251,.035); }
.home-page .awards-heading-meta > span:hover { transform:translateY(-5px); border-color:rgba(126,234,251,.48); background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(29,130,193,.22)); box-shadow:0 18px 34px rgba(0,7,27,.27),0 0 0 3px rgba(126,234,251,.07); }
.home-page .awards-heading-meta strong { display:block; margin:0; color:#fff; background:linear-gradient(135deg,#fff 12%,#7ce9fb 74%,#3dc5ec); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 42px/.88 var(--font-display); letter-spacing:-.055em; text-align:center; filter:drop-shadow(0 6px 13px rgba(92,220,244,.16)); }
.home-page .awards-heading-meta small { display:flex; align-items:center; justify-content:center; width:100%; min-height:31px; margin:11px auto 0; color:#c8e5ef; font-size:7px; font-weight:900; line-height:1.4; letter-spacing:.11em; text-align:center; text-wrap:balance; }
@keyframes awardMetaIn { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:780px) {
    .home-page .awards-heading-meta { width:min(100%,430px); gap:8px; padding:8px; }
    .home-page .awards-heading-meta > span,.home-page .awards-heading-meta > span + span { min-height:105px; padding:14px 8px 11px; }
    .home-page .awards-heading-meta strong { font-size:36px; }
    .home-page .awards-heading-meta small { min-height:28px; font-size:6.5px; }
}

@media (max-width:440px) {
    .home-page .awards-heading-meta { gap:6px; padding:6px; }
    .home-page .awards-heading-meta > span,.home-page .awards-heading-meta > span + span { min-height:94px; padding:12px 6px 9px; border-radius:2px 12px 2px 2px; }
    .home-page .awards-heading-meta > span::before { width:38px; height:3px; }
    .home-page .awards-heading-meta strong { font-size:31px; }
    .home-page .awards-heading-meta small { min-height:26px; margin-top:8px; font-size:6px; letter-spacing:.085em; }
}

/* Destination · synchronized premium stat cards */
.home-page .trip-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:32px 0; padding:9px; border:1px solid #d6e6f1; border-radius:2px 18px 2px 2px; background:linear-gradient(135deg,#edf7ff,#fff 52%,#eaf6ff); box-shadow:inset 0 1px #fff,0 14px 32px rgba(6,48,103,.07); }
.home-page .trip-stats > div { position:relative; min-width:0; min-height:108px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0; padding:15px 7px 12px; overflow:hidden; border:1px solid #d8e8f3; border-radius:2px 15px 2px 2px; background:linear-gradient(155deg,#fff 0%,#f4faff 72%,#eaf6ff 100%); box-shadow:0 8px 20px rgba(6,48,103,.065),inset 0 1px #fff; text-align:center; isolation:isolate; animation:tripStatIn .62s both cubic-bezier(.2,.75,.2,1); transition:transform .28s,border-color .28s,box-shadow .28s,background .28s; }
.home-page .trip-stats > div:nth-child(2) { animation-delay:.09s; }
.home-page .trip-stats > div:nth-child(3) { animation-delay:.18s; }
.home-page .trip-stats > div::before { content:''; position:absolute; z-index:-1; left:50%; top:0; width:44px; height:4px; transform:translateX(-50%); background:linear-gradient(90deg,#1269e8,#65e7f8); box-shadow:0 0 13px rgba(65,202,237,.46); }
.home-page .trip-stats > div::after { content:''; position:absolute; z-index:-1; width:62px; height:62px; right:-33px; top:-34px; border:1px solid rgba(18,105,232,.12); border-radius:50%; box-shadow:0 0 0 10px rgba(101,231,248,.042); }
.home-page .trip-stats > div:hover { z-index:1; transform:translateY(-5px); border-color:rgba(38,172,226,.5); background:linear-gradient(155deg,#fff,#edf8ff); box-shadow:0 16px 32px rgba(5,47,105,.14),0 0 0 3px rgba(98,225,246,.08); }
.home-page .trip-stats strong { display:block; margin:0; color:#073477; background:linear-gradient(135deg,#082c69,#1174df 68%,#18abc9); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 38px/.88 var(--font-display); letter-spacing:-.055em; text-align:center; filter:drop-shadow(0 6px 12px rgba(18,105,232,.1)); }
.home-page .trip-stats span { display:flex; align-items:center; justify-content:center; width:100%; min-height:31px; margin:10px auto 0; color:#3f617f; font-size:6.5px; font-weight:900; line-height:1.4; letter-spacing:.08em; text-align:center; text-wrap:balance; }
@keyframes tripStatIn { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:780px) {
    .home-page .trip-stats { gap:7px; padding:8px; }
    .home-page .trip-stats > div { min-height:101px; padding:13px 5px 10px; }
    .home-page .trip-stats strong { font-size:34px; }
    .home-page .trip-stats span { min-height:28px; font-size:6px; }
}

@media (max-width:440px) {
    .home-page .trip-stats { gap:5px; padding:6px; }
    .home-page .trip-stats > div { min-height:91px; padding:12px 3px 8px; border-radius:2px 11px 2px 2px; }
    .home-page .trip-stats > div::before { width:34px; height:3px; }
    .home-page .trip-stats strong { font-size:29px; }
    .home-page .trip-stats span { min-height:26px; margin-top:8px; font-size:5.5px; letter-spacing:.055em; }
}

/* Team directory · synchronized premium stat card */
.home-page .teams-heading-meta { position:relative; width:250px; min-height:128px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0; padding:18px 16px 15px; overflow:hidden; border:1px solid rgba(126,234,251,.25); border-radius:2px 18px 2px 2px; background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(15,94,163,.16)); box-shadow:0 20px 44px rgba(0,7,27,.22),inset 0 1px rgba(255,255,255,.07); text-align:center; isolation:isolate; backdrop-filter:blur(10px); animation:teamDirectoryMetaIn .62s both cubic-bezier(.2,.75,.2,1); transition:transform .28s,border-color .28s,background .28s,box-shadow .28s; }
.home-page .teams-heading-meta::before { content:''; position:absolute; z-index:-1; left:50%; top:0; width:54px; height:4px; transform:translateX(-50%); background:linear-gradient(90deg,#fff,#6ce6f8); box-shadow:0 0 14px rgba(108,230,248,.56); }
.home-page .teams-heading-meta::after { content:''; position:absolute; z-index:-1; width:78px; height:78px; right:-41px; top:-42px; border:1px solid rgba(126,234,251,.14); border-radius:50%; box-shadow:0 0 0 13px rgba(126,234,251,.038); }
.home-page .teams-heading-meta:hover { transform:translateY(-5px); border-color:rgba(126,234,251,.52); background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(29,130,193,.22)); box-shadow:0 27px 54px rgba(0,7,27,.3),0 0 0 3px rgba(126,234,251,.07); }
.home-page .teams-heading-meta > strong { display:block; width:auto; height:auto; margin:0; border:0; color:#fff; background:linear-gradient(135deg,#fff 12%,#7ce9fb 74%,#3dc5ec); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 46px/.88 var(--font-display); letter-spacing:-.055em; text-align:center; filter:drop-shadow(0 6px 13px rgba(92,220,244,.16)); }
.home-page .teams-heading-meta > span { display:block; width:100%; margin:11px 0 0; padding:0; color:#fff; font:900 9px/1.35 var(--font-display); letter-spacing:.08em; text-align:center; }
.home-page .teams-heading-meta small { display:block; margin-top:4px; color:#8debf9; font:800 6px/1.4 var(--font-body); letter-spacing:.11em; text-align:center; }
@keyframes teamDirectoryMetaIn { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:780px) {
    .home-page .teams-heading-meta { width:min(100%,300px); min-height:112px; margin-inline:auto; padding:16px 13px 13px; }
    .home-page .teams-heading-meta > strong { font-size:39px; }
    .home-page .teams-heading-meta > span { margin-top:9px; font-size:8px; }
}

@media (max-width:440px) {
    .home-page .teams-heading-meta { min-height:101px; border-radius:2px 14px 2px 2px; }
    .home-page .teams-heading-meta::before { width:42px; height:3px; }
    .home-page .teams-heading-meta > strong { font-size:34px; }
    .home-page .teams-heading-meta > span { font-size:7.5px; }
    .home-page .teams-heading-meta small { font-size:5.5px; }
}

/* Team profile · immersive club experience */
.team-profile-page { --team-glow:color-mix(in srgb,var(--team-color),transparent 68%); background:#edf4fa; }
.team-profile-page .solid-header { border-bottom:1px solid color-mix(in srgb,var(--team-color),#dce8f1 74%); box-shadow:0 12px 32px rgba(4,35,79,.08); }
.team-profile-page .back-home { min-height:42px; display:inline-flex; align-items:center; padding:0 15px; border:1px solid color-mix(in srgb,var(--team-color),transparent 76%); border-radius:2px 12px 2px 2px; color:color-mix(in srgb,var(--team-color),#07336e 32%); background:color-mix(in srgb,var(--team-color),#fff 94%); transition:transform .25s,border-color .25s,background .25s; }
.team-profile-page .back-home:hover,.team-profile-page .back-home:focus-visible { transform:translateX(-4px); border-color:var(--team-color); background:#fff; }
.team-profile-page .team-profile-hero { min-height:690px; isolation:isolate; background:radial-gradient(circle at 16% 44%,color-mix(in srgb,var(--team-color),transparent 34%),transparent 34%),radial-gradient(circle at 92% 12%,rgba(95,222,247,.2),transparent 27%),linear-gradient(127deg,#010d25 0%,color-mix(in srgb,var(--team-color),#062352 62%) 58%,#07548f 100%); }
.team-profile-page .team-profile-hero::before { z-index:0; right:-15px; bottom:-34px; font-size:clamp(145px,19vw,285px); -webkit-text-stroke:1px rgba(255,255,255,.075); }
.team-profile-page .team-profile-hero::after { content:''; position:absolute; z-index:0; width:620px; height:620px; left:-290px; top:50%; transform:translateY(-50%); border:1px solid rgba(126,234,251,.15); border-radius:50%; box-shadow:0 0 0 70px rgba(126,234,251,.027),0 0 0 140px rgba(126,234,251,.018); pointer-events:none; }
.team-profile-page .team-profile-grid { z-index:0; opacity:.14; background-size:92px 92px; mask-image:linear-gradient(90deg,#000,transparent 88%); }
.team-profile-page .team-profile-hero-inner { z-index:1; grid-template-columns:390px minmax(0,1fr); gap:clamp(52px,6vw,92px); padding:92px 0 82px; }
.team-profile-page .team-profile-logo { width:360px; height:390px; padding:48px 44px 72px; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-top:6px solid var(--team-color); border-radius:3px 44px 3px 3px; background:radial-gradient(circle at 50% 42%,#fff 0%,#f4fafe 62%,#dcecf5 100%); box-shadow:25px 27px 0 color-mix(in srgb,var(--team-color),transparent 79%),0 38px 80px rgba(0,7,29,.36); animation:profileLogoIn .9s both cubic-bezier(.2,.8,.2,1); transition:transform .42s,box-shadow .42s; }
.team-profile-page .team-profile-logo::before { inset:15px; border:1px solid color-mix(in srgb,var(--team-color),transparent 82%); border-radius:2px 31px 2px 2px; box-shadow:inset 0 0 0 5px rgba(255,255,255,.5); }
.team-profile-page .team-profile-logo::after { content:''; position:absolute; z-index:2; width:100px; height:180%; left:-135px; top:-40%; transform:rotate(20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); animation:profileLogoShine 6.8s 1.1s ease-in-out infinite; pointer-events:none; }
.team-profile-page .team-profile-logo:hover { transform:translateY(-9px) rotate(-1deg); box-shadow:31px 34px 0 color-mix(in srgb,var(--team-color),transparent 73%),0 48px 94px rgba(0,7,29,.43); }
.team-profile-page .team-profile-logo img { z-index:1; max-height:272px; transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .35s; }
.team-profile-page .team-profile-logo:hover img { transform:scale(1.07); filter:drop-shadow(0 22px 24px rgba(7,31,70,.28)); }
.team-profile-page .team-profile-logo > span { z-index:3; min-height:54px; color:#3d6380; background:rgba(255,255,255,.76); letter-spacing:.2em; }
.team-profile-page .team-profile-heading { position:relative; padding:34px 36px 38px; border:1px solid rgba(255,255,255,.17); border-left:4px solid color-mix(in srgb,var(--team-color),#7eeafb 36%); border-radius:2px 27px 2px 2px; background:linear-gradient(130deg,rgba(2,16,42,.73),rgba(255,255,255,.055)); box-shadow:0 28px 68px rgba(0,7,29,.24),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(10px); animation:profileHeadingIn .82s .12s both cubic-bezier(.2,.8,.2,1); }
.team-profile-page .team-profile-heading::before { content:'OFFICIAL CLUB PROFILE'; position:absolute; right:22px; top:17px; color:rgba(255,255,255,.16); font-size:6px; font-weight:900; letter-spacing:.16em; }
.team-profile-page .team-profile-heading > span { width:max-content; min-height:28px; display:flex; align-items:center; margin-bottom:18px; padding:0 11px; border:1px solid rgba(126,234,251,.3); border-radius:999px; color:#9cf0fd; background:rgba(126,234,251,.07); }
.team-profile-page .team-profile-heading h1 { max-width:900px; color:#fff; background:linear-gradient(115deg,#fff 15%,#e9faff 56%,color-mix(in srgb,var(--team-color),#7eeafb 42%)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
.team-profile-page .team-profile-heading > p { position:relative; width:max-content; max-width:100%; margin:25px 0 30px; padding-left:43px; color:#c9dfeb; }
.team-profile-page .team-profile-heading > p::before { content:''; position:absolute; left:0; top:50%; width:29px; height:3px; transform:translateY(-50%); background:linear-gradient(90deg,var(--team-color),#7eeafb); box-shadow:0 0 12px var(--team-glow); }
.team-profile-page .team-profile-facebook { border:1px solid rgba(255,255,255,.18); border-radius:2px 13px 2px 2px; transition:transform .25s,box-shadow .25s,background .25s; }
.team-profile-page .team-profile-facebook:hover,.team-profile-page .team-profile-facebook:focus-visible { transform:translateY(-4px); background:#0e66da; box-shadow:0 19px 36px rgba(0,28,80,.36); }
.team-profile-page .team-profile-overview { position:relative; overflow:hidden; background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--team-color),transparent 90%),transparent 27%),linear-gradient(145deg,#fff,#f3f8fc); }
.team-profile-page .team-profile-overview::after { content:'TEAM'; position:absolute; right:-18px; bottom:-44px; color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--team-color),transparent 91%); font:900 170px/.8 var(--font-display); pointer-events:none; }
.team-profile-page .team-profile-overview-grid { position:relative; z-index:1; grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr); gap:70px; }
.team-profile-page .team-profile-story { position:relative; padding:30px 32px 34px; overflow:hidden; border:1px solid #d7e5ef; border-top:4px solid var(--team-color); border-radius:2px 22px 2px 2px; background:#fff; box-shadow:0 22px 52px rgba(6,41,89,.08); }
.team-profile-page .team-profile-story::after { content:attr(data-team); position:absolute; right:-8px; bottom:-26px; color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--team-color),transparent 88%); font:900 86px/.8 var(--font-display); }
.team-profile-page .team-profile-story h2 { position:relative; z-index:1; }
.team-profile-page .team-profile-story p { position:relative; z-index:1; }
.team-profile-page .team-profile-leaders { gap:13px; }
.team-profile-page .team-profile-leaders article { position:relative; min-height:164px; padding:21px; overflow:hidden; border:1px solid #d7e5ef; border-top:4px solid var(--team-color); border-radius:2px 17px 2px 2px; background:linear-gradient(150deg,#fff,#eef6fb); box-shadow:0 15px 34px rgba(6,41,89,.07); transition:transform .3s,border-color .3s,box-shadow .3s; }
.team-profile-page .team-profile-leaders article::after { content:''; position:absolute; width:76px; height:76px; right:-39px; top:-40px; border:1px solid color-mix(in srgb,var(--team-color),transparent 82%); border-radius:50%; box-shadow:0 0 0 12px color-mix(in srgb,var(--team-color),transparent 94%); }
.team-profile-page .team-profile-leaders article:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--team-color),#b4d7e8 48%); box-shadow:0 23px 45px rgba(6,41,89,.13),0 0 0 3px color-mix(in srgb,var(--team-color),transparent 91%); }
.team-profile-page .team-profile-leaders article > b { font-size:42px; background:linear-gradient(135deg,#082d68,var(--team-color)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.team-profile-page .team-profile-draw-note { position:relative; min-height:76px; padding-inline:23px; overflow:hidden; border-radius:2px 15px 2px 2px; box-shadow:0 16px 35px rgba(2,26,67,.2); }
.team-profile-page .team-profile-draw-note::before { content:''; width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#7eeafb; box-shadow:0 0 0 6px rgba(126,234,251,.1),0 0 16px rgba(126,234,251,.75); animation:profileStatusPulse 2s ease-in-out infinite; }
.team-profile-page .team-kits-section { background:linear-gradient(145deg,#edf5fb,#fff 45%,#edf6fc); }
.team-profile-page .team-kits-grid { gap:22px; }
.team-profile-page .team-kit-card { position:relative; min-height:410px; overflow:hidden; border:1px solid #d5e4ee; border-top:4px solid var(--team-color); border-radius:2px 23px 2px 2px; background:#fff; box-shadow:0 22px 52px rgba(7,42,92,.09); transition:transform .35s,border-color .35s,box-shadow .35s; }
.team-profile-page .team-kit-card::after { content:'MATCH KIT'; position:absolute; right:-4px; bottom:4px; color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--team-color),transparent 88%); font:900 42px/1 var(--font-display); pointer-events:none; }
.team-profile-page .team-kit-card:hover { transform:translateY(-9px); border-color:color-mix(in srgb,var(--team-color),#bcd8e7 42%); box-shadow:0 32px 68px rgba(7,42,92,.16),0 0 0 3px color-mix(in srgb,var(--team-color),transparent 92%); }
.team-profile-page .team-kit-visual { position:relative; min-height:406px; overflow:hidden; background:radial-gradient(circle at 50% 43%,#fff 0%,color-mix(in srgb,var(--team-color),#fff 91%) 58%,#e8f2f8 100%); }
.team-profile-page .team-kit-visual::before { content:''; position:absolute; inset:20px; border:1px solid color-mix(in srgb,var(--team-color),transparent 86%); border-radius:2px 16px 2px 2px; pointer-events:none; }
.team-profile-page .team-kit-visual img,.team-profile-page .team-kit-placeholder { position:relative; z-index:1; transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .35s; }
.team-profile-page .team-kit-card:hover .team-kit-visual img,.team-profile-page .team-kit-card:hover .team-kit-placeholder { transform:translateY(-6px) scale(1.055); filter:drop-shadow(0 23px 28px rgba(7,42,92,.2)); }
.team-profile-page .team-kit-card > div:last-child { position:relative; z-index:1; }
.team-profile-page .team-roster-section { isolation:isolate; background:radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--team-color),transparent 65%),transparent 28%),radial-gradient(circle at 92% 85%,rgba(39,190,232,.24),transparent 30%),linear-gradient(135deg,#010d26,#062e6b 58%,#075d8f); }
.team-profile-page .team-roster-section::after { content:''; position:absolute; z-index:0; inset:0; opacity:.11; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(90deg,#000,transparent 88%); pointer-events:none; }
.team-profile-page .team-roster-section .container { z-index:1; }
.team-profile-page .team-roster-grid { gap:12px; }
.team-profile-page .team-roster-grid article { position:relative; min-height:94px; padding:14px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:2px 15px 2px 2px; background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.045)); box-shadow:0 13px 28px rgba(0,7,26,.14); backdrop-filter:blur(7px); transition:transform .3s,border-color .3s,background .3s,box-shadow .3s; }
.team-profile-page .team-roster-grid article::after { content:'✦'; position:absolute; right:10px; top:8px; color:rgba(126,234,251,.2); font-size:10px; }
.team-profile-page .team-roster-grid article:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--team-color),#9cecf8 45%); background:linear-gradient(120deg,color-mix(in srgb,var(--team-color),transparent 72%),rgba(255,255,255,.075)); box-shadow:0 21px 40px rgba(0,7,26,.26); }
.team-profile-page .team-roster-grid article > b { border:1px solid rgba(255,255,255,.62); border-radius:2px 12px 2px 2px; background:linear-gradient(145deg,#fff,#7eeafb); box-shadow:0 8px 18px rgba(0,7,26,.2); }
.team-profile-page .team-roster-empty { position:relative; overflow:hidden; border-radius:2px 22px 2px 2px; background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045)); box-shadow:0 22px 52px rgba(0,7,26,.2); }
.team-profile-page.profile-reveal-ready [data-profile-reveal] { opacity:0; transform:translateY(28px) scale(.985); }
.team-profile-page.profile-reveal-ready [data-profile-reveal].is-profile-visible { opacity:1; transform:none; transition:opacity .62s ease,transform .72s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background .3s; transition-delay:calc(var(--profile-order,0) * 55ms); }
.team-profile-page.profile-reveal-ready [data-profile-reveal].is-profile-visible:hover { transition-delay:0s; }
@keyframes profileLogoIn { from { opacity:0; transform:translate3d(-42px,18px,0) rotate(-2deg); } to { opacity:1; transform:none; } }
@keyframes profileHeadingIn { from { opacity:0; transform:translate3d(35px,16px,0); } to { opacity:1; transform:none; } }
@keyframes profileLogoShine { 0%,67%,100% { left:-135px; opacity:0; } 74% { opacity:.7; } 88% { left:120%; opacity:0; } }
@keyframes profileStatusPulse { 50% { opacity:.45; transform:scale(.72); } }

@media (max-width:1050px) {
    .team-profile-page .team-profile-hero-inner { grid-template-columns:310px minmax(0,1fr); gap:42px; }
    .team-profile-page .team-profile-logo { width:292px; height:325px; padding:39px 36px 66px; }
    .team-profile-page .team-profile-overview-grid { grid-template-columns:1fr; gap:44px; }
}

@media (max-width:780px) {
    .team-profile-page .team-profile-hero { min-height:auto; }
    .team-profile-page .team-profile-hero-inner { grid-template-columns:1fr; gap:43px; padding:68px 0 74px; }
    .team-profile-page .team-profile-logo { width:250px; height:280px; justify-self:center; padding:33px 31px 62px; }
    .team-profile-page .team-profile-heading { padding:27px 22px 29px; text-align:center; }
    .team-profile-page .team-profile-heading > span,.team-profile-page .team-profile-heading > p { margin-inline:auto; }
    .team-profile-page .team-profile-heading > p { padding-left:0; }
    .team-profile-page .team-profile-heading > p::before { display:none; }
    .team-profile-page .team-profile-heading > div { justify-content:center; }
    .team-profile-page .team-profile-overview-grid { gap:34px; }
    .team-profile-page .team-profile-story { padding:26px 23px 29px; text-align:center; }
    .team-profile-page .team-profile-story p { margin-inline:auto; }
    .team-profile-page .team-kit-card { grid-template-columns:1fr; min-height:0; }
    .team-profile-page .team-kit-visual { min-height:320px; border-right:0; border-bottom:1px solid #d9e5ee; }
    .team-profile-page .team-roster-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:520px) {
    .team-profile-page .back-home { min-height:38px; padding-inline:10px; font-size:8px; }
    .team-profile-page .team-profile-hero-inner { gap:34px; padding:54px 0 62px; }
    .team-profile-page .team-profile-logo { width:min(68vw,226px); height:min(76vw,252px); padding:28px 27px 57px; border-radius:2px 31px 2px 2px; }
    .team-profile-page .team-profile-heading { padding:23px 15px 25px; }
    .team-profile-page .team-profile-heading::before { display:none; }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(38px,12vw,52px); }
    .team-profile-page .team-profile-heading > div > small { width:100%; }
    .team-profile-page .team-profile-facebook { width:100%; justify-content:center; }
    .team-profile-page .team-profile-leaders { grid-template-columns:1fr; }
    .team-profile-page .team-profile-leaders article { min-height:126px; }
    .team-profile-page .team-profile-draw-note { grid-column:1; align-items:flex-start; justify-content:center; flex-direction:column; gap:7px; padding:17px 18px; }
    .team-profile-page .team-kits-grid { gap:16px; }
    .team-profile-page .team-kit-visual { min-height:270px; }
    .team-profile-page .team-kit-card > div:last-child { padding:27px 21px; }
    .team-profile-page .team-roster-grid { grid-template-columns:1fr; }
}

/* Team profile · role icon system */
.team-profile-page .team-profile-leaders .team-leader-icon { position:relative; z-index:1; width:58px; height:58px; display:grid; place-items:center; flex:0 0 auto; overflow:hidden; border:1px solid color-mix(in srgb,var(--team-color),#b9d8e8 58%); border-radius:2px 17px 2px 2px; color:color-mix(in srgb,var(--team-color),#062c68 18%); background:radial-gradient(circle at 32% 24%,#fff 0%,color-mix(in srgb,var(--team-color),#fff 91%) 58%,#e4f0f7 100%); background-clip:border-box; -webkit-background-clip:border-box; -webkit-text-fill-color:currentColor; box-shadow:8px 9px 0 color-mix(in srgb,var(--team-color),transparent 88%),0 12px 24px rgba(6,41,89,.12); transition:transform .3s,box-shadow .3s,border-color .3s; }
.team-profile-page .team-profile-leaders .team-leader-icon::before { content:''; position:absolute; width:28px; height:2px; left:50%; bottom:7px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,var(--team-color),transparent); opacity:.55; }
.team-profile-page .team-profile-leaders article:hover .team-leader-icon { transform:translateY(-4px) rotate(-2deg); border-color:var(--team-color); box-shadow:11px 12px 0 color-mix(in srgb,var(--team-color),transparent 83%),0 17px 30px rgba(6,41,89,.16); }
.team-leader-icon > i { position:relative; display:block; color:inherit; font-style:normal; }
.team-leader-icon--captain > i { width:29px; height:33px; display:grid; place-items:center; clip-path:polygon(50% 0,92% 15%,86% 67%,50% 100%,14% 67%,8% 15%); color:#fff; background:linear-gradient(145deg,var(--team-color),color-mix(in srgb,var(--team-color),#041b45 42%)); filter:drop-shadow(0 5px 5px rgba(5,36,76,.22)); }
.team-leader-icon--captain > i::before { content:'★'; color:#fff; font:900 13px/1 Arial,sans-serif; text-shadow:0 2px 4px rgba(0,20,55,.28); }
.team-leader-icon--manager > i { width:31px; height:33px; }
.team-leader-icon--manager > i::before { content:''; position:absolute; width:11px; height:11px; left:50%; top:1px; transform:translateX(-50%); border:2px solid currentColor; border-radius:50%; background:#fff; box-shadow:0 3px 7px rgba(6,41,89,.12); }
.team-leader-icon--manager > i::after { content:''; position:absolute; width:27px; height:17px; left:50%; bottom:1px; transform:translateX(-50%); border:2px solid currentColor; border-bottom-width:4px; border-radius:15px 15px 4px 4px; background:linear-gradient(90deg,transparent 44%,currentColor 45% 55%,transparent 56%),#fff; box-shadow:0 5px 8px rgba(6,41,89,.1); }
.team-leader-icon--coach > i { width:32px; height:25px; border:2px solid currentColor; border-radius:3px; background:radial-gradient(circle at 22% 27%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 76% 70%,currentColor 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 48%,currentColor 49% 51%,transparent 52%),#fff; box-shadow:0 5px 8px rgba(6,41,89,.12); }
.team-leader-icon--coach > i::before { content:''; position:absolute; width:9px; height:9px; left:50%; top:50%; transform:translate(-50%,-50%); border:1.5px solid currentColor; border-radius:50%; }
.team-leader-icon--coach > i::after { content:''; position:absolute; width:8px; height:5px; right:3px; top:3px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:skew(-18deg); }

@media (max-width:520px) {
    .team-profile-page .team-profile-leaders .team-leader-icon { width:54px; height:54px; }
}

/* Footer · official tournament credential */
.site-footer .footer-hero { min-height:330px; grid-template-columns:minmax(0,1.42fr) minmax(350px,.58fr); gap:22px; padding-block:38px; }
.site-footer .footer-identity,.site-footer .footer-event-card { position:relative; min-width:0; min-height:240px; overflow:hidden; border:1px solid rgba(143,229,248,.2); border-top:3px solid #76e5f8; border-radius:2px 28px 2px 2px; background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(9,66,129,.18) 60%,rgba(36,181,217,.1)); box-shadow:0 26px 64px rgba(0,7,27,.3),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(15px); isolation:isolate; }
.site-footer .footer-identity { display:grid; grid-template-columns:185px minmax(0,1fr); align-items:center; gap:31px; padding:27px 64px 27px 31px; transition:transform .35s,border-color .35s,box-shadow .35s; }
.site-footer .footer-identity::before { content:'IV'; position:absolute; z-index:-1; right:-5px; bottom:-38px; color:transparent; -webkit-text-stroke:1px rgba(126,229,247,.13); font:900 188px/.8 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.site-footer .footer-identity::after { content:''; position:absolute; z-index:-1; width:200px; height:320%; left:-245px; top:-110%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent); transition:left .85s ease; pointer-events:none; }
.site-footer .footer-identity:hover,.site-footer .footer-identity:focus-visible { transform:translateY(-5px); border-color:rgba(126,229,247,.55); box-shadow:0 34px 74px rgba(0,7,27,.4),0 0 0 3px rgba(126,229,247,.06); }
.site-footer .footer-identity:hover::after,.site-footer .footer-identity:focus-visible::after { left:115%; }
.site-footer .footer-identity-crest { position:relative; width:168px; height:168px; display:grid; place-items:center; margin:0; border:1px solid rgba(157,238,250,.44); border-radius:50%; background:radial-gradient(circle at 38% 28%,#fff 0%,#eaf8fc 52%,#c9e2ef 100%); box-shadow:0 20px 40px rgba(0,8,29,.3),0 0 0 9px rgba(125,229,247,.05); font-style:normal; }
.site-footer .footer-identity-crest::before { content:''; position:absolute; inset:-12px; border:1px dashed rgba(126,229,247,.34); border-radius:50%; animation:footerCrestOrbit 22s linear infinite; }
.site-footer .footer-identity-crest::after { content:''; position:absolute; width:8px; height:8px; right:5px; top:17px; border:2px solid #062754; border-radius:50%; background:#7ee5f7; box-shadow:0 0 0 5px rgba(126,229,247,.12),0 0 17px #69dff4; }
.site-footer .footer-identity-crest img { position:relative; z-index:1; width:145px; height:145px; object-fit:contain; filter:drop-shadow(0 13px 14px rgba(4,31,75,.25)); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.site-footer .footer-identity:hover .footer-identity-crest img,.site-footer .footer-identity:focus-visible .footer-identity-crest img { transform:scale(1.055) rotate(-1.5deg); }
.site-footer .footer-identity-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.site-footer .footer-identity-copy > small { display:flex; align-items:center; gap:8px; margin:0 0 15px; color:#8feafa; font-size:8px; font-weight:900; line-height:1.3; letter-spacing:.16em; }
.site-footer .footer-identity-copy > small i { width:24px; height:2px; background:linear-gradient(90deg,#fff,#71e0f5); box-shadow:0 0 9px rgba(113,224,245,.6); }
.site-footer .footer-identity-copy > b { color:#fff; font:900 clamp(19px,2vw,27px)/1 var(--font-display); letter-spacing:.015em; text-transform:uppercase; }
.site-footer .footer-identity-copy > strong { max-width:540px; margin-top:7px; color:#fff; background:linear-gradient(115deg,#fff 18%,#dffbff 52%,#71e4f8 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 clamp(28px,3.25vw,46px)/.97 var(--font-display); letter-spacing:-.045em; text-wrap:balance; }
.site-footer .footer-identity-copy > em { display:flex; align-items:center; gap:11px; margin-top:17px; color:#79e5f8; font:900 16px/1 var(--font-display); letter-spacing:.055em; }
.site-footer .footer-identity-copy > em::before { content:''; width:43px; height:3px; background:linear-gradient(90deg,#fff,#63daf1); box-shadow:0 0 12px rgba(99,218,241,.6); }
.site-footer .footer-identity-arrow { position:absolute; right:20px; top:20px; width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#8ceafb; background:rgba(255,255,255,.06); font-size:13px; transition:transform .3s,color .3s,background .3s; }
.site-footer .footer-identity:hover .footer-identity-arrow,.site-footer .footer-identity:focus-visible .footer-identity-arrow { transform:translate(3px,-3px); color:#062754; background:#82e7f8; }

.site-footer .footer-event-card { display:grid; grid-template-rows:auto 1fr auto; gap:12px; padding:22px; background:radial-gradient(circle at 93% 10%,rgba(104,226,248,.18),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(4,43,96,.3)); }
.site-footer .footer-event-card::before { content:'26'; position:absolute; z-index:-1; right:-10px; top:31px; color:transparent; -webkit-text-stroke:1px rgba(126,229,247,.09); font:900 130px/.8 var(--font-display); pointer-events:none; }
.site-footer .footer-event-card::after { content:''; position:absolute; z-index:-1; width:118px; height:118px; right:-62px; bottom:-63px; border:1px solid rgba(126,229,247,.13); border-radius:50%; box-shadow:0 0 0 19px rgba(126,229,247,.025); }
.site-footer .footer-event-card > div { margin:0; }
.site-footer .footer-event-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.site-footer .footer-event-head > small { color:#8ceafa; font-size:8px; font-weight:900; letter-spacing:.15em; }
.site-footer .footer-event-head > span { display:flex; align-items:center; gap:7px; padding:0; border:0; color:#a9cbd9; font-size:6.5px; font-weight:900; line-height:1.3; letter-spacing:.1em; white-space:nowrap; }
.site-footer .footer-event-head > span i { width:6px; height:6px; border-radius:50%; background:#7ee5f7; box-shadow:0 0 0 4px rgba(126,229,247,.1),0 0 12px rgba(126,229,247,.72); animation:footerStatusPulse 2.2s ease-in-out infinite; }
.site-footer .footer-event-date { display:flex; align-items:center; gap:15px; }
.site-footer .footer-event-date > strong { flex:0 0 auto; color:#fff; background:linear-gradient(115deg,#fff,#74e4f7); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:900 clamp(44px,4vw,58px)/.82 var(--font-display); letter-spacing:-.07em; }
.site-footer .footer-event-date > span { display:flex; align-items:flex-start; flex-direction:column; gap:4px; padding:2px 0 2px 15px; border:0; border-left:1px solid rgba(255,255,255,.22); color:inherit; line-height:1; }
.site-footer .footer-event-date > span b { color:#fff; font-size:8px; letter-spacing:.1em; white-space:nowrap; }
.site-footer .footer-event-date > span small { color:#7f9caf; font-size:7px; font-weight:800; letter-spacing:.12em; white-space:nowrap; }
.site-footer .footer-event-location { display:grid; grid-template-columns:39px minmax(0,1fr); align-items:center; gap:12px; min-height:60px; padding:9px 11px; border:1px solid rgba(255,255,255,.12); border-radius:2px 13px 2px 2px; background:rgba(2,19,49,.34); }
.site-footer .footer-location-pin { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(126,229,247,.22); border-radius:2px 11px 2px 2px; color:#79e5f8; background:linear-gradient(145deg,rgba(126,229,247,.15),rgba(126,229,247,.04)); font-style:normal; }
.site-footer .footer-location-pin svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.site-footer .footer-event-location > span { min-width:0; display:flex; flex-direction:column; gap:4px; padding:0; border:0; color:inherit; line-height:1.2; }
.site-footer .footer-event-location > span small { color:#6f91a7; font-size:6px; font-weight:900; letter-spacing:.13em; }
.site-footer .footer-event-location > span b { overflow:hidden; color:#d9edf4; font-size:7px; letter-spacing:.07em; text-overflow:ellipsis; white-space:nowrap; }
@keyframes footerCrestOrbit { to { transform:rotate(360deg); } }
@keyframes footerStatusPulse { 50% { opacity:.45; transform:scale(.72); } }

@media (max-width:1050px) {
    .site-footer .footer-hero { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:15px; }
    .site-footer .footer-identity { grid-template-columns:145px minmax(0,1fr); gap:24px; padding-left:24px; }
    .site-footer .footer-identity-crest { width:137px; height:137px; }
    .site-footer .footer-identity-crest img { width:119px; height:119px; }
    .site-footer .footer-identity-copy > strong { font-size:clamp(27px,3.2vw,38px); }
}

@media (max-width:780px) {
    .site-footer .footer-hero { min-height:0; grid-template-columns:1fr; gap:14px; padding-block:30px; }
    .site-footer .footer-identity,.site-footer .footer-event-card { width:100%; min-height:220px; }
    .site-footer .footer-identity { grid-template-columns:150px minmax(0,1fr); gap:25px; padding:25px 55px 25px 25px; }
    .site-footer .footer-identity-crest { width:142px; height:142px; }
    .site-footer .footer-identity-crest img { width:123px; height:123px; }
    .site-footer .footer-identity-copy > strong { max-width:none; font-size:clamp(28px,6.2vw,39px); }
    .site-footer .footer-event-card { min-height:215px; }
}

@media (max-width:520px) {
    .site-footer .footer-hero { gap:11px; padding-block:22px; }
    .site-footer .footer-identity,.site-footer .footer-event-card { min-height:180px; border-radius:2px 19px 2px 2px; }
    .site-footer .footer-identity { grid-template-columns:89px minmax(0,1fr); gap:15px; padding:17px 13px; }
    .site-footer .footer-identity::before { right:-2px; bottom:-20px; font-size:113px; }
    .site-footer .footer-identity-crest { width:84px; height:84px; box-shadow:0 13px 28px rgba(0,8,29,.3),0 0 0 5px rgba(125,229,247,.05); }
    .site-footer .footer-identity-crest::before { inset:-7px; }
    .site-footer .footer-identity-crest::after { width:6px; height:6px; right:2px; top:8px; border-width:1px; box-shadow:0 0 0 3px rgba(126,229,247,.12),0 0 11px #69dff4; }
    .site-footer .footer-identity-crest img { width:74px; height:74px; }
    .site-footer .footer-identity-copy > small { gap:5px; margin-bottom:9px; font-size:5.8px; letter-spacing:.1em; }
    .site-footer .footer-identity-copy > small i { width:13px; }
    .site-footer .footer-identity-copy > b { font-size:12px; }
    .site-footer .footer-identity-copy > strong { margin-top:4px; font-size:clamp(20px,6.3vw,27px); line-height:.98; }
    .site-footer .footer-identity-copy > em { gap:7px; margin-top:10px; font-size:9px; }
    .site-footer .footer-identity-copy > em::before { width:23px; height:2px; }
    .site-footer .footer-identity-arrow { display:none; }
    .site-footer .footer-event-card { min-height:197px; gap:10px; padding:16px; }
    .site-footer .footer-event-head > small { font-size:6.5px; }
    .site-footer .footer-event-head > span { font-size:5.5px; }
    .site-footer .footer-event-date { gap:12px; }
    .site-footer .footer-event-date > strong { font-size:43px; }
    .site-footer .footer-event-date > span { gap:3px; padding-left:12px; }
    .site-footer .footer-event-date > span b { font-size:7px; }
    .site-footer .footer-event-date > span small { font-size:6px; }
    .site-footer .footer-event-location { min-height:55px; grid-template-columns:34px minmax(0,1fr); gap:10px; padding:8px 9px; }
    .site-footer .footer-location-pin { width:34px; height:34px; }
    .site-footer .footer-event-location > span b { font-size:6px; letter-spacing:.045em; }
}

@media (prefers-reduced-motion:reduce) {
    .site-footer .footer-identity-crest::before,.site-footer .footer-event-head > span i { animation:none; }
}

/* ==========================================================================
   FOOTBALL × TRAVEL EXPERIENCE · v212
   Full-width matchday travel card with destination storytelling and milestones.
   ========================================================================== */
.home-page .destination.destination-travel {
    --travel-navy:#031735;
    --travel-royal:#0b55c7;
    --travel-blue:#167fe6;
    --travel-cyan:#5ee7f7;
    position:relative;
    min-height:760px;
    display:grid;
    grid-template-columns:minmax(0,1.22fr) minmax(430px,.78fr);
    gap:0;
    padding:clamp(18px,2.4vw,36px);
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 86% 5%,rgba(94,231,247,.18),transparent 27%),
        linear-gradient(132deg,#02142f 0%,#062b69 52%,#0a5ca1 100%);
}

.home-page .destination.destination-travel::before {
    content:'FOOTBALL  /  TRAVEL';
    position:absolute;
    z-index:0;
    right:-.05em;
    bottom:-.13em;
    color:transparent;
    font:900 clamp(80px,13vw,190px)/.8 var(--font-display);
    letter-spacing:-.065em;
    white-space:nowrap;
    -webkit-text-stroke:1px rgba(180,239,249,.105);
    pointer-events:none;
}

.home-page .destination.destination-travel::after {
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    opacity:.24;
    background-image:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.055) 46% 46.25%,transparent 46.25% 100%);
    background-size:34px 100%;
    pointer-events:none;
}

.home-page .destination-travel .destination-photo {
    position:relative;
    z-index:1;
    min-width:0;
    min-height:688px;
    clip-path:none;
    overflow:hidden;
    border:1px solid rgba(190,240,249,.22);
    border-right:0;
    border-radius:30px 0 0 30px;
    background-image:
        linear-gradient(180deg,rgba(2,17,43,.06) 20%,rgba(2,17,43,.28) 62%,rgba(2,17,43,.91) 100%),
        linear-gradient(90deg,rgba(2,18,46,.08),rgba(10,92,160,.08)),
        var(--destination-image,url('../images/quy-nhon-coast.webp'));
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    box-shadow:0 30px 80px rgba(0,8,31,.34);
}

.home-page .destination-travel .destination-photo::before {
    content:'';
    position:absolute;
    z-index:1;
    inset:0;
    background:
        radial-gradient(circle at 18% 16%,rgba(94,231,247,.18),transparent 22%),
        linear-gradient(115deg,transparent 0 66%,rgba(3,23,53,.34) 100%);
    pointer-events:none;
}

.home-page .destination-travel .destination-photo::after {
    content:'';
    position:absolute;
    z-index:2;
    inset:18px;
    border:1px solid rgba(221,250,255,.2);
    border-radius:20px 0 0 20px;
    pointer-events:none;
}

.home-page .destination-travel .destination-pitch-map {
    position:absolute;
    z-index:2;
    inset:clamp(28px,4vw,56px);
    overflow:hidden;
    border:1px solid rgba(221,250,255,.14);
    border-radius:16px;
    opacity:.8;
    pointer-events:none;
}

.home-page .destination-travel .destination-pitch-map::before,
.home-page .destination-travel .destination-pitch-map::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(221,250,255,.14);
}

.home-page .destination-travel .destination-pitch-map::before { width:1px; height:100%; border-width:0 0 0 1px; }
.home-page .destination-travel .destination-pitch-map::after { width:106px; height:106px; border-radius:50%; }
.home-page .destination-travel .destination-pitch-map > span {
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    background:var(--travel-cyan);
    box-shadow:0 0 0 8px rgba(94,231,247,.1),0 0 22px rgba(94,231,247,.62);
}

.home-page .destination-travel .destination-pitch-map svg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    fill:none;
    stroke:rgba(188,242,250,.58);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.home-page .destination-travel .destination-pitch-map svg path {
    stroke-dasharray:8 10;
    transition:stroke-dashoffset .3s ease,stroke .3s ease;
}

.home-page .destination-travel .destination-pitch-map svg circle {
    fill:rgba(4,45,92,.72);
    stroke:var(--travel-cyan);
    stroke-width:2;
}

.home-page .destination-travel .destination-photo-caption {
    position:absolute;
    z-index:4;
    right:clamp(28px,4.5vw,68px);
    bottom:clamp(28px,4.5vw,62px);
    left:clamp(28px,4.5vw,68px);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:4px 20px;
    color:#fff;
}

.home-page .destination-travel .destination-photo-caption small {
    grid-column:1/-1;
    color:#a9f2fb;
    font-size:9px;
    font-weight:900;
    letter-spacing:.19em;
}

.home-page .destination-travel .destination-photo-caption strong {
    min-width:0;
    font:900 clamp(50px,6.1vw,88px)/.93 var(--font-display);
    letter-spacing:-.06em;
    text-shadow:0 12px 38px rgba(0,10,31,.42);
}

.home-page .destination-travel .destination-photo-caption > span {
    display:flex;
    align-items:center;
    gap:9px;
    padding-bottom:9px;
    color:#d9f5fa;
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
    white-space:nowrap;
}

.home-page .destination-travel .destination-photo-caption > span i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--travel-cyan);
    box-shadow:0 0 12px rgba(94,231,247,.75);
}

.home-page .destination-travel .destination-panel {
    position:relative;
    z-index:3;
    max-width:none;
    min-width:0;
    align-self:stretch;
    display:flex;
    justify-content:center;
    flex-direction:column;
    padding:clamp(46px,4.8vw,76px) clamp(30px,4.2vw,64px);
    overflow:hidden!important;
    border:1px solid rgba(198,228,241,.92);
    border-left:0;
    border-radius:0 30px 30px 0;
    background:
        radial-gradient(circle at 100% 0,rgba(94,231,247,.19),transparent 28%),
        linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,255,.98));
    box-shadow:0 30px 80px rgba(0,8,31,.28),inset 0 1px #fff;
}

.home-page .destination-travel .destination-panel::before {
    content:'';
    position:absolute;
    top:0;
    right:clamp(28px,4vw,60px);
    left:clamp(28px,4vw,60px);
    height:4px;
    background:linear-gradient(90deg,var(--travel-royal),var(--travel-cyan));
    box-shadow:0 0 24px rgba(35,173,231,.35);
}

.home-page .destination-travel .destination-postcard-badge {
    width:max-content;
    max-width:100%;
    min-height:36px;
    margin:0 0 20px;
    padding:7px 12px 7px 8px;
    gap:9px;
    border:1px solid #c9deed;
    border-radius:999px;
    color:#395d78;
    background:rgba(255,255,255,.78);
    box-shadow:0 9px 24px rgba(7,54,105,.08),inset 0 1px #fff;
    backdrop-filter:blur(12px);
    font-size:7px;
    letter-spacing:.11em;
    white-space:nowrap;
}

.home-page .destination-travel .destination-postcard-badge i {
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    flex:0 0 23px;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,var(--travel-royal),var(--travel-blue));
    box-shadow:0 6px 13px rgba(11,85,199,.25);
}

.home-page .destination-travel .destination-postcard-badge i svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; }
.home-page .destination-travel .destination-postcard-badge b { color:#073878; }

.home-page .destination-travel .destination-kicker {
    width:max-content;
    max-width:100%;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 12px;
    padding:0;
    border:0;
    color:#0a58c6;
    background:none;
    box-shadow:none;
    font-size:9px;
    letter-spacing:.16em;
    text-shadow:none;
}

.home-page .destination-travel .destination-kicker::before,
.home-page .destination-travel .destination-kicker::after { display:none!important; }
.home-page .destination-travel .destination-kicker > i {
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    flex:0 0 32px;
    border:1px solid #c4e2ef;
    border-radius:10px;
    color:#0a65d8;
    background:linear-gradient(145deg,#fff,#e9f7ff);
    box-shadow:0 8px 19px rgba(7,70,137,.1);
}
.home-page .destination-travel .destination-kicker svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.65; }

.home-page .destination-travel .destination-panel h2 {
    width:100%;
    max-width:11ch!important;
    margin:0!important;
    padding:.08em 0 .14em!important;
    color:var(--travel-navy)!important;
    font-size:clamp(44px,4.35vw,66px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
    text-wrap:balance;
}

.home-page .destination-travel .destination-panel h2::after { content:none!important; display:none!important; }
.home-page .destination-travel .destination-panel h2 > span { display:block; padding-block:.055em; }
.home-page .destination-travel .destination-panel h2 > .is-accent {
    color:var(--travel-royal);
    background:linear-gradient(105deg,#0644a8 0%,#147fe7 62%,#1ab2cf 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.home-page .destination-travel .destination-panel > p {
    max-width:49ch;
    margin:14px 0 0;
    color:#46657d;
    font-size:14px;
    line-height:1.78;
    text-wrap:pretty;
}

.home-page .destination-travel .trip-stats {
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:26px 0 22px;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
}

.home-page .destination-travel .trip-stats::before {
    content:'';
    position:absolute;
    z-index:0;
    top:33px;
    right:10%;
    left:10%;
    height:1px;
    background:linear-gradient(90deg,transparent,#77ddec 15% 85%,transparent);
}

.home-page .destination-travel .trip-stats > div {
    position:relative;
    z-index:1;
    min-width:0;
    min-height:132px;
    display:grid;
    grid-template-rows:34px auto 1fr;
    place-items:center;
    align-content:start;
    gap:7px;
    padding:12px 8px 11px;
    overflow:hidden;
    border:1px solid #d3e5f0;
    border-radius:16px;
    background:linear-gradient(152deg,#fff 0%,#f3faff 100%);
    box-shadow:0 11px 25px rgba(6,50,102,.08),inset 0 1px #fff;
    text-align:center;
    isolation:isolate;
    animation:travelMilestoneIn .52s both cubic-bezier(.2,.72,.2,1);
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.home-page .destination-travel .trip-stats > div:nth-child(2) { animation-delay:.07s; }
.home-page .destination-travel .trip-stats > div:nth-child(3) { animation-delay:.14s; }
.home-page .destination-travel .trip-stats > div::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:radial-gradient(circle at 100% 0,rgba(94,231,247,.15),transparent 42%);
}
.home-page .destination-travel .trip-stats > div::after { content:none; }
.home-page .destination-travel .trip-stat-icon {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    margin:0;
    border:1px solid #a9ddeb;
    border-radius:11px;
    color:#0874d9;
    background:#effaff;
    box-shadow:0 7px 15px rgba(7,96,171,.1),0 0 0 4px rgba(94,231,247,.06);
}
.home-page .destination-travel .trip-stat-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.home-page .destination-travel .trip-stats strong {
    display:block;
    margin:0;
    color:#073b83;
    background:none;
    -webkit-text-fill-color:currentColor;
    font:900 36px/.86 var(--font-display);
    letter-spacing:-.055em;
    filter:none;
}
.home-page .destination-travel .trip-stats span {
    width:100%;
    min-height:30px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    margin:0;
    color:#395b74;
    font-size:7.5px;
    font-weight:900;
    line-height:1.42;
    letter-spacing:.075em;
    text-align:center;
    text-wrap:balance;
}

.home-page .destination-travel .destination-cta {
    width:100%;
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0;
    padding:9px 10px 9px 18px;
    border:1px solid rgba(94,231,247,.48);
    border-radius:15px;
    color:#fff;
    background:linear-gradient(105deg,var(--travel-navy),#073b8e 60%,#0d69cc);
    box-shadow:0 15px 32px rgba(3,38,87,.2),inset 0 1px rgba(255,255,255,.16);
    text-align:left;
    text-transform:uppercase;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.home-page .destination-travel .destination-cta > span { display:flex; align-items:flex-start; flex-direction:column; gap:2px; font-size:10px; font-weight:900; letter-spacing:.07em; }
.home-page .destination-travel .destination-cta small { color:#91eaf6; font-size:6px; font-weight:800; letter-spacing:.13em; }
.home-page .destination-travel .destination-cta > i {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    flex:0 0 44px;
    border:1px solid rgba(255,255,255,.34);
    border-radius:12px;
    color:#062a65;
    background:linear-gradient(145deg,#fff,#bff7fb);
    box-shadow:0 8px 18px rgba(0,19,50,.24);
    transition:transform .22s ease;
}
.home-page .destination-travel .destination-cta svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.home-page .destination-travel .destination-cta:focus-visible { outline:3px solid #66e8f6; outline-offset:4px; }

@media (hover:hover) {
    .home-page .destination-travel:hover .destination-pitch-map svg path { stroke:#d4faff; stroke-dashoffset:-18; }
    .home-page .destination-travel .trip-stats > div:hover { transform:translateY(-5px); border-color:#90ddec; box-shadow:0 17px 33px rgba(6,50,102,.14),0 0 0 3px rgba(94,231,247,.08); }
    .home-page .destination-travel .destination-cta:hover { transform:translateY(-2px); border-color:#78edfa; background:linear-gradient(105deg,#041d43,#0848a5 60%,#1584e8); box-shadow:0 20px 38px rgba(3,38,87,.28),0 0 0 4px rgba(94,231,247,.08); }
    .home-page .destination-travel .destination-cta:hover > i { transform:translateX(3px); }
}

@keyframes travelMilestoneIn {
    from { opacity:0; transform:translateY(14px); }
    to { opacity:1; transform:translateY(0); }
}

@media (max-width:1040px) {
    .home-page .destination.destination-travel { min-height:0; grid-template-columns:1fr; padding:18px; }
    .home-page .destination-travel .destination-photo {
        min-height:540px;
        border-right:1px solid rgba(190,240,249,.22);
        border-radius:26px;
    }
    .home-page .destination-travel .destination-photo::after { border-radius:17px; }
    .home-page .destination-travel .destination-panel {
        width:100%;
        margin:18px auto 0;
        padding:46px clamp(28px,6vw,58px) 34px;
        border-left:1px solid rgba(198,228,241,.92);
        border-radius:26px;
    }
    .home-page .destination-travel .destination-panel h2 { max-width:12ch!important; font-size:clamp(45px,7vw,66px)!important; }
    .home-page .destination-travel .destination-panel > p { max-width:62ch; }
}

@media (max-width:780px) {
    .home-page .destination.destination-travel {
        padding: 16px 14px 28px !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    .home-page .destination.destination-travel::before {
        display: none !important;
    }
    .home-page .destination-travel .destination-photo {
        min-height: 180px !important;
        max-height: 190px !important;
        border-radius: 12px !important;
        background-position: center center !important;
    }
    .home-page .destination-travel .destination-photo::after {
        inset: 6px !important;
        border-radius: 9px !important;
    }
    .home-page .destination-travel .destination-pitch-map {
        inset: 10px !important;
    }
    .home-page .destination-travel .destination-photo-caption {
        right: 12px !important;
        bottom: 10px !important;
        left: 12px !important;
        gap: 2px 8px !important;
    }
    .home-page .destination-travel .destination-photo-caption small {
        font-size: 7px !important;
        letter-spacing: 0.1em !important;
    }
    .home-page .destination-travel .destination-photo-caption strong {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1 !important;
    }
    .home-page .destination-travel .destination-photo-caption > span {
        padding-bottom: 2px !important;
        font-size: 6px !important;
        gap: 4px !important;
    }
    .home-page .destination-travel .destination-panel {
        width: 100% !important;
        margin: 8px 0 0 0 !important;
        padding: 14px 12px 12px !important;
        border-radius: 12px !important;
        border-left: 1px solid rgba(198,228,241,.92) !important;
    }
    .home-page .destination-travel .destination-panel::before {
        display: none !important;
    }
    .home-page .destination-travel .destination-postcard-badge {
        margin-bottom: 8px !important;
        font-size: 6.5px !important;
    }
    .home-page .destination-travel .destination-kicker {
        min-height: 20px !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        font-size: 7px !important;
        white-space: nowrap !important;
    }
    .home-page .destination-travel .destination-panel h2 {
        max-width: 100% !important;
        padding: 0 !important;
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.1 !important;
        margin: 0 0 4px !important;
    }
    .home-page .destination-travel .destination-panel h2 > span {
        display: inline !important;
        padding: 0 !important;
    }
    .home-page .destination-travel .destination-panel > p {
        margin-top: 4px !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }
    .home-page .destination-travel .trip-stats {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        margin: 10px 0 0 !important;
    }
    .home-page .destination-travel .trip-stats > div {
        min-height: 68px !important;
        grid-template-rows: auto auto auto !important;
        gap: 2px !important;
        padding: 6px 4px !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .home-page .destination-travel .trip-stat-icon {
        width: 22px !important;
        height: 22px !important;
        border-radius: 6px !important;
        margin: 0 !important;
    }
    .home-page .destination-travel .trip-stat-icon svg {
        width: 11px !important;
        height: 11px !important;
    }
    .home-page .destination-travel .trip-stats strong {
        font-size: 17px !important;
        line-height: 1 !important;
        margin: 1px 0 0 !important;
    }
    .home-page .destination-travel .trip-stats span {
        min-height: 0 !important;
        font-size: 6px !important;
        line-height: 1.15 !important;
        letter-spacing: 0.03em !important;
        text-align: center !important;
        margin: 0 !important;
    }
    .home-page .destination-travel .destination-cta {
        display: none !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .destination-travel *,
    .home-page .destination-travel *::before,
    .home-page .destination-travel *::after {
        animation:none!important;
        transition-duration:.01ms!important;
    }
}

/* Home sports gallery v141 · editorial sports photography, filterable and touch-ready. */
.home-page .gallery-section[data-gallery-stage] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:clamp(82px,9vw,132px);
    background:
        radial-gradient(circle at 4% 6%,rgba(87,218,239,.24),transparent 24%),
        radial-gradient(circle at 98% 60%,rgba(37,121,226,.14),transparent 27%),
        linear-gradient(180deg,#f8fcff 0%,#edf6fc 100%);
}
.home-page .gallery-section[data-gallery-stage] > .container { position:relative; z-index:1; }
.gallery-section-atmosphere { position:absolute; z-index:0; inset:0; pointer-events:none; overflow:hidden; }
.gallery-section-atmosphere::before,
.gallery-section-atmosphere::after { content:''; position:absolute; border:1px solid rgba(17,99,184,.09); border-radius:50%; }
.gallery-section-atmosphere::before { width:clamp(510px,58vw,910px); aspect-ratio:1; right:-27vw; top:-42vw; box-shadow:0 0 0 68px rgba(86,210,231,.035),0 0 0 136px rgba(86,210,231,.022); }
.gallery-section-atmosphere::after { width:clamp(370px,37vw,670px); aspect-ratio:1; left:-24vw; bottom:-34vw; }
.gallery-section-atmosphere i { position:absolute; display:block; height:1px; background:linear-gradient(90deg,transparent,rgba(17,112,190,.14),transparent); transform:rotate(-30deg); }
.gallery-section-atmosphere i:nth-child(1) { width:52vw; left:-14vw; top:26%; }
.gallery-section-atmosphere i:nth-child(2) { width:44vw; right:-12vw; bottom:23%; transform:rotate(43deg); }
.gallery-section-atmosphere i:nth-child(3) { width:36vw; left:42%; bottom:8%; transform:rotate(-7deg); }
.home-page .gallery-showcase-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:28px;
    margin-bottom:29px;
    padding:clamp(26px,3.2vw,44px);
    border:1px solid rgba(76,148,206,.24);
    border-top:4px solid #64dce9;
    border-radius:3px 28px 3px 3px;
    background:linear-gradient(118deg,rgba(255,255,255,.93),rgba(240,250,255,.76));
    box-shadow:0 24px 54px rgba(14,82,150,.1),inset 0 1px rgba(255,255,255,.9);
}
.gallery-showcase-copy { min-width:0; }
.gallery-showcase-copy .kicker { margin-bottom:13px; }
.gallery-showcase-copy h2 {
    max-width:16ch;
    margin:0;
    color:#082f6a;
    font:900 clamp(38px,4.4vw,70px)/.91 var(--font-display);
    letter-spacing:-.065em;
    text-transform:uppercase;
    text-wrap:balance;
}
.gallery-showcase-copy h2::after { content:''; display:block; width:84px; height:4px; margin-top:19px; background:linear-gradient(90deg,#0782d0,#55dcea); box-shadow:0 0 14px rgba(71,214,232,.36); }
.gallery-showcase-copy p { max-width:62ch; margin:17px 0 0; color:#456681; font:500 15px/1.72 var(--font-body); }
.gallery-showcase-stat {
    min-width:150px;
    min-height:104px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border:1px solid #c7e5f2;
    border-radius:3px 18px 3px 3px;
    color:#073b7a;
    background:linear-gradient(145deg,#f9feff,#dff5fb);
    box-shadow:inset 0 1px #fff,0 13px 27px rgba(18,101,160,.08);
}
.gallery-showcase-stat-icon { width:43px; height:43px; flex:0 0 43px; display:grid; place-items:center; border-radius:50%; color:#0876bd; background:#fff; box-shadow:0 6px 16px rgba(13,92,165,.14); }
.gallery-showcase-stat-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.gallery-showcase-stat > span:last-child { display:grid; gap:3px; }
.gallery-showcase-stat b { font:900 32px/.9 var(--font-display); letter-spacing:-.06em; }
.gallery-showcase-stat small,
.gallery-filter-heading { color:#34709a; font:900 7px/1.2 var(--font-display); letter-spacing:.15em; }
.gallery-filter-shell { margin-bottom:19px; padding:13px 14px 8px; border:1px solid rgba(86,150,200,.19); border-radius:3px 18px 3px 3px; background:rgba(255,255,255,.62); box-shadow:0 15px 32px rgba(8,71,132,.06); }
.gallery-filter-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 5px 10px; color:#1f5f98; }
.gallery-filter-heading span { display:flex; align-items:center; gap:8px; }
.gallery-filter-heading span::before { content:''; width:6px; height:6px; border-radius:50%; background:#29c9dc; box-shadow:0 0 12px rgba(38,192,217,.75); }
.gallery-filter-heading small { color:#6b8aa1; font-size:6px; letter-spacing:.12em; }
.home-page .gallery-filter { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.home-page .gallery-filter button { min-height:46px; border:1px solid transparent; border-radius:3px 13px 3px 3px; color:#3a5f7c; }
.home-page .gallery-filter button:hover { border-color:#c9e5f2; color:#07519a; background:#eaf8fd; transform:translateY(-1px); }
.home-page .gallery-filter button:active { transform:scale(.98); }
.home-page .gallery-filter button.is-active { border-color:#0c7ac4; color:#fff; background:linear-gradient(118deg,#0757ad,#13a9c9); box-shadow:0 10px 21px rgba(0,92,170,.18); }
.home-page .gallery-filter button:focus-visible,
.gallery-item:focus-visible,
.gallery-modal button:focus-visible { outline:3px solid #073e82; outline-offset:3px; }
.home-page .gallery-grid {
    grid-template-columns:1.22fr .89fr .89fr;
    grid-auto-rows:minmax(240px,285px);
    gap:15px;
}
.home-page .gallery-item {
    min-width:0;
    min-height:0;
    isolation:isolate;
    border:1px solid rgba(9,55,108,.15);
    border-radius:3px 20px 3px 3px;
    box-shadow:0 19px 38px rgba(5,50,102,.13),inset 0 1px rgba(255,255,255,.25);
    touch-action:manipulation;
}
.home-page .gallery-item.is-featured { border-radius:3px 28px 3px 3px; }
.home-page .gallery-item::after { display:none; }
.home-page .gallery-item img { display:block; width:100%; height:100%; min-height:100%; object-fit:cover; transform:scale(1.002); transition:transform .32s ease,filter .25s ease; }
.home-page .gallery-item::before { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(3,18,45,.03) 31%,rgba(2,17,45,.18) 51%,rgba(2,15,39,.93) 100%); pointer-events:none; transition:opacity .25s ease; }
.gallery-card-overlay { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:17px; color:#fff; pointer-events:none; }
.gallery-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.gallery-card-top em { max-width:75%; padding:7px 9px; border:1px solid rgba(207,248,255,.36); border-radius:2px 9px 2px 2px; color:#eafcff; background:rgba(1,35,75,.56); box-shadow:inset 0 1px rgba(255,255,255,.14); font:900 6.5px/1.2 var(--font-display); font-style:normal; letter-spacing:.15em; }
.gallery-card-top small { min-width:34px; padding:7px 5px; border-bottom:1px solid rgba(255,255,255,.66); color:#e4faff; font:900 10px/1 var(--font-display); letter-spacing:.04em; text-align:center; }
.gallery-card-copy { max-width:min(92%,500px); display:grid; gap:7px; padding-right:42px; }
.gallery-card-copy b { display:-webkit-box; overflow:hidden; color:#fff; font:900 clamp(17px,1.55vw,25px)/1.07 var(--font-display); letter-spacing:-.035em; text-transform:uppercase; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-wrap:balance; }
.gallery-card-copy small { display:-webkit-box; overflow:hidden; color:rgba(236,248,255,.84); font:500 11px/1.5 var(--font-body); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.gallery-card-open { position:absolute; right:17px; bottom:17px; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(221,250,255,.55); border-radius:50%; color:#06356c; background:#e9fcff; box-shadow:0 8px 20px rgba(0,11,35,.25); }
.gallery-card-open svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.9; }
.home-page .gallery-item:hover img { transform:scale(1.055); filter:saturate(1.08) contrast(1.03); opacity:1; }
.home-page .gallery-item:hover::before { opacity:.85; }
.home-page .gallery-item:hover .gallery-card-open { color:#fff; background:#0680c5; box-shadow:0 0 0 7px rgba(99,226,238,.18),0 10px 23px rgba(0,23,64,.3); }
.home-page .gallery-item:active { transform:scale(.99); }
.home-page .gallery-grid.is-filtering .gallery-item:not([hidden]) { animation:gallerySportsReveal .31s cubic-bezier(.2,.8,.2,1) both; }
@keyframes gallerySportsReveal { from { opacity:0; transform:translateY(10px) scale(.986); } to { opacity:1; transform:none; } }
.gallery-modal { z-index:100; display:grid; grid-template-columns:58px minmax(0,1100px) 58px; align-items:center; gap:18px; padding:70px max(32px,5vw) 34px; background:rgba(1,10,29,.92); backdrop-filter:blur(12px); transition:opacity .22s ease; }
.gallery-modal::before { content:''; position:absolute; z-index:-1; width:min(70vw,980px); aspect-ratio:1; border:1px solid rgba(104,229,244,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(37,152,210,.03),0 0 0 180px rgba(37,152,210,.018); }
.gallery-modal figure { width:100%; max-width:1100px; max-height:none; min-width:0; display:grid; gap:13px; }
.gallery-modal-media { position:relative; min-height:min(45vh,580px); display:grid; place-items:center; overflow:hidden; border:1px solid rgba(168,239,249,.32); border-radius:3px 22px 3px 3px; background:#020a18; box-shadow:0 25px 65px rgba(0,0,0,.35); }
.gallery-modal img { display:block; width:100%; max-height:calc(100dvh - 190px); object-fit:contain; }
.gallery-modal-count { position:absolute; top:13px; right:13px; padding:8px 10px; border:1px solid rgba(188,244,250,.36); border-radius:2px 10px 2px 2px; color:#d9fbff; background:rgba(1,24,55,.7); font:900 8px/1 var(--font-display); letter-spacing:.13em; }
.gallery-modal figcaption { min-width:0; padding:0 5px; color:#fff; }
.gallery-modal figcaption small { display:block; margin-bottom:7px; color:#8eeef9; font:900 7px/1 var(--font-display); letter-spacing:.18em; }
.gallery-modal figcaption strong { display:block; color:#fff; font:900 clamp(19px,2vw,29px)/1.1 var(--font-display); letter-spacing:-.035em; text-transform:uppercase; }
.gallery-modal figcaption span { display:block; max-width:74ch; margin-top:7px; color:#c9dce9; font:500 13px/1.55 var(--font-body); }
.gallery-close,
.gallery-modal-nav { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(183,243,250,.36); border-radius:3px 16px 3px 3px; color:#e8fdff; background:rgba(8,52,100,.72); box-shadow:0 12px 27px rgba(0,0,0,.18); cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.gallery-close { position:absolute; top:17px; right:max(22px,4vw); font-size:0; }
.gallery-close svg,
.gallery-modal-nav svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.gallery-modal-nav:hover,
.gallery-close:hover { border-color:#82f1fb; background:#087ebd; transform:translateY(-2px); }
.gallery-modal-nav:active,
.gallery-close:active { transform:scale(.96); }
@media (max-width:780px) {
    .home-page .gallery-section[data-gallery-stage] { padding-block:70px; }
    .home-page .gallery-showcase-head { grid-template-columns:1fr; gap:18px; margin-bottom:18px; padding:25px 20px; border-radius:3px 21px 3px 3px; }
    .gallery-showcase-copy h2 { font-size:clamp(34px,10.4vw,48px); }
    .gallery-showcase-copy h2::after { width:68px; margin-top:15px; }
    .gallery-showcase-copy p { margin-top:13px; font-size:13px; line-height:1.65; }
    .gallery-showcase-stat { width:100%; min-height:70px; justify-content:center; padding:12px 16px; }
    .gallery-showcase-stat b { font-size:28px; }
    .gallery-filter-shell { margin-bottom:14px; padding:12px 8px 7px; }
    .gallery-filter-heading { padding-inline:7px; }
    .home-page .gallery-filter { padding:0 0 2px; }
    .home-page .gallery-filter button { min-height:44px; }
    .home-page .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(160px,45vw); gap:10px; }
    .home-page .gallery-item,.home-page .gallery-item.is-featured,.home-page .gallery-item.is-wide { grid-row:auto; grid-column:auto; border-radius:3px 15px 3px 3px; }
    .home-page .gallery-item.is-featured { grid-column:1 / -1; grid-row:span 2; min-height:345px; border-radius:3px 21px 3px 3px; }
    .gallery-card-overlay { padding:11px; }
    .gallery-card-top em { max-width:70%; padding:6px 7px; font-size:5.6px; letter-spacing:.11em; }
    .gallery-card-top small { min-width:27px; padding:6px 3px; font-size:8px; }
    .gallery-card-copy { gap:5px; max-width:100%; padding-right:0; }
    .gallery-card-copy b { font-size:clamp(12px,3.7vw,17px); line-height:1.08; }
    .gallery-card-copy small { display:none; }
    .gallery-item.is-featured .gallery-card-copy { padding-right:45px; }
    .gallery-item.is-featured .gallery-card-copy b { font-size:clamp(20px,6vw,30px); }
    .gallery-item.is-featured .gallery-card-copy small { display:-webkit-box; font-size:11px; }
    .gallery-card-open { right:11px; bottom:11px; width:36px; height:36px; }
    .gallery-card-open svg { width:16px; height:16px; }
    .gallery-modal { grid-template-columns:1fr; gap:10px; padding:calc(67px + env(safe-area-inset-top)) max(13px,env(safe-area-inset-right)) calc(21px + env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left)); }
    .gallery-modal figure { order:1; }
    .gallery-modal-media { min-height:0; border-radius:3px 17px 3px 3px; }
    .gallery-modal img { max-height:calc(100dvh - 205px); }
    .gallery-modal-nav { position:absolute; z-index:2; bottom:calc(17px + env(safe-area-inset-bottom)); width:48px; height:48px; }
    .gallery-modal-nav.is-prev { left:max(13px,env(safe-area-inset-left)); }
    .gallery-modal-nav.is-next { right:max(13px,env(safe-area-inset-right)); }
    .gallery-modal figcaption { padding:0 5px 51px; }
    .gallery-modal figcaption strong { font-size:20px; }
    .gallery-modal figcaption span { font-size:12px; }
    .gallery-close { top:max(10px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); width:48px; height:48px; }
}
@media (max-width:390px) {
    .home-page .gallery-showcase-head { padding:21px 15px; }
    .gallery-showcase-copy h2 { font-size:32px; }
    .gallery-showcase-stat { gap:11px; }
    .gallery-filter-heading { font-size:6px; }
    .home-page .gallery-grid { grid-auto-rows:minmax(150px,47vw); gap:8px; }
    .home-page .gallery-item.is-featured { min-height:306px; }
    .gallery-card-copy b { font-size:12px; }
    .gallery-item.is-featured .gallery-card-copy b { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .gallery-grid.is-filtering .gallery-item:not([hidden]) { animation:none; }
    .home-page .gallery-item img,
    .home-page .gallery-item:hover img,
    .gallery-modal,
    .gallery-modal-nav,
    .gallery-close { transition:none; transform:none; }
}

/* Home rulebook v142 · repair inherited fixed span sizing on desktop cards. */
.home-page .regulations-teaser-board > .regulation-spotlight-card > .regulation-spotlight-copy {
    width:auto;
    height:auto;
    min-width:0;
    display:block;
    place-items:initial;
    border:0;
    background:transparent;
}
@media (min-width:1181px) {
    .home-page .regulations-teaser-inner { grid-template-columns:minmax(0,.91fr) minmax(580px,1.09fr); gap:clamp(48px,5.5vw,82px); }
    .home-page .regulation-spotlight-card { grid-template-columns:68px minmax(0,1fr) 48px; gap:18px; padding:16px 18px; }
    .home-page .regulation-spotlight-copy > strong { max-width:36ch; font-size:clamp(17px,1.18vw,20px); line-height:1.15; overflow-wrap:normal; word-break:normal; }
    .home-page .regulation-spotlight-copy > em { margin-top:7px; }
    .home-page .regulation-spotlight-arrow { width:48px; height:48px; }
}

/* Bright blue visual system · typography refresh */
::selection { color:#fff; background:#1976f3; }
:where(a,button,input,textarea,select):focus-visible { outline:3px solid rgba(36,199,233,.5); outline-offset:3px; }
p,blockquote { text-wrap:pretty; }
.topline { background:linear-gradient(90deg,#1267e8 0%,#1976f3 52%,#17a8d7 100%); box-shadow:0 5px 22px rgba(17,103,218,.16); }
.site-header,.solid-header { background:rgba(255,255,255,.975); border-bottom-color:rgba(25,118,243,.12); box-shadow:0 12px 38px rgba(16,73,148,.085); }
.site-header.is-scrolled { background:rgba(255,255,255,.985); box-shadow:0 14px 42px rgba(16,73,148,.13); }
.brand-copy strong,.main-nav a,.nav-cta,.btn,.section-link { letter-spacing:.015em; }
.brand-copy small { color:#146fe7; }
.main-nav a::after { background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.nav-cta,.btn-primary { background:linear-gradient(135deg,#1976f3,#1baada); box-shadow:0 12px 26px rgba(25,118,243,.2); }
.hero { background:#0a3d8f; }
.hero-slide { background:#0b50aa; }
.hero-slide::after { background:linear-gradient(90deg,rgba(5,32,80,.91) 0%,rgba(8,57,124,.76) 35%,rgba(15,105,190,.16) 69%,rgba(8,56,118,.06) 100%),linear-gradient(0deg,rgba(5,36,83,.78) 0,transparent 46%),linear-gradient(180deg,rgba(28,131,255,.09),transparent 36%); }
.hero h1,.section-head h2,.standings-intro h2,.destination-panel h2,.teams-heading h2,.contact-inner h2,.archive-hero h1 { letter-spacing:-.034em; }
.hero h1 { text-shadow:0 10px 34px rgba(2,26,70,.22); }
.hero-copy > p { color:#edf7fc; font-size:17px; line-height:1.82; text-shadow:0 2px 12px rgba(1,26,64,.3); }
.season-pill,.hero-location small,.countdown-title span { color:#9af0fc; }
.hero-slider-panel { background:rgba(8,53,117,.64); border-color:rgba(255,255,255,.38); box-shadow:0 15px 40px rgba(2,32,77,.2); }
.countdown-bar { background:rgba(255,255,255,.985); border-top-color:#24c7e9; box-shadow:0 24px 58px rgba(14,74,153,.17); }
.team-ticker { background:linear-gradient(90deg,#1976f3 0%,#168adf 52%,#24c7e9 100%); box-shadow:0 12px 28px rgba(25,118,243,.18); }
.tournament-slogan { background:linear-gradient(118deg,#fff 0%,#f5faff 55%,#e5f7ff 100%); }
.slogan-copy blockquote { color:#0b397a; letter-spacing:-.018em; }
.section-head p,.sponsors-heading p,.media-partners-heading p,.destination-panel > p,.team-profile-story p,.team-kit-card p { color:#526d88; font-size:15px; line-height:1.82; }
.regulations-teaser { background:linear-gradient(135deg,#0a357c 0%,#1265d8 60%,#149bc9 100%); }
.matches-section { background:linear-gradient(145deg,#0a3b88 0%,#126bdc 52%,#0b438b 100%); }
.awards-section { background:linear-gradient(132deg,#082f70 0%,#105abf 55%,#128eb7 100%); }
.teams-showcase { background:linear-gradient(135deg,#08387f 0%,#1265cf 58%,#1294be 100%); }
.contact-band { background:radial-gradient(circle at 10% 20%,rgba(74,182,255,.3),transparent 34%),linear-gradient(122deg,#082d69 0%,#0d55b5 50%,#118cc0 100%); }
.regulations-hero { background:linear-gradient(125deg,#093575 0%,#1264cf 58%,#16a2cd 100%); }
.archive-hero { background:linear-gradient(135deg,#0d50b8,#1976f3 60%,#18acd5); }
.team-profile-page .team-profile-hero { background:radial-gradient(circle at 16% 44%,color-mix(in srgb,var(--team-color),transparent 42%),transparent 35%),radial-gradient(circle at 92% 12%,rgba(110,232,252,.24),transparent 28%),linear-gradient(127deg,#082b65 0%,color-mix(in srgb,var(--team-color),#0b4a9c 66%) 58%,#0d70b4 100%); }
.team-profile-page .team-roster-section,.team-roster-section { background:radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--team-color),transparent 70%),transparent 29%),radial-gradient(circle at 92% 85%,rgba(55,207,239,.26),transparent 31%),linear-gradient(135deg,#082b65,#0c53ad 58%,#0d79ad); }
.site-footer { background:radial-gradient(circle at 92% 15%,rgba(36,199,233,.26),transparent 31%),linear-gradient(145deg,#061b42,#0a3672 62%,#0b5593); border-top-color:rgba(155,237,251,.52); }
.news-section,.sponsors-section,.team-profile-overview { background:#fff; }
.gallery-section,.regulations-page,.team-profile-page { background:#f6faff; }
.destination { background:linear-gradient(135deg,#f0f9ff 0%,#dff5ff 54%,#ccefff 100%); }
.media-partners-zone,.sponsor-empty { background:linear-gradient(135deg,#eef7ff,#fff 50%,#eafaff); }
.news-feature,.sponsor-card,.media-partner-card,.team-kit-card,.team-profile-story,.team-profile-leaders article,.rulebook-sidebar { border-color:#d5e6f3; box-shadow:0 20px 48px rgba(20,83,160,.09); }
.news-item h3,.team-card-copy > strong,.team-profile-heading h1,.team-profile-story h2,.team-kit-card h3,.archive-card h2,.related-grid h3 { letter-spacing:-.018em; }
.news-item p,.news-copy p,.archive-card p,.related-grid p { line-height:1.76; }
.kicker,.news-copy > span,.news-item span,.archive-card span,.related-grid span { font-weight:800; letter-spacing:.07em; }
.text-link,.section-link,.footer-links > a,.footer-connect strong { font-weight:700; }

@media (max-width:780px) {
    body { font-size:15px; line-height:1.66; }
    .hero-copy > p,.section-head p,.sponsors-heading p,.media-partners-heading p,.destination-panel > p,.team-profile-story p,.team-kit-card p { font-size:14px; line-height:1.78; }
    .home-page .competition-ribbon-stats small,.home-page .trip-stats span,.home-page .trailer-facts small,.home-page .awards-heading-meta small { font-size:7.5px; letter-spacing:.055em; }
    .home-page .team-card-actions > * { font-size:7.5px; }
    .site-footer .footer-event-location > span b { font-size:7px; }
}

/* Official schedule publication state */
.official-schedule-status { min-height:58px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; margin-bottom:12px; padding:0 20px; border:1px solid rgba(155,237,251,.28); border-left:4px solid #9bedfb; border-radius:3px 15px 3px 3px; color:#d9edf7; background:linear-gradient(90deg,rgba(155,237,251,.11),rgba(255,255,255,.04)); box-shadow:0 14px 32px rgba(1,27,68,.14); }
.official-schedule-status > span { display:flex; align-items:center; gap:10px; font-size:8px; font-weight:900; letter-spacing:.13em; }
.official-schedule-status > span i { width:7px; height:7px; border-radius:50%; background:#9bedfb; box-shadow:0 0 0 5px rgba(155,237,251,.1),0 0 16px rgba(155,237,251,.7); }
.official-schedule-status > strong { color:#fff; font-size:8px; letter-spacing:.09em; }
.official-schedule-status > a { min-height:34px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(255,255,255,.2); border-radius:8px; color:#fff; font-size:7px; font-weight:900; }
.official-schedule-status.is-preview { grid-template-columns:1fr auto auto; border-left-color:#ffd36b; background:linear-gradient(90deg,rgba(255,211,107,.14),rgba(255,255,255,.04)); }
.official-schedule-status.is-preview > span i { background:#ffd36b; box-shadow:0 0 0 5px rgba(255,211,107,.1),0 0 16px rgba(255,211,107,.6); }
.official-schedule-empty { min-height:230px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:35px; border:1px dashed rgba(255,255,255,.25); color:#fff; background:rgba(255,255,255,.055); text-align:center; }
.official-schedule-empty > span { width:58px; height:58px; display:grid; place-items:center; margin-bottom:16px; border-radius:15px; color:#0a4e9e; background:#9bedfb; font-size:25px; }
.official-schedule-empty > strong { font:900 20px/1.3 var(--font-display); }
.official-schedule-empty > p { margin:9px 0 0; color:#c8ddea; font-size:12px; }

@media (max-width:780px) {
    .official-schedule-status,.official-schedule-status.is-preview { grid-template-columns:1fr; gap:7px; padding:14px 16px; text-align:center; }
    .official-schedule-status > span { justify-content:center; }
    .official-schedule-status > a { justify-content:center; margin-top:5px; }
}

/* Mobile QA hardening · final cascade */
html { max-width:100%; overflow-x:hidden; overflow-x:clip; }
body { max-width:100%; min-width:0; }
iframe,video { display:block; max-width:100%; }
:where(.hero-copy,.section-head,.news-copy,.contact-heading,.contact-panel,.footer-identity-copy,.team-profile-heading,.team-profile-story,.rulebook-article,.archive-card) { min-width:0; }
:where(.contact-official strong,.footer-connect strong,.footer-copyright,.article-hero h1,.archive-card h2,.team-profile-heading h1) { overflow-wrap:anywhere; }

@media (max-width:780px) {
    .site-header,.topline { width:100%; }
    .nav-wrap,.home-page .nav-wrap { grid-template-columns:minmax(0,1fr) auto; }
    .brand,.home-page .brand { width:auto; }
    body.nav-open .main-nav { width:100%; max-width:100vw; height:calc(100vh - 68px); height:calc(100dvh - 68px); }
    .main-nav a { flex:0 0 auto; }

    .home-page .hero-visual-stage,.home-page .hero-copy,.home-page .hero-slider-panel { max-width:100%; }
    .home-page .hero-slider-progress { min-width:0; }
    .home-page .hero-slider-caption > strong { min-width:0; }
    .home-page .countdown-cells { width:100%; justify-content:center; }
    .home-page .competition-ribbon-brand { border-right:0; }

    .gallery-filter { margin-inline:-2px; padding-bottom:9px; scroll-padding-inline:7px; scroll-snap-type:x proximity; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
    .gallery-filter button { min-height:46px; scroll-snap-align:start; }
    .gallery-item > span b,.gallery-item > span small { overflow-wrap:anywhere; }
    .gallery-modal { padding:calc(66px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
    .gallery-modal figure { width:100%; max-height:calc(100dvh - 100px); }
    .gallery-modal img { width:100%; max-height:calc(100dvh - 145px); }
    .gallery-close { top:max(9px,env(safe-area-inset-top)); right:max(10px,env(safe-area-inset-right)); width:48px; height:48px; display:grid; place-items:center; padding:0; }

    .video-modal { padding:calc(70px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
    .video-modal-shell { width:100%; max-height:calc(100dvh - 92px); }
    .video-modal-close { top:max(9px,env(safe-area-inset-top)); right:max(10px,env(safe-area-inset-right)); width:48px; height:48px; }
    .video-modal-frame { width:100%; }

    .facebook-popup-close { width:44px; height:44px; top:6px; right:7px; }
    .contact-primary-action,.contact-channel-grid > a { width:100%; }
    .footer-bottom > a { min-height:44px; justify-content:center; }
}

@media (max-width:520px) {
    .home-page .hero-visual-stage .hero-side-label > span { font-size:6px; }
    .home-page .hero-visual-stage .hero-side-label > strong { font-size:8px; line-height:1.3; }
    .home-page .hero-visual-stage .hero-date small,.home-page .hero-visual-stage .hero-location small { font-size:6px; letter-spacing:.1em; }
    .home-page .hero-visual-stage .hero-date span,.home-page .hero-visual-stage .hero-location span { font-size:6px; line-height:1.35; }
    .home-page .hero-slider-caption > strong { max-width:38vw; }
    .home-page .hero-slider-dots { max-width:100%; }

    .gallery-filter { margin-inline:-4px; }
    .gallery-filter button { gap:8px; padding-inline:12px; font-size:8px; }
    .gallery-item > span { padding-inline:16px; }
    .gallery-modal figcaption { padding:11px 4px 0; line-height:1.5; }

    .contact-primary-action { grid-template-columns:minmax(0,1fr) 48px; padding:16px; }
    .contact-primary-action > b { width:48px; height:48px; }
    .facebook-popup { padding:19px 16px 16px; }
    .facebook-popup-head { grid-template-columns:52px minmax(0,1fr); padding-right:34px; }
    .facebook-popup-avatar { width:52px; height:52px; }
    .facebook-popup-avatar img { width:44px; height:44px; }

    .site-footer .footer-event-head > small,.site-footer .footer-event-head > span { font-size:7px; line-height:1.35; }
    .site-footer .footer-event-date > span b,.site-footer .footer-event-date > span small,.site-footer .footer-event-location > span b { font-size:7px; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
}

@media (max-width:360px) {
    .container { width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)); }
    .brand-copy small { display:none; }
    .home-page .hero-copy { padding-inline:15px; }
    .home-page .hero h1 { font-size:43px; }
    .home-page .hero-slider-panel { grid-template-columns:38px minmax(0,1fr) 38px; padding-inline:4px; }
    .home-page .hero-slider-caption > strong { max-width:34vw; }
    .home-page .countdown-cells { gap:3px; }
    .home-page .countdown-cells div { min-width:32px; }
    .home-page .countdown-cells strong { font-size:21px; }
    .home-page .countdown-cells > b { font-size:16px; }
    .home-page .slogan-signature { grid-template-columns:86px minmax(0,1fr); padding-inline:11px; }
    .contact-panel { padding-inline:14px; }
    .site-footer .footer-identity { grid-template-columns:76px minmax(0,1fr); gap:12px; padding-inline:12px; }
    .site-footer .footer-identity-crest { width:72px; height:72px; }
    .site-footer .footer-identity-crest img { width:64px; height:64px; }
}

/* Team profile · professional people directory */
.team-profile-page .team-profile-leaders .team-leader-card { display:grid; grid-template-columns:84px minmax(0,1fr); align-items:center; gap:14px; min-height:172px; padding:14px; }
.team-profile-page .team-leader-media { width:84px; height:118px; display:grid; place-items:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--team-color),#d8e5ed 64%); border-radius:2px 16px 2px 2px; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--team-color),#fff 91%)); box-shadow:7px 8px 0 color-mix(in srgb,var(--team-color),transparent 88%); }
.team-profile-page .team-leader-media > img { width:100%; height:100%; object-fit:cover; object-position:center 18%; }
.team-profile-page .team-leader-media .team-leader-icon { width:56px; height:56px; box-shadow:none; }
.team-profile-page .team-leader-copy { position:relative; z-index:1; min-width:0; align-items:flex-start; }
.team-profile-page .team-leader-copy strong { display:-webkit-box; overflow:hidden; font-size:12px; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.team-profile-page .team-leader-copy > a,.team-profile-page .team-leader-copy > span { max-width:100%; min-height:28px; display:inline-flex; align-items:center; gap:6px; margin-top:7px; padding:0 8px; border:1px solid color-mix(in srgb,var(--team-color),transparent 76%); border-radius:2px 8px 2px 2px; color:color-mix(in srgb,var(--team-color),#123965 34%); background:#fff; font-size:7px; font-weight:800; letter-spacing:.04em; white-space:nowrap; }
.team-profile-page .team-leader-copy > a:hover { color:#fff; border-color:var(--team-color); background:var(--team-color); }
.team-profile-page .team-leader-copy > a i { font-size:10px; font-style:normal; }
.team-profile-page .team-leader-copy > span { color:#8197aa; border-color:#d8e5ed; }

.team-profile-page .team-roster-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.team-profile-page .team-roster-grid .team-player-card { min-height:224px; display:grid; grid-template-columns:132px minmax(0,1fr); align-items:stretch; gap:0; padding:0; overflow:hidden; border-top:3px solid color-mix(in srgb,var(--team-color),#78e6f8 38%); border-radius:2px 20px 2px 2px; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.055)); }
.team-profile-page .team-roster-grid .team-player-card::after { content:attr(data-number); }
.team-profile-page .team-player-portrait { position:relative; min-width:0; min-height:221px; display:grid; place-items:center; overflow:hidden; border-right:1px solid rgba(255,255,255,.13); background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--team-color),#fff 78%),color-mix(in srgb,var(--team-color),#082b62 33%) 72%); }
.team-profile-page .team-player-portrait::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(1,13,38,.72)); pointer-events:none; }
.team-profile-page .team-player-portrait > img { width:100%; height:100%; object-fit:cover; object-position:center 16%; transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.team-profile-page .team-player-card:hover .team-player-portrait > img { transform:scale(1.065); }
.team-profile-page .team-player-portrait > span { color:#fff; font:900 54px/1 var(--font-display); text-shadow:0 8px 20px rgba(0,15,48,.35); }
.team-profile-page .team-player-portrait > b { position:absolute; z-index:1; left:12px; bottom:10px; width:auto; height:auto; color:#fff; background:none; font:900 18px/1 var(--font-display); }
.team-profile-page .team-player-card-body { min-width:0; justify-content:center; padding:18px 16px; }
.team-profile-page .team-player-card-body header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.team-profile-page .team-player-card-body header span { color:#88ebfa; font-size:7px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.team-profile-page .team-player-card-body header small { color:rgba(255,255,255,.45); font-size:6px; font-weight:800; letter-spacing:.06em; white-space:nowrap; }
.team-profile-page .team-player-card-body h3 { margin:12px 0 17px; color:#fff; font:900 17px/1.25 var(--font-display); letter-spacing:-.025em; text-transform:uppercase; }
.team-profile-page .team-player-card-body dl { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0; }
.team-profile-page .team-player-card-body dl > div { min-width:0; padding:9px 7px; border:1px solid rgba(255,255,255,.12); border-radius:2px 8px 2px 2px; background:rgba(255,255,255,.06); }
.team-profile-page .team-player-card-body dt { color:#7edfec; font-size:5.5px; font-weight:900; letter-spacing:.07em; }
.team-profile-page .team-player-card-body dd { margin:5px 0 0; color:#fff; font:900 15px/1 var(--font-display); }
.team-profile-page .team-player-card-body dd small { margin-left:3px; color:#9ab7c9; font:700 5.5px/1 var(--font-body); letter-spacing:.03em; }

@media (max-width:1120px) {
    .team-profile-page .team-profile-leaders .team-leader-card { grid-template-columns:104px minmax(0,1fr); }
    .team-profile-page .team-leader-media { width:104px; }
    .team-profile-page .team-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:780px) {
    .team-profile-page .team-profile-leaders { grid-template-columns:1fr; }
    .team-profile-page .team-profile-leaders .team-leader-card { grid-template-columns:105px minmax(0,1fr); min-height:150px; }
    .team-profile-page .team-leader-media { width:105px; height:122px; }
    .team-profile-page .team-profile-draw-note { grid-column:1; }
    .team-profile-page .team-roster-grid { grid-template-columns:1fr 1fr; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:118px minmax(0,1fr); min-height:210px; }
    .team-profile-page .team-player-portrait { min-height:207px; }
}

@media (max-width:620px) {
    .team-profile-page .team-roster-grid { grid-template-columns:1fr; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:128px minmax(0,1fr); }
}

@media (max-width:390px) {
    .team-profile-page .team-profile-leaders .team-leader-card { grid-template-columns:88px minmax(0,1fr); padding:12px; }
    .team-profile-page .team-leader-media { width:88px; height:112px; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:112px minmax(0,1fr); min-height:194px; }
    .team-profile-page .team-player-portrait { min-height:191px; }
    .team-profile-page .team-player-card-body { padding:15px 12px; }
    .team-profile-page .team-player-card-body h3 { font-size:15px; }
    .team-profile-page .team-player-card-body header small { display:none; }
}

/* Team profile · unlimited match-kit collection */
.team-profile-page .team-kits-grid { grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:18px; }
.team-profile-page .team-kit-card { min-width:0; min-height:0; display:flex; flex-direction:column; border-radius:2px 20px 2px 2px; }
.team-profile-page .team-kit-visual { min-height:300px; border-right:0; border-bottom:1px solid #d9e5ee; }
.team-profile-page .team-kit-visual img { width:100%; height:270px; max-height:none; object-fit:contain; }
.team-profile-page .team-kit-placeholder { width:150px; height:188px; }
.team-profile-page .team-kit-card > .team-kit-copy { flex:1; justify-content:flex-start; padding:27px 25px 30px; }
.team-profile-page .team-kit-copy h3 { margin-bottom:13px; font-size:27px; }
.team-profile-page .team-kit-copy p { display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.team-profile-page .team-kits-empty { min-height:230px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:34px; border:1px dashed #b5ccdc; border-radius:2px 20px 2px 2px; background:rgba(255,255,255,.7); text-align:center; }
.team-profile-page .team-kits-empty span { color:var(--team-color); font-size:8px; font-weight:900; letter-spacing:.15em; }
.team-profile-page .team-kits-empty strong { margin:13px 0 8px; color:#0b2e62; font:900 clamp(23px,3vw,34px)/1.2 var(--font-display); }
.team-profile-page .team-kits-empty p { margin:0; color:#60768b; font-size:11px; }

@media (max-width:1120px) {
    .team-profile-page .team-kits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:680px) {
    .team-profile-page .team-kits-grid { grid-template-columns:1fr; }
    .team-profile-page .team-kit-visual { min-height:280px; }
    .team-profile-page .team-kit-visual img { height:250px; }
}

/* Team profile · official squad, tactical board and bold jersey numbers */
.team-profile-page .team-roster-heading { align-items:stretch; }
.team-profile-page .team-roster-intro {
    position:relative;
    width:min(100%,470px);
    min-height:116px;
    display:flex;
    justify-content:center;
    flex-direction:column;
    gap:10px;
    padding:22px 28px 22px 31px;
    overflow:hidden;
    border:1px solid rgba(153,235,249,.25);
    border-left:4px solid #8ceafa;
    border-radius:2px 18px 2px 2px;
    background:linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
    box-shadow:0 18px 40px rgba(0,12,44,.2),inset 0 1px rgba(255,255,255,.07);
    backdrop-filter:blur(8px);
}
.team-profile-page .team-roster-intro::after {
    content:'07';
    position:absolute;
    right:-7px;
    bottom:-18px;
    color:transparent;
    -webkit-text-stroke:1px rgba(140,234,250,.16);
    font:900 88px/.8 var(--font-display);
    pointer-events:none;
}
.team-profile-page .team-roster-intro small { position:relative; z-index:1; color:#8ceafa; font-size:7px; font-weight:900; letter-spacing:.16em; }
.team-profile-page .team-roster-intro strong { position:relative; z-index:1; max-width:390px; color:#fff; font:800 clamp(14px,1.35vw,18px)/1.55 var(--font-body); letter-spacing:-.018em; }

.team-profile-page .team-tactics-shell {
    display:grid;
    grid-template-columns:minmax(250px,.65fr) minmax(520px,1.35fr);
    gap:22px;
    margin:0 0 28px;
    padding:18px;
    overflow:hidden;
    border:1px solid rgba(151,235,249,.22);
    border-top:4px solid #8ceafa;
    border-radius:2px 26px 2px 2px;
    background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
    box-shadow:0 28px 62px rgba(0,11,41,.24),inset 0 1px rgba(255,255,255,.06);
    backdrop-filter:blur(10px);
}
.team-profile-page .team-tactics-copy {
    position:relative;
    min-width:0;
    display:flex;
    justify-content:center;
    flex-direction:column;
    padding:30px 27px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:2px 18px 2px 2px;
    background:linear-gradient(145deg,rgba(1,19,52,.66),rgba(7,78,144,.32));
}
.team-profile-page .team-tactics-copy::after { content:'231'; position:absolute; right:-8px; top:7px; color:transparent; -webkit-text-stroke:1px rgba(140,234,250,.1); font:900 104px/.9 var(--font-display); letter-spacing:-.12em; }
.team-profile-page .team-tactics-copy > span { position:relative; z-index:1; color:#8ceafa; font-size:7px; font-weight:900; letter-spacing:.15em; }
.team-profile-page .team-tactics-copy h3 { position:relative; z-index:1; margin:14px 0 23px; color:#fff; font:900 clamp(28px,3vw,44px)/.92 var(--font-display); letter-spacing:-.055em; }
.team-profile-page .team-tactics-copy h3 em { color:#8ceafa; font-style:normal; }
.team-profile-page .team-tactics-formation { position:relative; z-index:1; width:max-content; min-width:168px; padding:15px 18px 14px; border-left:4px solid var(--team-color); background:rgba(255,255,255,.08); }
.team-profile-page .team-tactics-formation small { display:block; margin-bottom:7px; color:#96b7cc; font-size:6px; font-weight:900; letter-spacing:.15em; }
.team-profile-page .team-tactics-formation strong { color:#fff; font:900 30px/1 var(--font-display); letter-spacing:-.06em; }
.team-profile-page .team-tactics-formation strong { font-size:22px; letter-spacing:.02em; }
.team-profile-page .team-tactics-copy > .team-tactics-club { margin-top:24px; }
.team-profile-page .team-tactics-copy > p { position:relative; z-index:1; margin:22px 0; color:#c3d9e7; font-size:10px; line-height:1.7; }
.team-profile-page .team-tactics-club { position:relative; z-index:1; display:flex; align-items:center; gap:12px; padding-top:17px; border-top:1px solid rgba(255,255,255,.12); }
.team-profile-page .team-tactics-club > img,.team-profile-page .team-tactics-club > b { width:48px; height:48px; flex:0 0 auto; object-fit:contain; display:grid; place-items:center; padding:4px; border-radius:50%; color:#08346f; background:#fff; font:900 11px/1 var(--font-display); }
.team-profile-page .team-tactics-club > span { display:flex; flex-direction:column; gap:5px; }
.team-profile-page .team-tactics-club small { color:#78ddeb; font-size:6px; font-weight:900; letter-spacing:.12em; }
.team-profile-page .team-tactics-club strong { color:#fff; font-size:9px; letter-spacing:.06em; }

.team-profile-page .team-tactics-pitch {
    position:relative;
    min-width:0;
    aspect-ratio:1.15/1;
    overflow:hidden;
    border:1px solid rgba(220,246,255,.7);
    border-radius:2px 18px 2px 2px;
    background-color:#0b6fa4;
    background-image:linear-gradient(90deg,rgba(255,255,255,.035) 50%,transparent 50%),linear-gradient(0deg,rgba(0,46,82,.1),rgba(255,255,255,.03)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 10%,rgba(0,47,84,.04) 10% 20%);
    box-shadow:inset 0 0 70px rgba(0,28,58,.32),0 20px 44px rgba(0,11,41,.22);
}
.team-profile-page .team-tactics-pitch::before { content:''; position:absolute; z-index:1; inset:16px; border:2px solid rgba(228,247,255,.72); pointer-events:none; }
.team-profile-page .team-tactics-pitch::after { content:''; position:absolute; z-index:1; left:50%; top:50%; width:92px; height:92px; transform:translate(-50%,-50%); border:2px solid rgba(228,247,255,.72); border-radius:50%; box-shadow:inset 0 0 0 44px transparent; pointer-events:none; }
.team-profile-page .pitch-halfway { position:absolute; z-index:1; left:16px; right:16px; top:50%; height:2px; background:rgba(228,247,255,.72); }
.team-profile-page .pitch-halfway::after { content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; transform:translate(-50%,-50%); border-radius:50%; background:rgba(228,247,255,.88); }
.team-profile-page .pitch-box { position:absolute; z-index:1; left:50%; width:42%; height:18%; transform:translateX(-50%); border:2px solid rgba(228,247,255,.72); }
.team-profile-page .pitch-box-top { top:16px; border-top:0; }
.team-profile-page .pitch-box-bottom { bottom:16px; border-bottom:0; }
.team-profile-page .pitch-goal { position:absolute; z-index:1; left:50%; width:20%; height:10px; transform:translateX(-50%); border:2px solid rgba(228,247,255,.72); }
.team-profile-page .pitch-goal-top { top:6px; border-bottom:0; }
.team-profile-page .pitch-goal-bottom { bottom:6px; border-top:0; }
.team-profile-page .team-tactics-player { position:absolute; z-index:3; left:var(--x); top:var(--y); width:112px; display:flex; align-items:center; flex-direction:column; transform:translate(-50%,-50%); text-align:center; }
.team-profile-page .team-tactics-player > div { position:relative; width:58px; height:58px; display:grid; place-items:center; overflow:hidden; border:3px solid #fff; border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--team-color),#073467); box-shadow:0 9px 22px rgba(0,22,42,.38),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 72%); }
.team-profile-page .team-tactics-player > div img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 18%; }
.team-profile-page .team-tactics-player > div b { position:relative; z-index:1; color:#fff; font:900 25px/1 var(--font-display); letter-spacing:-.07em; text-shadow:0 2px 8px rgba(0,12,35,.75); }
.team-profile-page .team-tactics-player.has-player > div:has(img)::after { content:''; position:absolute; z-index:0; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,18,48,.82)); }
.team-profile-page .team-tactics-player.has-player > div:has(img) b { align-self:end; margin-bottom:4px; font-size:17px; }
.team-profile-page .team-tactics-player > strong { width:100%; margin-top:7px; overflow:hidden; color:#fff; font:900 8px/1.2 var(--font-display); letter-spacing:-.01em; text-overflow:ellipsis; text-shadow:0 2px 5px rgba(0,29,60,.8); text-transform:uppercase; white-space:nowrap; }
.team-profile-page .team-tactics-player > small { margin-top:3px; color:#e9faff; font-size:5.5px; font-weight:900; letter-spacing:.08em; text-shadow:0 2px 4px rgba(0,29,60,.75); text-transform:uppercase; }
.team-profile-page .team-tactics-player.is-vacant { opacity:.48; }
.team-profile-page .team-tactics-player.is-vacant > div { border-style:dashed; box-shadow:none; }

.team-profile-page .team-player-portrait.has-photo::after { z-index:1; height:52%; background:linear-gradient(180deg,transparent,rgba(1,13,38,.9)); }
.team-profile-page .team-player-portrait > b {
    z-index:2;
    left:10px;
    bottom:8px;
    min-width:65px;
    padding:6px 9px 5px;
    border-left:4px solid #8ceafa;
    color:#fff;
    background:linear-gradient(100deg,rgba(5,40,91,.96),rgba(5,40,91,.12));
    font:900 clamp(40px,4vw,54px)/.88 var(--font-display);
    letter-spacing:-.075em;
    text-align:left;
    text-shadow:0 8px 22px rgba(0,13,42,.5);
}
.team-profile-page .team-player-portrait.is-placeholder > b { left:50%; top:50%; bottom:auto; min-width:0; padding:0; border:0; transform:translate(-50%,-50%); background:none; font-size:clamp(70px,7vw,96px); text-align:center; }

@media (max-width:980px) {
    .team-profile-page .team-tactics-shell { grid-template-columns:1fr; }
    .team-profile-page .team-tactics-copy { display:grid; grid-template-columns:1fr auto; gap:13px 24px; }
    .team-profile-page .team-tactics-copy > span,.team-profile-page .team-tactics-copy h3,.team-profile-page .team-tactics-copy > p,.team-profile-page .team-tactics-club { grid-column:1; }
    .team-profile-page .team-tactics-copy h3 { margin-bottom:5px; }
    .team-profile-page .team-tactics-formation { grid-column:2; grid-row:1 / span 3; align-self:center; }
}

@media (max-width:680px) {
    .team-profile-page .team-roster-heading { gap:22px; }
    .team-profile-page .team-roster-intro { width:100%; min-height:104px; padding:19px 21px 19px 24px; }
    .team-profile-page .team-tactics-shell { margin-inline:-4px; padding:9px; border-radius:2px 19px 2px 2px; }
    .team-profile-page .team-tactics-copy { display:flex; padding:23px 20px; }
    .team-profile-page .team-tactics-copy h3 { margin:11px 0 18px; }
    .team-profile-page .team-tactics-copy > p { margin:18px 0; }
    .team-profile-page .team-tactics-pitch { min-height:455px; aspect-ratio:auto; }
    .team-profile-page .team-tactics-pitch::before { inset:10px; }
    .team-profile-page .pitch-halfway { left:10px; right:10px; }
    .team-profile-page .pitch-box-top { top:10px; }
    .team-profile-page .pitch-box-bottom { bottom:10px; }
    .team-profile-page .team-tactics-player { width:84px; }
    .team-profile-page .team-tactics-player > div { width:49px; height:49px; border-width:2px; }
    .team-profile-page .team-tactics-player > div b { font-size:21px; }
    .team-profile-page .team-tactics-player > strong { font-size:6.5px; }
    .team-profile-page .team-player-portrait > b { min-width:58px; font-size:44px; }
    .team-profile-page .team-player-portrait.is-placeholder > b { font-size:76px; }
}

/* Team profile v24 · clear portraits, staff directory and position-led player cards */
.team-profile-page .team-profile-overview-grid { grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr); gap:56px; }
.team-profile-page .team-profile-leaders { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.team-profile-page .team-profile-staff-head { grid-column:1/-1; min-height:104px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 23px; border:1px solid #d5e4ef; border-left:5px solid var(--team-color); border-radius:2px 18px 2px 2px; background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--team-color),#fff 94%)); box-shadow:0 18px 42px rgba(6,41,89,.08); }
.team-profile-page .team-profile-staff-head > div { min-width:0; }
.team-profile-page .team-profile-staff-head span { color:var(--team-color); font-size:7px; font-weight:900; letter-spacing:.14em; }
.team-profile-page .team-profile-staff-head h2 { margin:7px 0 5px; color:#082f66; font:900 clamp(23px,2.5vw,34px)/1 var(--font-display); letter-spacing:-.04em; }
.team-profile-page .team-profile-staff-head p { margin:0; color:#61778b; font-size:9px; line-height:1.55; }
.team-profile-page .team-profile-staff-head > strong { width:70px; height:64px; display:grid; place-items:center; flex:0 0 auto; border:1px solid color-mix(in srgb,var(--team-color),#d4e5ef 65%); border-radius:2px 15px 2px 2px; color:#fff; background:linear-gradient(145deg,var(--team-color),color-mix(in srgb,var(--team-color),#06295e 42%)); font:900 25px/1 var(--font-display); box-shadow:7px 8px 0 color-mix(in srgb,var(--team-color),transparent 87%); }
.team-profile-page .team-profile-staff-head > strong small { display:block; margin-top:-12px; color:rgba(255,255,255,.78); font:800 5px/1 var(--font-body); letter-spacing:.13em; }
.team-profile-page .team-profile-leaders .team-leader-card { min-height:156px; grid-template-columns:92px minmax(0,1fr); padding:13px; border-top-width:1px; border-left:4px solid var(--team-color); border-radius:2px 18px 2px 2px; background:#fff; }
.team-profile-page .team-leader-media { width:92px; height:128px; box-shadow:none; }
.team-profile-page .team-leader-media > img { filter:none; }
.team-profile-page .team-leader-copy small { color:var(--team-color); }
.team-profile-page .team-profile-draw-note { grid-column:auto; min-height:156px; align-items:flex-start; justify-content:center; flex-direction:column; padding:22px; border:1px solid rgba(255,255,255,.14); border-radius:2px 18px 2px 2px; }
.team-profile-page .team-profile-draw-note strong { font-size:12px; line-height:1.5; }
.team-leader-icon--assistant > i { position:relative; width:31px; height:27px; border:2px solid currentColor; border-radius:3px; background:#fff; }
.team-leader-icon--assistant > i::before { content:''; position:absolute; width:13px; height:4px; left:50%; top:-6px; transform:translateX(-50%); border:2px solid currentColor; border-radius:4px 4px 0 0; background:#fff; }
.team-leader-icon--assistant > i::after { content:'✓'; position:absolute; inset:0; display:grid; place-items:center; font:900 15px/1 Arial,sans-serif; }
.team-leader-icon--medic > i { position:relative; width:32px; height:32px; border:2px solid currentColor; border-radius:50%; background:#fff; }
.team-leader-icon--medic > i::before,.team-leader-icon--medic > i::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px; background:currentColor; }
.team-leader-icon--medic > i::before { width:7px; height:21px; }
.team-leader-icon--medic > i::after { width:21px; height:7px; }

.team-profile-page .team-roster-grid { gap:18px; }
.team-profile-page .team-roster-grid .team-player-card { min-height:246px; grid-template-columns:146px minmax(0,1fr); border:1px solid rgba(255,255,255,.4); border-top:4px solid var(--team-color); border-radius:2px 20px 2px 2px; background:#fff; box-shadow:0 18px 42px rgba(0,9,34,.22); backdrop-filter:none; }
.team-profile-page .team-roster-grid .team-player-card::after { content:none; display:none; }
.team-profile-page .team-roster-grid .team-player-card:hover { border-color:#fff; background:#fff; box-shadow:0 28px 52px rgba(0,9,34,.3); }
.team-profile-page .team-player-portrait { min-height:242px; border-right:1px solid #dce8f0; background:linear-gradient(145deg,#eef5fa,color-mix(in srgb,var(--team-color),#fff 90%)); }
.team-profile-page .team-player-portrait::after,.team-profile-page .team-player-portrait.has-photo::after { content:none; display:none; background:none; }
.team-profile-page .team-player-portrait > img { position:relative; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center 16%; opacity:1; filter:none; }
.team-profile-page .team-player-photo-placeholder { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; color:color-mix(in srgb,var(--team-color),#315f7c 38%); }
.team-profile-page .team-player-photo-placeholder i { width:58px; height:58px; display:grid; place-items:center; border:2px solid currentColor; border-radius:50%; font:900 24px/1 var(--font-display); font-style:normal; opacity:.66; }
.team-profile-page .team-player-photo-placeholder small { font-size:6px; font-weight:900; letter-spacing:.13em; }
.team-profile-page .team-player-card-body { justify-content:center; padding:17px 16px 16px; }
.team-profile-page .team-player-card-body header { align-items:flex-start; }
.team-profile-page .team-player-position { min-height:29px; display:inline-flex; align-items:center; gap:7px; padding:0 10px 0 6px; border:1px solid color-mix(in srgb,var(--team-color),#b9d9e8 60%); border-radius:999px; color:color-mix(in srgb,var(--team-color),#073266 24%); background:color-mix(in srgb,var(--team-color),#fff 92%); }
.team-profile-page .team-player-position > i { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--team-color); font:900 8px/1 Arial,sans-serif; font-style:normal; }
.team-profile-page .team-player-position > b { color:inherit; font-size:6.5px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.team-profile-page .team-player-card-body header > small { margin-top:8px; color:#7890a4; }
.team-profile-page .team-player-identity { display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:11px; margin:15px 0; }
.team-profile-page .team-player-jersey-number { min-height:58px; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid color-mix(in srgb,var(--team-color),#c8dce8 63%); border-radius:2px 13px 2px 2px; color:#fff; background:linear-gradient(145deg,var(--team-color),color-mix(in srgb,var(--team-color),#062759 44%)); font:900 27px/1 var(--font-display); box-shadow:5px 6px 0 color-mix(in srgb,var(--team-color),transparent 86%); }
.team-profile-page .team-player-jersey-number small { margin-bottom:5px; color:rgba(255,255,255,.72); font:800 5px/1 var(--font-body); letter-spacing:.1em; }
.team-profile-page .team-player-card-body .team-player-identity h3 { margin:0; color:#0b3267; font:900 17px/1.25 var(--font-display); }
.team-profile-page .team-player-card-body dl { gap:7px; }
.team-profile-page .team-player-card-body dl > div { border-color:#dce7ef; background:#f5f9fc; }
.team-profile-page .team-player-card-body dt { color:#648096; }
.team-profile-page .team-player-card-body dd { color:#123965; }
.team-profile-page .team-player-card-body dd small { color:#7890a4; }

@media (max-width:1050px) {
    .team-profile-page .team-profile-overview-grid { grid-template-columns:1fr; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-leaders { grid-template-columns:1fr; }
    .team-profile-page .team-profile-draw-note { min-height:118px; }
}
@media (max-width:620px) {
    .team-profile-page .team-profile-staff-head { padding:18px; }
    .team-profile-page .team-profile-staff-head > strong { width:62px; height:58px; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:136px minmax(0,1fr); min-height:224px; }
    .team-profile-page .team-player-portrait { min-height:220px; }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-staff-head p { display:none; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:118px minmax(0,1fr); min-height:211px; }
    .team-profile-page .team-player-portrait { min-height:207px; }
    .team-profile-page .team-player-card-body { padding:13px 10px; }
    .team-profile-page .team-player-position { padding-right:7px; }
    .team-profile-page .team-player-position > b { max-width:68px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .team-profile-page .team-player-identity { grid-template-columns:47px minmax(0,1fr); gap:8px; margin:12px 0; }
    .team-profile-page .team-player-jersey-number { min-height:51px; font-size:23px; }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:14px; }
}

/* Team profile v25 · match-day motion system */
.team-profile-page {
    --team-ink:#06275b;
    --team-sky:#79e7f7;
    --team-line:color-mix(in srgb,var(--team-color),#91edfb 38%);
    overflow-x:hidden;
}
.team-profile-page .team-profile-hero {
    min-height:760px;
    overflow:hidden;
    border-bottom:5px solid var(--team-line);
    background:
        radial-gradient(circle at 14% 44%,color-mix(in srgb,var(--team-color),transparent 34%),transparent 32%),
        radial-gradient(circle at 86% 8%,rgba(121,231,247,.28),transparent 29%),
        linear-gradient(128deg,#041a45 0%,color-mix(in srgb,var(--team-color),#0a3f87 64%) 58%,#087bb3 100%);
}
.team-profile-page .team-profile-grid {
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px),
        radial-gradient(circle at 74% 50%,transparent 0 94px,rgba(255,255,255,.28) 95px 97px,transparent 98px);
    background-size:78px 78px,78px 78px,100% 100%;
    mask-image:linear-gradient(90deg,#000 0 74%,transparent 100%);
}
.team-profile-page .team-profile-hero-inner {
    min-height:700px;
    padding:86px 0 118px;
}
.team-profile-page .team-profile-logo {
    border-width:2px;
    border-top-width:7px;
    box-shadow:24px 26px 0 color-mix(in srgb,var(--team-color),transparent 76%),0 42px 90px rgba(0,9,36,.42),0 0 0 9px rgba(255,255,255,.04);
}
.team-profile-page .team-profile-logo::before {
    border:2px solid color-mix(in srgb,var(--team-color),transparent 76%);
    box-shadow:inset 0 0 0 5px rgba(255,255,255,.54),0 0 24px color-mix(in srgb,var(--team-color),transparent 82%);
    animation:teamProfileLinePulse 3.2s ease-in-out infinite;
}
.team-profile-page .team-logo-ball {
    position:absolute;
    z-index:5;
    left:5px;
    top:8px;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 18px rgba(2,27,65,.32),0 0 0 4px color-mix(in srgb,var(--team-color),transparent 72%);
    font:normal 20px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:teamLogoBallLap 9s linear infinite;
    pointer-events:none;
}
.team-profile-page .team-profile-heading {
    overflow:hidden;
    border-width:2px;
    border-left-width:6px;
    background:linear-gradient(128deg,rgba(3,21,56,.9),rgba(7,70,130,.64) 66%,rgba(255,255,255,.09));
    box-shadow:0 30px 80px rgba(0,7,30,.34),inset 0 1px rgba(255,255,255,.12);
}
.team-profile-page .team-profile-heading::after {
    content:'';
    position:absolute;
    left:-35%;
    bottom:0;
    width:30%;
    height:3px;
    background:linear-gradient(90deg,transparent,#fff,var(--team-sky),transparent);
    box-shadow:0 0 17px var(--team-sky);
    animation:teamProfileScoreLine 4.5s ease-in-out infinite;
}
.team-profile-page .team-profile-heading h1 {
    filter:drop-shadow(0 12px 30px rgba(0,9,38,.34));
}
.team-profile-page .team-profile-facts {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:28px 0 0;
    padding:20px 0 0;
    border-top:1px solid rgba(255,255,255,.16);
}
.team-profile-page .team-profile-facts > div {
    position:relative;
    min-height:76px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding:12px 15px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.17);
    border-bottom:3px solid color-mix(in srgb,var(--team-color),var(--team-sky) 45%);
    border-radius:2px 13px 2px 2px;
    background:rgba(255,255,255,.07);
    transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.team-profile-page .team-profile-facts > div::after {
    content:'';
    position:absolute;
    width:46px;
    height:46px;
    right:-23px;
    top:-23px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}
.team-profile-page .team-profile-facts > div:hover {
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.38);
    background:rgba(255,255,255,.12);
}
.team-profile-page .team-profile-facts dt {
    color:#fff;
    font:900 clamp(23px,2.2vw,31px)/1 var(--font-display);
    letter-spacing:-.055em;
}
.team-profile-page .team-profile-facts dd {
    margin:7px 0 0;
    color:#aeeef8;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.team-profile-page .team-football-flight {
    position:absolute;
    z-index:0;
    width:min(40vw,610px);
    height:245px;
    right:1.5%;
    top:52px;
    opacity:.9;
    pointer-events:none;
}
.team-profile-page .team-football-flight-line {
    position:absolute;
    width:76%;
    height:130px;
    left:3%;
    top:55px;
    border-top:2px dashed rgba(174,238,248,.48);
    border-radius:50%;
    transform:rotate(-7deg);
    filter:drop-shadow(0 0 7px rgba(121,231,247,.55));
}
.team-profile-page .team-football-flight-ball {
    position:absolute;
    z-index:2;
    left:0;
    bottom:29px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:#fff;
    box-shadow:0 12px 24px rgba(0,9,38,.35),0 0 23px rgba(121,231,247,.42);
    font:normal 27px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:teamBallToGoal 5.2s cubic-bezier(.48,.02,.49,.98) infinite;
}
.team-profile-page .team-football-flight-goal {
    position:absolute;
    right:0;
    bottom:0;
    width:112px;
    height:90px;
    border:3px solid rgba(255,255,255,.78);
    border-bottom-width:5px;
    transform:perspective(170px) rotateY(-13deg) skewY(-2deg);
    background:
        repeating-linear-gradient(0deg,transparent 0 12px,rgba(255,255,255,.23) 13px 14px),
        repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.23) 13px 14px);
    box-shadow:0 17px 30px rgba(0,9,38,.28);
}
.team-profile-page .team-football-flight-goal::after {
    content:'';
    position:absolute;
    width:64%;
    height:3px;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(0,9,38,.35);
    filter:blur(3px);
}
.team-profile-page .team-stadium-lights {
    position:absolute;
    z-index:1;
    left:2.5%;
    top:30px;
    width:85px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    transform:rotate(-8deg);
    opacity:.68;
    pointer-events:none;
}
.team-profile-page .team-stadium-lights i {
    aspect-ratio:1;
    border-radius:2px;
    background:#fff;
    box-shadow:0 0 10px #fff,0 0 28px var(--team-sky);
    animation:teamFloodlight 2.4s calc(var(--light-order,0) * .16s) ease-in-out infinite;
}
.team-profile-page .team-stadium-lights i:nth-child(2) { --light-order:1; }
.team-profile-page .team-stadium-lights i:nth-child(3) { --light-order:2; }
.team-profile-page .team-stadium-lights i:nth-child(4) { --light-order:3; }
.team-profile-page .team-profile-scroll-cue {
    position:absolute;
    z-index:4;
    left:50%;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:12px;
    transform:translateX(-50%);
    color:#dffaff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.16em;
}
.team-profile-page .team-profile-scroll-cue i {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.42);
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.08);
    font:normal 14px/1 var(--font-body);
    animation:teamScrollBounce 1.8s ease-in-out infinite;
}
.team-profile-page .team-profile-scroll-cue:focus-visible,
.team-profile-page .team-profile-facebook:focus-visible,
.team-profile-page .team-leader-copy a:focus-visible {
    outline:3px solid #fff;
    outline-offset:4px;
}
.team-profile-page .team-profile-ticker {
    position:relative;
    z-index:4;
    height:62px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#cdeef5 62%);
    color:#fff;
    background:linear-gradient(90deg,var(--team-color),color-mix(in srgb,var(--team-color),#08295e 46%));
    box-shadow:0 14px 30px rgba(6,41,89,.14);
}
.team-profile-page .team-profile-ticker::before,
.team-profile-page .team-profile-ticker::after {
    content:'';
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:70px;
    pointer-events:none;
}
.team-profile-page .team-profile-ticker::before { left:0; background:linear-gradient(90deg,var(--team-color),transparent); }
.team-profile-page .team-profile-ticker::after { right:0; background:linear-gradient(-90deg,color-mix(in srgb,var(--team-color),#08295e 46%),transparent); }
.team-profile-page .team-profile-ticker > div {
    width:max-content;
    display:flex;
    align-items:center;
    gap:30px;
    padding-left:30px;
    animation:teamTickerMove 28s linear infinite;
    white-space:nowrap;
}
.team-profile-page .team-profile-ticker span,
.team-profile-page .team-profile-ticker b {
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}
.team-profile-page .team-profile-ticker b { color:#9ceef9; }
.team-profile-page .team-profile-overview {
    background:
        radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 28%),
        linear-gradient(145deg,#fff,#edf6fb);
}
.team-profile-page .team-profile-story {
    border-left:6px solid var(--team-color);
    border-top-width:1px;
    box-shadow:17px 18px 0 color-mix(in srgb,var(--team-color),transparent 93%),0 26px 62px rgba(6,41,89,.12);
}
.team-profile-page .team-profile-story::before {
    content:'';
    position:absolute;
    inset:0;
    opacity:.22;
    background-image:
        linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--team-color),transparent 72%) 50%,transparent 50.3%),
        radial-gradient(circle at 50% 50%,transparent 0 48px,color-mix(in srgb,var(--team-color),transparent 70%) 49px 50px,transparent 51px);
    pointer-events:none;
}
.team-profile-page .team-story-football {
    position:relative;
    z-index:2;
    height:46px;
    margin-top:26px;
    overflow:hidden;
    border-top:1px solid #d9e7ef;
}
.team-profile-page .team-story-football b {
    position:absolute;
    left:0;
    right:0;
    top:22px;
    border-top:2px dashed color-mix(in srgb,var(--team-color),transparent 65%);
}
.team-profile-page .team-story-football i {
    position:absolute;
    z-index:1;
    left:0;
    top:8px;
    font:normal 25px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:teamStoryBall 7s ease-in-out infinite;
}
.team-profile-page .team-profile-staff-head {
    position:relative;
    overflow:hidden;
    border-width:2px;
    border-left-width:6px;
}
.team-profile-page .team-profile-staff-head::after {
    content:'';
    position:absolute;
    width:96px;
    height:96px;
    right:100px;
    top:50%;
    transform:translateY(-50%);
    border:2px solid color-mix(in srgb,var(--team-color),transparent 85%);
    border-radius:50%;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);
}
.team-profile-page .team-profile-leaders .team-leader-card {
    isolation:isolate;
    border-width:2px;
    border-left-width:5px;
}
.team-profile-page .team-profile-leaders .team-leader-card::before {
    content:'';
    position:absolute;
    z-index:0;
    width:46%;
    height:200%;
    left:-70%;
    top:-50%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--team-color),transparent 89%),transparent);
    transition:left .55s cubic-bezier(.2,.8,.2,1);
}
.team-profile-page .team-profile-leaders .team-leader-card:hover::before { left:120%; }
.team-profile-page .team-profile-leaders .team-leader-card:hover {
    transform:translateY(-8px) rotate(-.35deg);
}
.team-profile-page .team-leader-copy small { font-size:8px; letter-spacing:.09em; }
.team-profile-page .team-leader-copy strong { font-size:14px; line-height:1.3; }
.team-profile-page .team-kit-card {
    border:2px solid #d4e4ee;
    box-shadow:0 22px 54px rgba(6,41,89,.1);
}
.team-profile-page .team-kit-card::before {
    content:'';
    position:absolute;
    z-index:2;
    width:160%;
    height:5px;
    left:-160%;
    top:0;
    background:linear-gradient(90deg,transparent,var(--team-color),var(--team-sky),transparent);
    transition:left .7s cubic-bezier(.2,.8,.2,1);
}
.team-profile-page .team-kit-card:hover::before { left:0; }
.team-profile-page .team-kit-card:hover { transform:translateY(-11px) rotate(.25deg); }
.team-profile-page .team-roster-section {
    overflow:hidden;
    border-top:5px solid color-mix(in srgb,var(--team-color),#7eeafa 42%);
}
.team-profile-page .team-roster-section::before {
    content:'⚽';
    position:absolute;
    z-index:0;
    right:-74px;
    top:155px;
    width:230px;
    height:230px;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.13);
    border-radius:50%;
    color:rgba(255,255,255,.08);
    font:normal 150px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    filter:grayscale(1);
    animation:teamRosterBall 18s linear infinite;
    pointer-events:none;
}
.team-profile-page .team-roster-grid .team-player-card {
    isolation:isolate;
    transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
}
.team-profile-page .team-roster-grid .team-player-card::before {
    content:'';
    position:absolute;
    z-index:3;
    left:146px;
    right:0;
    bottom:0;
    height:4px;
    transform:scaleX(0);
    transform-origin:left;
    background:linear-gradient(90deg,var(--team-color),var(--team-sky));
    transition:transform .38s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}
.team-profile-page .team-roster-grid .team-player-card:hover::before { transform:scaleX(1); }
.team-profile-page .team-roster-grid .team-player-card:hover { transform:translateY(-9px) rotate(-.35deg); }
.team-profile-page .team-player-portrait > img { transition:transform .48s cubic-bezier(.2,.8,.2,1); }
.team-profile-page .team-player-card:hover .team-player-portrait > img { transform:scale(1.045); }
.team-profile-page .team-player-jersey-number { transition:transform .3s ease,box-shadow .3s ease; }
.team-profile-page .team-player-card:hover .team-player-jersey-number {
    transform:translateY(-4px) rotate(-3deg);
    box-shadow:8px 9px 0 color-mix(in srgb,var(--team-color),transparent 82%);
}

@keyframes teamProfileLinePulse {
    50% { border-color:color-mix(in srgb,var(--team-color),#89effb 45%); box-shadow:inset 0 0 0 5px rgba(255,255,255,.62),0 0 30px color-mix(in srgb,var(--team-color),transparent 70%); }
}
@keyframes teamLogoBallLap {
    0% { left:5px; top:8px; transform:rotate(0); }
    24% { left:calc(100% - 38px); top:8px; transform:rotate(360deg); }
    50% { left:calc(100% - 38px); top:calc(100% - 88px); transform:rotate(720deg); }
    74% { left:5px; top:calc(100% - 88px); transform:rotate(1080deg); }
    100% { left:5px; top:8px; transform:rotate(1440deg); }
}
@keyframes teamProfileScoreLine {
    0%,15% { left:-35%; opacity:0; }
    28% { opacity:1; }
    70%,100% { left:112%; opacity:0; }
}
@keyframes teamBallToGoal {
    0% { left:0; bottom:22px; transform:rotate(0) scale(.9); opacity:0; }
    9% { opacity:1; }
    42% { left:38%; bottom:142px; transform:rotate(430deg) scale(1.08); }
    78% { left:76%; bottom:74px; transform:rotate(820deg) scale(.82); opacity:1; }
    92%,100% { left:calc(100% - 72px); bottom:28px; transform:rotate(1080deg) scale(.52); opacity:0; }
}
@keyframes teamFloodlight { 50% { opacity:.42; transform:scale(.88); } }
@keyframes teamScrollBounce { 50% { transform:translateY(5px); background:rgba(255,255,255,.16); } }
@keyframes teamTickerMove { to { transform:translateX(-50%); } }
@keyframes teamStoryBall {
    0%,100% { left:0; transform:rotate(0); }
    50% { left:calc(100% - 28px); transform:rotate(720deg); }
}
@keyframes teamRosterBall { to { transform:rotate(360deg); } }

@media (max-width:1050px) {
    .team-profile-page .team-profile-hero { min-height:720px; }
    .team-profile-page .team-profile-hero-inner { min-height:655px; }
    .team-profile-page .team-football-flight { width:46vw; opacity:.72; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-hero { min-height:auto; }
    .team-profile-page .team-profile-hero-inner { min-height:0; padding:82px 0 112px; }
    .team-profile-page .team-football-flight { width:72vw; height:190px; right:-9vw; top:34px; opacity:.36; }
    .team-profile-page .team-football-flight-goal { width:88px; height:70px; }
    .team-profile-page .team-football-flight-line { height:96px; }
    .team-profile-page .team-stadium-lights { left:4%; transform:scale(.72) rotate(-8deg); transform-origin:left top; }
    .team-profile-page .team-profile-heading { border-left-width:4px; }
    .team-profile-page .team-profile-facts { margin-top:23px; }
    .team-profile-page .team-profile-scroll-cue { bottom:19px; }
    .team-profile-page .team-profile-ticker { height:54px; }
    .team-profile-page .team-profile-ticker > div { gap:22px; }
    .team-profile-page .team-profile-ticker span,.team-profile-page .team-profile-ticker b { font-size:8px; }
    .team-profile-page .team-profile-staff-head::after { right:70px; opacity:.45; }
    .team-profile-page .team-roster-section::before { opacity:.55; }
}
@media (max-width:520px) {
    .team-profile-page .team-profile-hero-inner { padding:68px 0 108px; }
    .team-profile-page .team-profile-logo { box-shadow:15px 17px 0 color-mix(in srgb,var(--team-color),transparent 77%),0 30px 66px rgba(0,9,36,.38); }
    .team-profile-page .team-logo-ball { width:25px; height:25px; font-size:16px; }
    .team-profile-page .team-profile-heading { padding-inline:14px; }
    .team-profile-page .team-profile-facts { gap:5px; }
    .team-profile-page .team-profile-facts > div { min-height:65px; padding:9px 7px; align-items:center; }
    .team-profile-page .team-profile-facts dt { font-size:21px; }
    .team-profile-page .team-profile-facts dd { font-size:5.5px; letter-spacing:.08em; }
    .team-profile-page .team-profile-scroll-cue span { display:none; }
    .team-profile-page .team-profile-story { border-left-width:4px; box-shadow:9px 10px 0 color-mix(in srgb,var(--team-color),transparent 93%),0 22px 45px rgba(6,41,89,.1); }
    .team-profile-page .team-profile-staff-head::after { display:none; }
    .team-profile-page .team-profile-leaders .team-leader-card:hover,
    .team-profile-page .team-kit-card:hover,
    .team-profile-page .team-roster-grid .team-player-card:hover { transform:translateY(-5px); }
    .team-profile-page .team-roster-grid .team-player-card::before { left:136px; }
}
@media (max-width:390px) {
    .team-profile-page .team-roster-grid .team-player-card::before { left:118px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-profile-logo::before,
    .team-profile-page .team-logo-ball,
    .team-profile-page .team-profile-heading::after,
    .team-profile-page .team-football-flight-ball,
    .team-profile-page .team-stadium-lights i,
    .team-profile-page .team-profile-scroll-cue i,
    .team-profile-page .team-profile-ticker > div,
    .team-profile-page .team-story-football i,
    .team-profile-page .team-roster-section::before { animation:none !important; }
    .team-profile-page .team-logo-ball { left:5px; top:8px; }
}

/* Team profile v27 · wine studio portrait background from reference */
.team-profile-page {
    --portrait-wine-light:#c7888d;
    --portrait-wine-mid:#94515f;
    --portrait-wine-dark:#46142d;
    --portrait-frame:#1468ad;
}
.team-profile-page .team-leader-media,
.team-profile-page .team-player-portrait {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:3px solid var(--portrait-frame);
    background:
        radial-gradient(ellipse at 50% 18%,rgba(255,231,224,.42) 0%,rgba(255,226,219,.16) 27%,transparent 53%),
        linear-gradient(180deg,var(--portrait-wine-light) 0%,var(--portrait-wine-mid) 50%,var(--portrait-wine-dark) 100%);
    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.16),
        inset 0 -32px 48px rgba(48,3,25,.16),
        0 15px 30px rgba(8,42,86,.17);
}
.team-profile-page .team-leader-media::before,
.team-profile-page .team-player-portrait::before {
    content:'';
    position:absolute;
    z-index:0;
    width:72%;
    aspect-ratio:1;
    left:14%;
    top:6%;
    border-radius:50%;
    background:rgba(255,222,216,.13);
    box-shadow:0 0 52px rgba(255,224,217,.2);
    pointer-events:none;
}
.team-profile-page .team-leader-media::after {
    content:'';
    position:absolute;
    z-index:0;
    left:9px;
    right:9px;
    top:9px;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    pointer-events:none;
}
.team-profile-page .team-profile-leaders .team-leader-card {
    min-height:180px;
    grid-template-columns:124px minmax(0,1fr);
    gap:17px;
    padding:14px;
}
.team-profile-page .team-leader-media {
    width:112px;
    height:152px;
    border-radius:2px 18px 2px 2px;
}
.team-profile-page .team-leader-media > img,
.team-profile-page .team-player-portrait > img {
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    opacity:1;
    object-fit:cover;
    object-position:center 16%;
    filter:none;
}
.team-profile-page .team-leader-media .team-leader-icon,
.team-profile-page .team-player-photo-placeholder {
    position:relative;
    z-index:2;
}
.team-profile-page .team-leader-media .team-leader-icon {
    border-color:rgba(255,255,255,.76);
    color:#fff;
    background:rgba(67,14,39,.34);
    box-shadow:0 10px 23px rgba(47,7,27,.24);
}
.team-profile-page .team-leader-media .team-leader-icon > i {
    color:#fff;
}
.team-profile-page .team-player-portrait {
    border-top:0;
    border-bottom:0;
    border-left:0;
    border-right:3px solid var(--portrait-frame);
    background:
        radial-gradient(ellipse at 50% 16%,rgba(255,231,224,.46) 0%,rgba(255,226,219,.16) 29%,transparent 55%),
        linear-gradient(180deg,var(--portrait-wine-light) 0%,var(--portrait-wine-mid) 50%,var(--portrait-wine-dark) 100%);
}
.team-profile-page .team-player-portrait::after,
.team-profile-page .team-player-portrait.has-photo::after {
    content:none;
    display:none;
    background:none;
}
.team-profile-page .team-player-photo-placeholder {
    color:#fff;
    text-shadow:0 5px 16px rgba(55,7,29,.35);
}
.team-profile-page .team-player-photo-placeholder i {
    border-color:rgba(255,255,255,.76);
    background:rgba(69,14,41,.25);
}
.team-profile-page .team-leader-card:hover .team-leader-media,
.team-profile-page .team-player-card:hover .team-player-portrait {
    border-color:#2587cf;
    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.22),
        inset 0 -32px 48px rgba(48,3,25,.12),
        0 20px 38px rgba(8,56,105,.24),
        0 0 0 4px rgba(37,135,207,.1);
}

@media (max-width:620px) {
    .team-profile-page .team-profile-leaders .team-leader-card {
        min-height:158px;
        grid-template-columns:108px minmax(0,1fr);
        gap:13px;
        padding:12px;
    }
    .team-profile-page .team-leader-media { width:96px; height:132px; }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-leaders .team-leader-card {
        grid-template-columns:98px minmax(0,1fr);
        gap:10px;
    }
    .team-profile-page .team-leader-media { width:88px; height:122px; }
}

/* Regulations v29 · official match rulebook and football motion */
.regulations-page {
    --reg-navy:#061e4d;
    --reg-blue:#1166d8;
    --reg-cyan:#74e7f8;
    --reg-gold:#ffd568;
    overflow-x:hidden;
    background:#f4f8fc;
}
.regulations-page .regulations-hero {
    min-height:710px;
    isolation:isolate;
    border-bottom:5px solid var(--reg-cyan);
    background:
        radial-gradient(circle at 12% 54%,rgba(24,120,225,.52),transparent 29%),
        radial-gradient(circle at 88% 8%,rgba(116,231,248,.28),transparent 27%),
        linear-gradient(128deg,#031535 0%,#073579 56%,#0b75ad 100%);
}
.regulations-page .regulations-hero::before {
    right:-32px;
    bottom:-145px;
    color:transparent;
    -webkit-text-stroke:2px rgba(255,255,255,.065);
    font-size:570px;
}
.regulations-page .regulations-hero-grid {
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px),
        radial-gradient(circle at 22% 51%,transparent 0 96px,rgba(255,255,255,.25) 97px 99px,transparent 100px);
    background-size:78px 78px,78px 78px,100% 100%;
    mask-image:linear-gradient(90deg,#000 0 78%,transparent 100%);
}
.regulations-page .regulations-hero-inner {
    z-index:2;
    grid-template-columns:minmax(0,1fr) 410px;
    gap:90px;
    min-height:660px;
    padding:82px 0 112px;
}
.regulations-page .regulations-hero-copy {
    position:relative;
    z-index:2;
}
.regulations-page .regulations-hero-copy > span {
    width:max-content;
    min-height:30px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(116,231,248,.38);
    border-radius:999px;
    color:#a8f2fc;
    background:rgba(116,231,248,.07);
}
.regulations-page .regulations-hero-copy h1 {
    position:relative;
    z-index:1;
    filter:drop-shadow(0 17px 38px rgba(0,8,30,.3));
}
.regulations-page .regulations-hero-copy h1 em {
    color:#91f0fc;
    text-shadow:0 0 26px rgba(116,231,248,.18);
}
.regulations-page .regulations-hero-copy > small {
    border-left:4px solid var(--reg-cyan);
    background:rgba(255,255,255,.075);
}
.regulations-page .regulations-hero-facts {
    max-width:620px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:30px 0 0;
}
.regulations-page .regulations-hero-facts > div {
    position:relative;
    min-height:86px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding:15px 17px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.17);
    border-bottom:4px solid var(--reg-cyan);
    border-radius:2px 15px 2px 2px;
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
    box-shadow:0 14px 28px rgba(0,8,30,.14);
    transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,border-color .28s;
}
.regulations-page .regulations-hero-facts > div::after {
    content:'';
    position:absolute;
    width:54px;
    height:54px;
    right:-28px;
    top:-28px;
    border:1px solid rgba(116,231,248,.24);
    border-radius:50%;
}
.regulations-page .regulations-hero-facts > div:hover {
    transform:translateY(-6px);
    border-color:rgba(255,255,255,.42);
    background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(116,231,248,.08));
}
.regulations-page .regulations-hero-facts dt {
    color:#fff;
    font:900 clamp(27px,2.6vw,38px)/1 var(--font-display);
    letter-spacing:-.055em;
}
.regulations-page .regulations-hero-facts dd {
    margin:8px 0 0;
    color:#a4edf8;
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
}
.regulations-page .rulebook-cover {
    min-height:455px;
    padding:46px 29px 28px;
    border:2px solid rgba(255,255,255,.8);
    border-top:8px solid var(--reg-cyan);
    border-radius:2px 28px 2px 2px;
    background:
        linear-gradient(140deg,transparent 0 59%,rgba(17,102,216,.075) 59%),
        repeating-linear-gradient(135deg,transparent 0 26px,rgba(17,102,216,.035) 26px 27px),
        #fff;
    box-shadow:21px 24px 0 rgba(2,21,54,.25),0 40px 85px rgba(0,8,30,.3);
    transform:rotate(1.25deg);
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.regulations-page .rulebook-cover:hover {
    transform:translateY(-9px) rotate(-.4deg);
    box-shadow:28px 31px 0 rgba(2,21,54,.22),0 52px 95px rgba(0,8,30,.36);
}
.regulations-page .rulebook-cover::before {
    inset:13px;
    border:1px solid rgba(17,102,216,.12);
    border-radius:2px 19px 2px 2px;
    background:none;
}
.regulations-page .rulebook-cover::after {
    content:'IV';
    position:absolute;
    right:-8px;
    bottom:-25px;
    color:transparent;
    -webkit-text-stroke:1px rgba(17,102,216,.1);
    font:900 140px/.8 var(--font-display);
    letter-spacing:-.12em;
    pointer-events:none;
}
.regulations-page .rulebook-cover > img { z-index:2; }
.regulations-page .rulebook-cover-ball {
    position:absolute;
    z-index:4;
    left:14px;
    top:16px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 17px rgba(7,43,105,.23),0 0 0 4px rgba(17,102,216,.1);
    font:normal 21px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:regulationCoverBall 10s linear infinite;
}
.regulations-page .rulebook-cover > .rulebook-verified {
    position:absolute;
    z-index:3;
    right:21px;
    top:20px;
    min-height:28px;
    display:flex;
    align-items:center;
    padding:0 10px;
    border:1px solid #cfe0ec;
    border-radius:999px;
    color:#0d66b7;
    background:#f4f9fc;
    font-size:6px;
    letter-spacing:.1em;
}
.regulations-page .regulations-match-fx {
    position:absolute;
    z-index:0;
    width:min(42vw,630px);
    height:230px;
    right:-1%;
    top:40px;
    opacity:.52;
    pointer-events:none;
}
.regulations-page .regulations-ball-arc {
    position:absolute;
    width:77%;
    height:132px;
    left:2%;
    top:45px;
    border-top:2px dashed rgba(157,238,249,.55);
    border-radius:50%;
    transform:rotate(-7deg);
}
.regulations-page .regulations-match-ball {
    position:absolute;
    z-index:2;
    left:0;
    bottom:25px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 10px 22px rgba(0,8,30,.3),0 0 22px rgba(116,231,248,.38);
    font:normal 27px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:regulationBallGoal 5.5s cubic-bezier(.48,.02,.49,.98) infinite;
}
.regulations-page .regulations-match-goal {
    position:absolute;
    right:0;
    bottom:0;
    width:112px;
    height:86px;
    border:3px solid rgba(255,255,255,.72);
    border-bottom-width:5px;
    transform:perspective(170px) rotateY(-14deg);
    background:
        repeating-linear-gradient(0deg,transparent 0 12px,rgba(255,255,255,.22) 13px 14px),
        repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.22) 13px 14px);
}
.regulations-page .regulations-floodlights {
    position:absolute;
    z-index:1;
    left:3%;
    top:33px;
    width:88px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    transform:rotate(-8deg);
    opacity:.65;
    pointer-events:none;
}
.regulations-page .regulations-floodlights i {
    aspect-ratio:1;
    border-radius:2px;
    background:#fff;
    box-shadow:0 0 10px #fff,0 0 27px var(--reg-cyan);
    animation:regulationFlood 2.5s ease-in-out infinite;
}
.regulations-page .regulations-floodlights i:nth-child(2) { animation-delay:-.3s; }
.regulations-page .regulations-floodlights i:nth-child(3) { animation-delay:-.6s; }
.regulations-page .regulations-floodlights i:nth-child(4) { animation-delay:-.9s; }
.regulations-page .regulations-scroll-cue {
    position:absolute;
    z-index:4;
    left:50%;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:12px;
    transform:translateX(-50%);
    color:#dffaff;
    font-size:7px;
    font-weight:900;
    letter-spacing:.16em;
}
.regulations-page .regulations-scroll-cue i {
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    background:rgba(255,255,255,.08);
    font:normal 14px/1 var(--font-body);
    animation:regulationScroll 1.8s ease-in-out infinite;
}
.regulations-page .regulations-scroll-cue:focus-visible,
.regulations-page .rulebook-sidebar a:focus-visible,
.regulations-page .rulebook-contact a:focus-visible {
    outline:3px solid var(--reg-cyan);
    outline-offset:4px;
}
.regulations-page .regulations-ticker {
    position:relative;
    z-index:4;
    height:62px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.12);
    color:#fff;
    background:linear-gradient(90deg,#093c87,#1168c7 56%,#0c5594);
    box-shadow:0 15px 34px rgba(7,42,92,.16);
}
.regulations-page .regulations-ticker::before,
.regulations-page .regulations-ticker::after {
    content:'';
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:70px;
    pointer-events:none;
}
.regulations-page .regulations-ticker::before { left:0; background:linear-gradient(90deg,#093c87,transparent); }
.regulations-page .regulations-ticker::after { right:0; background:linear-gradient(-90deg,#0c5594,transparent); }
.regulations-page .regulations-ticker > div {
    width:max-content;
    display:flex;
    align-items:center;
    gap:30px;
    padding-left:30px;
    animation:regulationTicker 28s linear infinite;
    white-space:nowrap;
}
.regulations-page .regulations-ticker span,
.regulations-page .regulations-ticker b {
    font-size:9px;
    font-weight:900;
    letter-spacing:.13em;
}
.regulations-page .regulations-ticker b { color:#94effb; }
.regulations-page .regulations-content {
    position:relative;
    overflow:clip;
    padding:112px 0 130px;
    background:
        radial-gradient(circle at 93% 8%,rgba(17,102,216,.085),transparent 25%),
        linear-gradient(90deg,transparent 49.85%,rgba(17,102,216,.025) 50%,transparent 50.15%),
        #f4f8fc;
}
.regulations-page .regulations-content::before {
    content:'';
    position:absolute;
    width:440px;
    height:440px;
    left:-280px;
    top:580px;
    border:2px solid rgba(17,102,216,.05);
    border-radius:50%;
    box-shadow:0 0 0 65px rgba(17,102,216,.018),0 0 0 130px rgba(17,102,216,.012);
    pointer-events:none;
}
.regulations-page .rulebook-layout { gap:58px; }
.regulations-page .rulebook-sidebar {
    overflow:hidden;
    border:2px solid #d6e4ee;
    border-radius:2px 20px 2px 2px;
    box-shadow:0 22px 55px rgba(7,42,92,.11);
}
.regulations-page .rulebook-sidebar-head {
    position:relative;
    overflow:hidden;
    border-bottom:4px solid var(--reg-cyan);
    background:linear-gradient(135deg,#071f50,#0b58b7);
}
.regulations-page .rulebook-sidebar-head::after {
    content:'⚽';
    position:absolute;
    right:-22px;
    bottom:-24px;
    color:rgba(255,255,255,.08);
    font:normal 74px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    filter:grayscale(1);
}
.regulations-page .rulebook-sidebar nav a {
    grid-template-columns:37px minmax(0,1fr);
    min-height:62px;
    padding:11px 16px;
    border-left:4px solid transparent;
    background:#fff;
    font-size:9px;
    transition:transform .24s ease,background .24s,color .24s,border-color .24s;
}
.regulations-page .rulebook-sidebar nav a span {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid #d8e5ef;
    border-radius:50%;
    background:#f4f8fc;
    font-size:12px;
}
.regulations-page .rulebook-sidebar nav a:hover {
    padding-left:16px;
    transform:translateX(5px);
    border-left-color:var(--reg-cyan);
    background:#edf7ff;
}
.regulations-page .rulebook-contact {
    border-top:4px solid var(--reg-cyan);
    background:linear-gradient(145deg,#061b45,#0a3f87);
}
.regulations-page .rulebook-intro {
    position:relative;
    margin-bottom:42px;
    padding:5px 200px 36px 0;
    overflow:hidden;
    border-bottom:2px solid #cddce8;
}
.regulations-page .rulebook-intro-mark {
    position:absolute;
    width:160px;
    height:50px;
    right:0;
    bottom:26px;
}
.regulations-page .rulebook-intro-mark b {
    position:absolute;
    left:0;
    right:0;
    top:25px;
    border-top:2px dashed rgba(17,102,216,.36);
}
.regulations-page .rulebook-intro-mark i {
    position:absolute;
    z-index:1;
    left:0;
    top:10px;
    font:normal 25px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:regulationIntroBall 5.8s ease-in-out infinite;
}
.regulations-page .rulebook-card {
    isolation:isolate;
    grid-template-columns:145px minmax(0,1fr);
    margin-bottom:28px;
    border:2px solid #d8e5ee;
    border-top:5px solid var(--rule-accent);
    border-radius:2px 22px 2px 2px;
    box-shadow:0 20px 48px rgba(8,51,109,.09);
    transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
}
.regulations-page .rulebook-card::before {
    content:'';
    position:absolute;
    z-index:2;
    width:42%;
    height:4px;
    left:-46%;
    top:0;
    background:linear-gradient(90deg,transparent,#fff,var(--rule-accent),transparent);
    transition:left .65s cubic-bezier(.2,.8,.2,1);
}
.regulations-page .rulebook-card::after {
    width:210px;
    height:210px;
    right:-120px;
    top:-120px;
    border:2px solid color-mix(in srgb,var(--rule-accent),transparent 88%);
    background:transparent;
    box-shadow:0 0 0 22px color-mix(in srgb,var(--rule-accent),transparent 95%);
}
.regulations-page .rulebook-card:hover {
    transform:translateY(-8px);
    border-color:color-mix(in srgb,var(--rule-accent),#c5dce9 55%);
    box-shadow:0 30px 68px rgba(8,51,109,.15),0 0 0 4px color-mix(in srgb,var(--rule-accent),transparent 94%);
}
.regulations-page .rulebook-card:hover::before { left:108%; }
.regulations-page .rulebook-card:target {
    border-color:var(--rule-accent);
    box-shadow:0 30px 75px rgba(8,51,109,.17),0 0 0 5px color-mix(in srgb,var(--rule-accent),transparent 88%);
    animation:regulationTarget .72s cubic-bezier(.2,.8,.2,1);
}
.regulations-page .rulebook-number {
    position:relative;
    justify-content:flex-start;
    overflow:hidden;
    border-right:0;
    color:#fff;
    background:
        radial-gradient(circle at 50% 74%,transparent 0 43px,rgba(255,255,255,.17) 44px 46px,transparent 47px),
        linear-gradient(145deg,color-mix(in srgb,var(--rule-accent),#082b63 52%),#061e4d);
}
.regulations-page .rulebook-number::before {
    content:'';
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    border-left:1px solid rgba(255,255,255,.13);
}
.regulations-page .rulebook-number small,
.regulations-page .rulebook-number strong {
    position:relative;
    z-index:1;
    color:#fff;
}
.regulations-page .rulebook-number small { color:#b9f3fb; }
.regulations-page .rulebook-number strong {
    margin-top:9px;
    font-size:64px;
    text-shadow:0 12px 28px rgba(0,8,30,.3);
}
.regulations-page .rulebook-number > i {
    position:absolute;
    z-index:1;
    left:50%;
    bottom:22px;
    transform:translateX(-50%);
    font:normal 33px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    transition:transform .38s cubic-bezier(.2,.8,.2,1);
}
.regulations-page .rulebook-card:hover .rulebook-number > i { transform:translateX(-50%) rotate(24deg) scale(1.14); }
.regulations-page .rulebook-article { padding:33px 38px 39px; }
.regulations-page .rulebook-article > header { padding-bottom:25px; }
.regulations-page .rulebook-article > header > span {
    border:2px solid color-mix(in srgb,var(--rule-accent),#dce8ef 66%);
    border-radius:50%;
    box-shadow:0 0 0 6px color-mix(in srgb,var(--rule-accent),transparent 95%);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
}
.regulations-page .rulebook-card:hover .rulebook-article > header > span {
    transform:rotate(-7deg) scale(1.06);
    box-shadow:0 0 0 9px color-mix(in srgb,var(--rule-accent),transparent 92%);
}
.regulations-page .rulebook-body { font-size:14px; line-height:1.82; }
.regulations-page .rule-line {
    align-items:start;
    margin-top:11px;
    padding:9px 11px;
    border-left:3px solid color-mix(in srgb,var(--rule-accent),transparent 54%);
    background:color-mix(in srgb,var(--rule-accent),#fff 96%);
    transition:transform .22s ease,background .22s;
}
.regulations-page .rule-line:hover {
    transform:translateX(4px);
    background:color-mix(in srgb,var(--rule-accent),#fff 92%);
}
.regulations-page .rule-line.is-sub-bullet { background:#f6f9fc; }
.regulations-page .rulebook-awards {
    position:relative;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.19);
    border-top:6px solid var(--reg-gold);
    border-radius:2px 24px 2px 2px;
    background:
        radial-gradient(circle at 88% 14%,rgba(255,213,104,.2),transparent 24%),
        linear-gradient(135deg,#051944,#0a4a9e 67%,#087fac);
    box-shadow:0 30px 72px rgba(4,28,72,.2);
}
.regulations-page .rulebook-awards::before {
    content:'⚽';
    position:absolute;
    right:-50px;
    top:-48px;
    color:rgba(255,255,255,.06);
    font:normal 190px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    filter:grayscale(1);
    animation:regulationAwardBall 16s linear infinite;
}
.regulations-page .rulebook-award {
    border-left:4px solid var(--reg-cyan);
    border-radius:2px 14px 2px 2px;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,border-color .28s;
}
.regulations-page .rulebook-award:hover {
    transform:translateY(-6px);
    border-color:rgba(255,255,255,.48);
    border-left-color:var(--reg-cyan);
    background:rgba(255,255,255,.14);
}
.regulations-page .rulebook-closing {
    border:2px solid rgba(255,255,255,.16);
    border-top:6px solid var(--reg-cyan);
    border-radius:2px 24px 2px 2px;
    background:
        repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px),
        repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px),
        linear-gradient(135deg,#051944,#0b57b7 68%,#088ab7);
    box-shadow:0 30px 72px rgba(4,28,72,.2);
}
.regulations-page .rulebook-closing::before {
    content:'';
    position:absolute;
    width:150px;
    height:112px;
    right:36px;
    top:38px;
    border:3px solid rgba(255,255,255,.12);
    background:
        repeating-linear-gradient(0deg,transparent 0 15px,rgba(255,255,255,.08) 16px 17px),
        repeating-linear-gradient(90deg,transparent 0 15px,rgba(255,255,255,.08) 16px 17px);
}
.regulations-page.rule-reveal-ready [data-rule-reveal] {
    opacity:0;
    transform:translateY(30px) scale(.988);
}
.regulations-page.rule-reveal-ready [data-rule-reveal].is-rule-visible {
    opacity:1;
    transform:none;
    transition-property:opacity,transform,border-color,box-shadow,background;
    transition-duration:.62s,.75s,.3s,.3s,.3s;
    transition-timing-function:ease,cubic-bezier(.2,.8,.2,1),ease,ease,ease;
    transition-delay:calc(var(--rule-order,0) * 45ms);
}
.regulations-page.rule-reveal-ready [data-rule-reveal].is-rule-visible:hover { transition-delay:0s; }

@keyframes regulationCoverBall {
    0% { left:14px; top:16px; transform:rotate(0); }
    24% { left:calc(100% - 46px); top:16px; transform:rotate(360deg); }
    50% { left:calc(100% - 46px); top:calc(100% - 46px); transform:rotate(720deg); }
    74% { left:14px; top:calc(100% - 46px); transform:rotate(1080deg); }
    100% { left:14px; top:16px; transform:rotate(1440deg); }
}
@keyframes regulationBallGoal {
    0% { left:0; bottom:20px; transform:rotate(0) scale(.9); opacity:0; }
    10% { opacity:1; }
    43% { left:39%; bottom:137px; transform:rotate(450deg) scale(1.08); }
    79% { left:77%; bottom:68px; transform:rotate(830deg) scale(.8); opacity:1; }
    94%,100% { left:calc(100% - 70px); bottom:27px; transform:rotate(1080deg) scale(.5); opacity:0; }
}
@keyframes regulationFlood { 50% { opacity:.38; transform:scale(.86); } }
@keyframes regulationScroll { 50% { transform:translateY(5px); background:rgba(255,255,255,.16); } }
@keyframes regulationTicker { to { transform:translateX(-50%); } }
@keyframes regulationIntroBall {
    0%,100% { left:0; transform:rotate(0); }
    50% { left:calc(100% - 28px); transform:rotate(720deg); }
}
@keyframes regulationTarget {
    0% { transform:scale(.975); }
    62% { transform:scale(1.012); }
    100% { transform:none; }
}
@keyframes regulationAwardBall { to { transform:rotate(360deg); } }

@media (max-width:1080px) {
    .regulations-page .regulations-hero-inner { grid-template-columns:minmax(0,1fr) 350px; gap:50px; }
    .regulations-page .rulebook-layout { gap:32px; }
    .regulations-page .rulebook-card { grid-template-columns:125px minmax(0,1fr); }
}
@media (max-width:780px) {
    .regulations-page .regulations-hero-inner { min-height:0; grid-template-columns:1fr; gap:50px; padding:78px 0 110px; }
    .regulations-page .regulations-match-fx { width:76vw; right:-13vw; top:32px; opacity:.3; }
    .regulations-page .regulations-floodlights { left:4%; transform:scale(.72) rotate(-8deg); transform-origin:left top; }
    .regulations-page .regulations-hero-facts { max-width:none; }
    .regulations-page .rulebook-cover { width:min(100%,370px); min-height:430px; }
    .regulations-page .regulations-ticker { height:54px; }
    .regulations-page .regulations-ticker > div { gap:22px; }
    .regulations-page .regulations-ticker span,.regulations-page .regulations-ticker b { font-size:8px; }
    .regulations-page .regulations-content { padding:72px 0 86px; }
    .regulations-page .rulebook-layout { gap:34px; }
    .regulations-page .rulebook-sidebar nav a { flex-basis:158px; border-left:1px solid #e0e9f2; }
    .regulations-page .rulebook-intro { padding-right:0; }
    .regulations-page .rulebook-intro-mark { position:relative; width:100%; right:auto; bottom:auto; margin-top:20px; }
    .regulations-page .rulebook-card { grid-template-columns:1fr; }
    .regulations-page .rulebook-number {
        min-height:74px;
        align-items:center;
        flex-direction:row;
        gap:9px;
        padding:15px 21px;
        background:linear-gradient(110deg,color-mix(in srgb,var(--rule-accent),#082b63 48%),#061e4d);
    }
    .regulations-page .rulebook-number::before { left:38%; top:0; right:auto; bottom:0; }
    .regulations-page .rulebook-number strong { margin:0; font-size:38px; }
    .regulations-page .rulebook-number > i { left:auto; right:22px; bottom:19px; transform:none; font-size:31px; }
    .regulations-page .rulebook-card:hover .rulebook-number > i { transform:rotate(24deg) scale(1.12); }
    .regulations-page .rulebook-article { padding:26px 22px 31px; }
    .regulations-page .rulebook-closing::before { opacity:.45; }
}
@media (max-width:480px) {
    .regulations-page .regulations-hero-copy > span { font-size:7px; letter-spacing:.1em; }
    .regulations-page .regulations-hero-facts { gap:5px; }
    .regulations-page .regulations-hero-facts > div { min-height:72px; align-items:center; padding:10px 6px; }
    .regulations-page .regulations-hero-facts dt { font-size:25px; }
    .regulations-page .regulations-hero-facts dd { font-size:5.5px; letter-spacing:.075em; text-align:center; }
    .regulations-page .rulebook-cover { min-height:390px; padding-inline:18px; }
    .regulations-page .rulebook-cover > .rulebook-verified { right:15px; top:16px; }
    .regulations-page .regulations-scroll-cue span { display:none; }
    .regulations-page .rulebook-card { border-radius:2px 17px 2px 2px; }
    .regulations-page .rulebook-article > header { grid-template-columns:48px minmax(0,1fr); }
    .regulations-page .rulebook-article > header > span { width:46px; height:46px; }
    .regulations-page .rule-line { padding:8px; }
    .regulations-page .rulebook-awards,.regulations-page .rulebook-closing { border-radius:2px 18px 2px 2px; }
    .regulations-page .rulebook-closing::before { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .regulations-page .rulebook-cover-ball,
    .regulations-page .regulations-match-ball,
    .regulations-page .regulations-floodlights i,
    .regulations-page .regulations-scroll-cue i,
    .regulations-page .regulations-ticker > div,
    .regulations-page .rulebook-intro-mark i,
    .regulations-page .rulebook-awards::before { animation:none !important; }
    .regulations-page.rule-reveal-ready [data-rule-reveal] { opacity:1; transform:none; }
}

/* Awards Arena v30 · stadium honours and football motion */
.regulations-page .rulebook-awards {
    --award-gold:#ffd35c;
    --award-cyan:#70e9fa;
    --award-navy:#031537;
    isolation:isolate;
    padding:52px;
    border:2px solid rgba(139,224,255,.28);
    border-top:7px solid var(--award-gold);
    border-radius:3px 30px 3px 3px;
    background:
        radial-gradient(circle at 92% 7%,rgba(255,211,92,.19),transparent 23%),
        radial-gradient(circle at 5% 94%,rgba(52,211,245,.17),transparent 27%),
        linear-gradient(138deg,#020f2c 0%,#072e6e 50%,#075fa0 100%);
    box-shadow:0 34px 85px rgba(2,25,66,.28),inset 0 1px rgba(255,255,255,.11);
}
.regulations-page .rulebook-awards::before {
    content:'HONOURS';
    right:-22px;
    top:auto;
    bottom:-28px;
    color:rgba(255,255,255,.035);
    font:900 clamp(90px,13vw,180px)/.8 var(--font-display);
    letter-spacing:-.08em;
    filter:none;
    animation:none;
}
.regulations-page .rulebook-awards::after {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(180deg,#000,transparent 86%);
    pointer-events:none;
}
.regulations-page .rulebook-awards-atmosphere { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.regulations-page .rulebook-awards-atmosphere::before,
.regulations-page .rulebook-awards-atmosphere::after {
    content:'';
    position:absolute;
    top:-10%;
    width:24%;
    height:68%;
    opacity:.18;
    filter:blur(7px);
    background:linear-gradient(180deg,rgba(118,232,255,.9),transparent 80%);
    clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);
    animation:awardSpotlight 5.4s ease-in-out infinite alternate;
}
.regulations-page .rulebook-awards-atmosphere::before { left:3%; transform:rotate(-15deg); transform-origin:top; }
.regulations-page .rulebook-awards-atmosphere::after { right:3%; transform:rotate(15deg); transform-origin:top; animation-delay:-2.7s; }
.regulations-page .rulebook-awards-atmosphere > i {
    position:absolute;
    top:23px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 10px 3px rgba(120,232,255,.55),12px 0 0 rgba(255,255,255,.7),24px 0 10px 3px rgba(120,232,255,.55),36px 0 0 rgba(255,255,255,.7),48px 0 10px 3px rgba(120,232,255,.55);
    animation:awardFloodlights 2.4s ease-in-out infinite alternate;
}
.regulations-page .rulebook-awards-atmosphere > i:nth-child(1) { left:5%; }
.regulations-page .rulebook-awards-atmosphere > i:nth-child(2) { left:calc(50% - 24px); animation-delay:-.8s; }
.regulations-page .rulebook-awards-atmosphere > i:nth-child(3) { right:9%; animation-delay:-1.6s; }
.regulations-page .rulebook-awards-atmosphere > span {
    position:absolute;
    z-index:2;
    left:-45px;
    top:184px;
    font:normal 34px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    filter:drop-shadow(0 8px 10px rgba(0,8,28,.38));
    animation:awardFlyingBall 8s cubic-bezier(.3,.05,.6,1) infinite;
}
.regulations-page .rulebook-awards-atmosphere > b {
    position:absolute;
    right:26px;
    bottom:22px;
    width:150px;
    height:104px;
    opacity:.13;
    border:3px solid #fff;
    background:
        repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.8) 14px 15px),
        repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.8) 14px 15px);
    transform:perspective(190px) rotateX(-7deg) skewX(-4deg);
}
.regulations-page .rulebook-awards-head {
    position:relative;
    z-index:3;
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) 178px;
    align-items:center;
    gap:48px;
    margin-bottom:32px;
}
.regulations-page .rulebook-awards-copy > span {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border:1px solid rgba(112,233,250,.35);
    background:rgba(112,233,250,.08);
    color:var(--award-cyan);
    font-size:8px;
    font-weight:900;
    letter-spacing:.17em;
}
.regulations-page .rulebook-awards-copy h2 {
    max-width:720px;
    margin:14px 0 14px;
    color:#fff;
    font:900 clamp(43px,5vw,66px)/.95 var(--font-display);
    letter-spacing:-.055em;
    text-shadow:0 13px 30px rgba(0,10,34,.24);
}
.regulations-page .rulebook-awards-copy h2::after {
    content:'';
    display:block;
    width:98px;
    height:5px;
    margin-top:18px;
    background:linear-gradient(90deg,var(--award-gold) 0 58%,var(--award-cyan) 58%);
    box-shadow:0 0 20px rgba(255,211,92,.28);
}
.regulations-page .rulebook-awards-copy p { max-width:660px; color:#c9deef; font-size:13px; line-height:1.75; }
.regulations-page .rulebook-awards-seal {
    position:relative;
    width:166px;
    aspect-ratio:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,220,126,.58);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,204,78,.16),rgba(255,255,255,.035) 64%,transparent 65%);
    box-shadow:0 0 0 8px rgba(255,211,92,.055),inset 0 0 42px rgba(255,207,88,.09);
    text-align:center;
}
.regulations-page .rulebook-awards-seal::before,
.regulations-page .rulebook-awards-seal::after {
    content:'';
    position:absolute;
    inset:10px;
    border:1px dashed rgba(255,255,255,.28);
    border-radius:50%;
    animation:awardSealSpin 22s linear infinite;
}
.regulations-page .rulebook-awards-seal::after { inset:21px; border-style:solid; border-color:rgba(112,233,250,.19); animation-direction:reverse; animation-duration:15s; }
.regulations-page .rulebook-awards-seal span { position:relative; z-index:1; color:var(--award-gold); font:900 54px/.86 var(--font-display); letter-spacing:-.07em; }
.regulations-page .rulebook-awards-seal strong { position:relative; z-index:1; margin-top:8px; color:#fff; font-size:8px; letter-spacing:.15em; }
.regulations-page .rulebook-awards-seal small { position:relative; z-index:1; margin-top:5px; color:var(--award-cyan); font-size:6px; font-weight:800; letter-spacing:.13em; }
.regulations-page .rulebook-awards-seal i { position:absolute; z-index:1; top:-3px; right:5px; color:var(--award-gold); font-style:normal; font-size:26px; filter:drop-shadow(0 0 9px rgba(255,211,92,.65)); animation:awardStarPulse 1.8s ease-in-out infinite; }
.regulations-page .rulebook-awards-line {
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:auto 1fr 32px 1fr auto;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    color:rgba(202,231,246,.72);
    font-size:7.5px;
    font-weight:900;
    letter-spacing:.17em;
}
.regulations-page .rulebook-awards-line i { height:1px; background:linear-gradient(90deg,transparent,rgba(112,233,250,.5)); }
.regulations-page .rulebook-awards-line i:nth-of-type(2) { transform:scaleX(-1); }
.regulations-page .rulebook-awards-line b { display:grid; place-items:center; font-size:20px; filter:drop-shadow(0 4px 7px rgba(0,0,0,.25)); }
.regulations-page .rulebook-awards-grid { position:relative; z-index:3; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.regulations-page .rulebook-award {
    min-height:158px;
    grid-template-columns:64px 68px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:17px;
    padding:0 20px 0 0;
    border:2px solid rgba(149,218,247,.18);
    border-left:0;
    border-radius:2px 16px 2px 2px;
    background:linear-gradient(118deg,rgba(255,255,255,.115),rgba(255,255,255,.045));
    box-shadow:0 13px 28px rgba(0,13,42,.15),inset 0 1px rgba(255,255,255,.06);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .3s;
}
.regulations-page .rulebook-award::before {
    content:'';
    position:absolute;
    inset:0;
    opacity:.22;
    background:
        linear-gradient(90deg,transparent 49.7%,rgba(128,229,250,.18) 50%,transparent 50.3%),
        radial-gradient(circle at 50% 50%,transparent 0 31px,rgba(128,229,250,.22) 32px 33px,transparent 34px);
    pointer-events:none;
}
.regulations-page .rulebook-award::after {
    content:'';
    position:absolute;
    left:-35%;
    top:0;
    width:28%;
    height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);
    transform:skewX(-15deg);
    transition:left .65s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}
.regulations-page .rulebook-award:hover {
    transform:translateY(-7px) scale(1.008);
    border-color:rgba(112,233,250,.55);
    background:linear-gradient(118deg,rgba(255,255,255,.17),rgba(255,255,255,.07));
    box-shadow:0 22px 42px rgba(0,13,42,.26),0 0 0 4px rgba(112,233,250,.055);
}
.regulations-page .rulebook-award:hover::after { left:118%; }
.regulations-page .rulebook-award.is-champion {
    grid-column:1/-1;
    min-height:196px;
    grid-template-columns:86px 112px minmax(0,1fr) minmax(220px,.6fr);
    grid-template-rows:1fr;
    border-color:rgba(255,213,92,.5);
    background:
        radial-gradient(circle at 20% 50%,rgba(255,213,92,.17),transparent 25%),
        linear-gradient(115deg,rgba(255,215,104,.2),rgba(255,255,255,.07));
    box-shadow:0 18px 38px rgba(0,12,42,.2),inset 0 1px rgba(255,245,196,.17);
}
.regulations-page .rulebook-award.is-champion:hover { border-color:rgba(255,220,110,.82); box-shadow:0 25px 50px rgba(0,12,42,.3),0 0 0 4px rgba(255,213,92,.07); }
.regulations-page .rulebook-award-rank {
    align-self:stretch;
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-right:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,rgba(5,21,55,.92),rgba(7,57,118,.83));
}
.regulations-page .rulebook-award:not(.is-champion) .rulebook-award-rank { grid-row:1/-1; }
.regulations-page .rulebook-award-rank::after { content:''; position:absolute; width:55px; height:55px; bottom:-33px; border:1px solid rgba(112,233,250,.25); border-radius:50%; }
.regulations-page .rulebook-award-rank small { position:relative; z-index:1; color:var(--award-cyan); font-size:5.5px; font-weight:900; letter-spacing:.1em; writing-mode:vertical-rl; transform:rotate(180deg); }
.regulations-page .rulebook-award-rank strong { position:relative; z-index:1; margin-top:8px; color:#fff; font:900 30px/1 var(--font-display); letter-spacing:-.06em; }
.regulations-page .is-champion .rulebook-award-rank { background:linear-gradient(180deg,#7a4b00,#e4a612); }
.regulations-page .is-champion .rulebook-award-rank small { color:#fff4c9; }
.regulations-page .is-champion .rulebook-award-rank strong { font-size:42px; color:#fff; }
.regulations-page .rulebook-award-emblem {
    position:relative;
    z-index:1;
    width:66px;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    border:2px solid rgba(112,233,250,.38);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.035));
    box-shadow:0 0 0 6px rgba(112,233,250,.045);
}
.regulations-page .rulebook-award-emblem > span { position:relative; z-index:1; width:auto; height:auto; background:none; font-size:31px; filter:drop-shadow(0 8px 8px rgba(0,10,30,.24)); transition:transform .36s cubic-bezier(.2,.8,.2,1); }
.regulations-page .rulebook-award-emblem > i { position:absolute; inset:-7px; border-top:2px solid var(--award-cyan); border-right:2px solid transparent; border-radius:50%; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.regulations-page .rulebook-award:hover .rulebook-award-emblem > span { transform:scale(1.16) rotate(-7deg); }
.regulations-page .rulebook-award:hover .rulebook-award-emblem > i { transform:rotate(170deg); }
.regulations-page .is-champion .rulebook-award-emblem { width:96px; border-color:rgba(255,215,102,.7); box-shadow:0 0 0 8px rgba(255,211,92,.06),0 0 38px rgba(255,194,44,.12); }
.regulations-page .is-champion .rulebook-award-emblem > span { font-size:51px; }
.regulations-page .is-champion .rulebook-award-emblem > i { border-top-color:var(--award-gold); border-left:2px solid rgba(255,211,92,.25); }
.regulations-page .rulebook-award-copy { position:relative; z-index:1; min-width:0; }
.regulations-page .rulebook-award-copy small { display:block; color:var(--award-cyan); font-size:6.5px; font-weight:900; letter-spacing:.16em; }
.regulations-page .rulebook-award-copy h3 { margin:7px 0 0; color:#fff; font:850 clamp(15px,1.45vw,20px)/1.18 var(--font-display); letter-spacing:-.025em; text-transform:uppercase; }
.regulations-page .is-champion .rulebook-award-copy small { color:#ffe392; }
.regulations-page .is-champion .rulebook-award-copy h3 { color:#fff7d9; font-size:clamp(25px,2.6vw,38px); text-shadow:0 10px 22px rgba(0,9,32,.24); }
.regulations-page .rulebook-award-prize {
    position:relative;
    z-index:1;
    min-height:76px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px 16px;
    border-left:2px solid rgba(112,233,250,.32);
    background:rgba(2,15,44,.22);
}
.regulations-page .rulebook-award:not(.is-champion) .rulebook-award-prize { grid-column:2/-1; min-height:58px; padding:10px 12px; }
.regulations-page .rulebook-award-prize small { color:rgba(159,232,246,.72); font-size:5.8px; font-weight:900; letter-spacing:.16em; }
.regulations-page .rulebook-award-prize p { margin:7px 0 0; color:#e3f0f7; font-size:10px; font-weight:700; line-height:1.55; }
.regulations-page .is-champion .rulebook-award-prize { border-left-color:rgba(255,215,102,.55); background:rgba(97,58,0,.19); }
.regulations-page .is-champion .rulebook-award-prize small { color:#ffe59b; }
.regulations-page .is-champion .rulebook-award-prize p { color:#fff7dc; font-size:12px; }
.regulations-page .rulebook-award-mark { position:absolute; z-index:1; right:14px; top:14px; width:auto; height:auto; display:block; color:rgba(112,233,250,.5); background:none; font-size:16px; }
.regulations-page .is-champion .rulebook-award-mark { color:var(--award-gold); font-size:23px; filter:drop-shadow(0 0 8px rgba(255,211,92,.45)); animation:awardStarPulse 1.8s ease-in-out infinite; }
.regulations-page.rule-reveal-ready .rulebook-awards.is-rule-visible .rulebook-award { animation:awardCardRise .68s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--award-index) * 75ms + 120ms); }

@keyframes awardSpotlight { to { opacity:.3; transform:rotate(7deg) scaleX(1.18); } }
@keyframes awardFloodlights { to { opacity:.45; filter:brightness(.7); } }
@keyframes awardFlyingBall {
    0% { left:-45px; top:184px; transform:rotate(0) scale(.7); opacity:0; }
    8% { opacity:1; }
    43% { left:45%; top:72px; transform:rotate(520deg) scale(1.05); }
    78% { left:85%; top:210px; transform:rotate(930deg) scale(.82); opacity:1; }
    100% { left:calc(100% + 45px); top:285px; transform:rotate(1180deg) scale(.55); opacity:0; }
}
@keyframes awardSealSpin { to { transform:rotate(360deg); } }
@keyframes awardStarPulse { 50% { transform:scale(1.22) rotate(10deg); opacity:.72; } }
@keyframes awardCardRise { from { opacity:0; transform:translateY(24px) scale(.985); } to { opacity:1; transform:none; } }

@media (max-width:1080px) {
    .regulations-page .rulebook-awards { padding:42px 34px; }
    .regulations-page .rulebook-award { grid-template-columns:58px 58px minmax(0,1fr); grid-template-rows:auto auto; gap:12px; padding-right:15px; }
    .regulations-page .rulebook-award-rank { grid-row:1/-1; }
    .regulations-page .rulebook-award-emblem { width:56px; }
    .regulations-page .rulebook-award-emblem > span { font-size:27px; }
    .regulations-page .rulebook-award-prize { grid-column:2/-1; min-height:58px; padding:10px 12px; }
    .regulations-page .rulebook-award-mark { position:absolute; right:14px; top:3px; }
    .regulations-page .rulebook-award.is-champion { grid-template-columns:76px 92px minmax(0,1fr) minmax(190px,.7fr); grid-template-rows:1fr; }
    .regulations-page .is-champion .rulebook-award-rank { grid-row:auto; }
    .regulations-page .is-champion .rulebook-award-emblem { width:82px; }
    .regulations-page .is-champion .rulebook-award-prize { grid-column:auto; min-height:82px; }
}
@media (max-width:780px) {
    .regulations-page .rulebook-awards { padding:34px 20px 28px; border-radius:2px 20px 2px 2px; }
    .regulations-page .rulebook-awards-head { grid-template-columns:1fr; gap:25px; }
    .regulations-page .rulebook-awards-copy h2 { font-size:clamp(39px,12vw,56px); }
    .regulations-page .rulebook-awards-seal { width:100%; aspect-ratio:auto; min-height:78px; display:grid; grid-template-columns:auto auto auto; justify-content:start; gap:12px; padding:15px 21px; border-radius:2px 16px 2px 2px; text-align:left; }
    .regulations-page .rulebook-awards-seal::before { inset:7px; border-radius:2px 12px 2px 2px; }
    .regulations-page .rulebook-awards-seal::after { display:none; }
    .regulations-page .rulebook-awards-seal span { font-size:42px; }
    .regulations-page .rulebook-awards-seal strong { margin:0; font-size:8px; }
    .regulations-page .rulebook-awards-seal small { margin:0; }
    .regulations-page .rulebook-awards-seal i { top:22px; right:22px; }
    .regulations-page .rulebook-awards-line { grid-template-columns:1fr 25px 1fr; }
    .regulations-page .rulebook-awards-line > span { display:none; }
    .regulations-page .rulebook-awards-grid { grid-template-columns:1fr; }
    .regulations-page .rulebook-award,
    .regulations-page .rulebook-award.is-champion { grid-column:1; grid-template-columns:62px 66px minmax(0,1fr); grid-template-rows:auto auto; min-height:168px; }
    .regulations-page .rulebook-award-rank,
    .regulations-page .is-champion .rulebook-award-rank { grid-row:1/-1; }
    .regulations-page .rulebook-award-emblem,
    .regulations-page .is-champion .rulebook-award-emblem { width:62px; }
    .regulations-page .rulebook-award-emblem > span,
    .regulations-page .is-champion .rulebook-award-emblem > span { font-size:31px; }
    .regulations-page .rulebook-award-copy h3,
    .regulations-page .is-champion .rulebook-award-copy h3 { font-size:clamp(17px,5.5vw,24px); }
    .regulations-page .rulebook-award-prize,
    .regulations-page .is-champion .rulebook-award-prize { grid-column:2/-1; min-height:60px; }
    .regulations-page .rulebook-awards-atmosphere > span { opacity:.55; }
    .regulations-page .rulebook-awards-atmosphere > b { opacity:.07; }
}
@media (max-width:480px) {
    .regulations-page .rulebook-awards { margin-inline:-2px; padding-inline:14px; }
    .regulations-page .rulebook-awards-copy > span { font-size:6px; letter-spacing:.12em; }
    .regulations-page .rulebook-awards-copy p { font-size:11px; }
    .regulations-page .rulebook-award,
    .regulations-page .rulebook-award.is-champion { grid-template-columns:52px 54px minmax(0,1fr); gap:10px; min-height:160px; padding-right:10px; }
    .regulations-page .rulebook-award-rank strong,
    .regulations-page .is-champion .rulebook-award-rank strong { font-size:29px; }
    .regulations-page .rulebook-award-emblem,
    .regulations-page .is-champion .rulebook-award-emblem { width:50px; }
    .regulations-page .rulebook-award-emblem > span,
    .regulations-page .is-champion .rulebook-award-emblem > span { font-size:26px; }
    .regulations-page .rulebook-award-copy small { font-size:5.5px; letter-spacing:.1em; }
    .regulations-page .rulebook-award-prize,
    .regulations-page .is-champion .rulebook-award-prize { padding:9px 10px; }
    .regulations-page .rulebook-award-prize p,
    .regulations-page .is-champion .rulebook-award-prize p { font-size:9.5px; }
}
@media (prefers-reduced-motion:reduce) {
    .regulations-page .rulebook-awards-atmosphere::before,
    .regulations-page .rulebook-awards-atmosphere::after,
    .regulations-page .rulebook-awards-atmosphere > i,
    .regulations-page .rulebook-awards-atmosphere > span,
    .regulations-page .rulebook-awards-seal::before,
    .regulations-page .rulebook-awards-seal::after,
    .regulations-page .is-champion .rulebook-award-mark,
    .regulations-page.rule-reveal-ready .rulebook-awards.is-rule-visible .rulebook-award { animation:none !important; }
}

/* Home hero v34 · stable two-line desktop typography */
.home-page .hero h1 > span,
.home-page .hero h1 > em { display:inline-block; }

@media (min-width:1181px) {
    .home-page .hero-content { grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr); }
    .home-page .hero h1 {
        max-width:none;
        font-size:clamp(58px,4.55vw,88px);
        line-height:.92;
        letter-spacing:-.058em;
    }
    .home-page .hero h1 > span,
    .home-page .hero h1 > em { white-space:nowrap; }
    .home-page .hero h1 > em { margin-top:5px; font-size:1.06em; }
    .home-page .hero-manifesto { max-width:none; }
    .home-page .hero-manifesto > p { grid-template-columns:70px minmax(0,1fr); gap:16px; padding-right:38px; }
    .home-page .hero-manifesto .manifesto-index { width:64px; }
    .home-page .hero-manifesto > p > strong { font-size:clamp(14px,.92vw,17px); line-height:1.5; text-wrap:pretty; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:clamp(16px,1.02vw,19px); line-height:1.45; }
}

@media (min-width:1600px) {
    .home-page .hero h1 { font-size:clamp(80px,4.7vw,96px); }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:19px; }
}

/* Home regulations teaser v35 · intentional two-line desktop title */
.home-page .regulations-teaser-copy h2 > span,
.home-page .regulations-teaser-copy h2 > em { display:inline-block; }

@media (min-width:1181px) {
    .home-page .regulations-teaser-inner { grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr); gap:56px; }
    .home-page .regulations-teaser-copy h2 { max-width:none; font-size:clamp(48px,3.65vw,62px); line-height:1.02; }
    .home-page .regulations-teaser-copy h2 > span,
    .home-page .regulations-teaser-copy h2 > em { white-space:nowrap; }
}

@media (min-width:781px) and (max-width:1180px) {
    .home-page .regulations-teaser-inner { grid-template-columns:1fr; gap:46px; }
    .home-page .regulations-teaser-copy h2 { font-size:clamp(44px,5vw,58px); }
    .home-page .regulations-teaser-copy h2 > span,
    .home-page .regulations-teaser-copy h2 > em { white-space:nowrap; }
}

/* Tournament timeline v39 · editable official programme */
.tournament-timeline {
    position:relative;
    overflow:hidden;
    padding:clamp(88px,9vw,142px) 0;
    color:#fff;
    background:
        radial-gradient(circle at 12% 4%,rgba(37,199,242,.24),transparent 27%),
        radial-gradient(circle at 92% 28%,rgba(20,94,224,.32),transparent 32%),
        linear-gradient(145deg,#020e29 0%,#05285b 48%,#063f82 100%);
}
.tournament-timeline::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.34;
    background-image:linear-gradient(rgba(112,219,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(112,219,255,.11) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(180deg,black,transparent 76%);
}
.tournament-timeline::after {
    content:'';
    position:absolute;
    left:50%;
    bottom:-31vw;
    width:76vw;
    height:53vw;
    transform:translateX(-50%);
    border:1px solid rgba(114,227,255,.18);
    border-radius:50%;
    box-shadow:0 0 0 12vw rgba(31,157,231,.025),0 0 0 24vw rgba(31,157,231,.018);
    pointer-events:none;
}
.timeline-atmosphere,.timeline-atmosphere i { position:absolute; pointer-events:none; }
.timeline-atmosphere { inset:0; }
.timeline-atmosphere::before,.timeline-atmosphere::after {
    content:'';
    position:absolute;
    top:-40px;
    width:420px;
    height:520px;
    opacity:.23;
    background:linear-gradient(172deg,rgba(99,227,255,.7),transparent 67%);
    clip-path:polygon(45% 0,56% 0,100% 100%,0 100%);
}
.timeline-atmosphere::before { left:-180px; transform:rotate(-10deg); }
.timeline-atmosphere::after { right:-180px; transform:rotate(10deg); }
.timeline-atmosphere i { width:7px; height:7px; border-radius:50%; background:#77eaff; box-shadow:0 0 18px #77eaff; animation:timelinePulse 2.8s ease-in-out infinite; }
.timeline-atmosphere i:first-child { left:9%; top:24%; }
.timeline-atmosphere i:nth-child(2) { right:15%; top:16%; animation-delay:.8s; }
.timeline-atmosphere i:nth-child(3) { right:36%; bottom:14%; animation-delay:1.6s; }
.timeline-shell { position:relative; z-index:1; }
.timeline-heading {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:48px;
    margin-bottom:clamp(46px,6vw,76px);
}
.timeline-heading-copy { max-width:780px; }
.timeline-heading .kicker { margin-bottom:18px; color:#74e4fa; }
.timeline-heading h2 { margin:0; font:900 clamp(52px,6vw,84px)/.91 var(--font-display); letter-spacing:-.065em; text-transform:uppercase; text-wrap:balance; }
.timeline-heading h2 br + * { color:#72e3f8; }
.timeline-heading-copy > p { max-width:620px; margin:25px 0 0; color:#b9cae2; font-size:14px; line-height:1.75; }
.timeline-heading-mark {
    min-width:262px;
    display:grid;
    grid-template-columns:92px 1fr;
    align-items:center;
    gap:18px;
    padding:17px 20px;
    border:1px solid rgba(116,228,250,.3);
    border-radius:2px 24px 2px 2px;
    background:linear-gradient(135deg,rgba(10,59,126,.82),rgba(8,32,78,.68));
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 45px rgba(0,9,30,.2);
    backdrop-filter:blur(12px);
}
.timeline-heading-mark img { width:90px; height:90px; object-fit:contain; filter:drop-shadow(0 12px 16px rgba(0,0,0,.34)); }
.timeline-heading-mark span { display:flex; align-items:center; gap:13px; }
.timeline-heading-mark strong { color:#ffffff; font:900 43px/1 var(--font-display); letter-spacing:-.07em; }
.timeline-heading-mark small { color:#d7e8f9; font-size:8px; font-weight:900; line-height:1.55; letter-spacing:.13em; }
.timeline-track {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(250px,.72fr);
    gap:18px;
}
.timeline-track::before {
    content:'';
    position:absolute;
    left:5%;
    right:5%;
    top:-19px;
    height:2px;
    background:linear-gradient(90deg,transparent,#72e3f8 8%,#ffffff 50%,#72e3f8 92%,transparent);
    box-shadow:0 0 18px rgba(114,227,248,.7);
}
.timeline-day-card {
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(113,209,247,.29);
    border-top:3px solid #74e4fa;
    border-radius:2px 26px 2px 2px;
    background:linear-gradient(155deg,rgba(9,56,121,.91),rgba(3,21,58,.95));
    box-shadow:0 24px 55px rgba(0,8,28,.28),inset 0 1px rgba(255,255,255,.07);
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.timeline-day-card::before {
    content:'';
    position:absolute;
    right:-55px;
    bottom:-72px;
    width:180px;
    height:180px;
    border:1px solid rgba(114,227,248,.12);
    border-radius:50%;
    box-shadow:0 0 0 28px rgba(114,227,248,.025);
}
.timeline-day-card:hover { transform:translateY(-6px); border-color:rgba(116,228,250,.62); box-shadow:0 32px 70px rgba(0,8,28,.36),0 0 0 1px rgba(116,228,250,.1); }
.timeline-day-card > header { position:relative; display:grid; grid-template-columns:88px 1fr; align-items:center; gap:18px; min-height:106px; padding:18px 22px; border-bottom:1px solid rgba(116,228,250,.19); background:linear-gradient(105deg,rgba(21,118,208,.32),transparent); }
.timeline-day-card > header::after { content:''; position:absolute; right:22px; bottom:-1px; width:45px; height:3px; background:#ffe13c; }
.timeline-day-card > header > span { display:grid; grid-template-columns:auto 1fr; align-items:end; gap:6px; padding-right:17px; border-right:1px solid rgba(116,228,250,.28); }
.timeline-day-card > header i { padding-bottom:7px; color:#72e3f8; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.12em; writing-mode:vertical-rl; transform:rotate(180deg); }
.timeline-day-card > header strong { color:#fff; font:900 46px/.92 var(--font-display); letter-spacing:-.07em; }
.timeline-day-card > header div { min-width:0; }
.timeline-day-card > header small { display:block; margin-bottom:5px; color:#fff; font-size:7px; font-weight:900; letter-spacing:.14em; }
.timeline-day-card > header time { display:block; color:#fff; font:800 15px/1.25 var(--font-display); letter-spacing:.02em; }
.timeline-events { position:relative; padding:12px 20px 22px; }
.timeline-event { position:relative; display:grid; grid-template-columns:57px 28px minmax(0,1fr); gap:10px; align-items:start; min-height:64px; padding:13px 0; border-bottom:1px solid rgba(176,214,240,.12); }
.timeline-event:last-child { border-bottom:0; }
.timeline-event > time { padding-top:4px; color:#ffffff; font:900 10px/1.3 var(--font-display); letter-spacing:-.02em; }
.timeline-event-icon { position:relative; z-index:1; width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(116,228,250,.45); border-radius:50%; color:#81eafa; background:#06275d; font-size:11px; box-shadow:0 0 0 4px rgba(116,228,250,.04); }
.timeline-event:not(:last-child) .timeline-event-icon::after { content:''; position:absolute; top:27px; left:50%; width:1px; height:36px; background:linear-gradient(#4cbfe4,rgba(76,191,228,.08)); }
.timeline-event > div { min-width:0; }
.timeline-event strong { display:block; color:#fff; font:800 11px/1.4 var(--font-display); text-wrap:pretty; }
.timeline-event small { display:block; margin-top:5px; color:#93acc8; font-size:8px; font-weight:600; line-height:1.55; }
.timeline-footer { display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items:center; gap:30px; margin-top:24px; padding:21px 25px; border:1px solid rgba(116,228,250,.23); background:rgba(3,18,51,.64); box-shadow:inset 4px 0 #73e4f8; }
.timeline-footer > span { min-width:0; display:grid; grid-template-columns:38px auto 1fr; align-items:center; gap:12px; }
.timeline-footer > span > i { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(116,228,250,.36); color:#73e4f8; font-style:normal; }
.timeline-footer small { color:#75e5f9; font-size:7px; font-weight:900; letter-spacing:.13em; }
.timeline-footer strong { color:#fff; font:800 12px/1.45 var(--font-display); text-transform:uppercase; }
.timeline-footer p { margin:0; display:flex; gap:11px; color:#9db3cf; font-size:9px; line-height:1.65; }
.timeline-footer p i { flex:0 0 auto; width:7px; height:7px; margin-top:4px; border-radius:50%; background:#ffe13c; box-shadow:0 0 0 5px rgba(255,225,60,.08); }
@keyframes timelinePulse { 0%,100% { opacity:.35; transform:scale(.75); } 50% { opacity:1; transform:scale(1.25); } }

@media (max-width:1100px) {
    .timeline-heading { align-items:center; }
    .timeline-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .timeline-day-card:last-child { grid-column:1/-1; }
    .timeline-day-card:last-child .timeline-events { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
    .tournament-timeline { padding:76px 0 84px; }
    .timeline-heading { grid-template-columns:1fr; gap:28px; margin-bottom:50px; }
    .timeline-heading h2 { font-size:clamp(45px,13vw,67px); }
    .timeline-heading-mark { width:100%; min-width:0; grid-template-columns:76px 1fr; padding:14px 17px; }
    .timeline-heading-mark img { width:74px; height:74px; }
    .timeline-track { grid-template-columns:1fr; gap:16px; }
    .timeline-track::before { display:none; }
    .timeline-day-card:last-child { grid-column:auto; }
    .timeline-day-card:last-child .timeline-events { display:block; }
    .timeline-footer { grid-template-columns:1fr; gap:17px; }
}
@media (max-width:480px) {
    .timeline-heading-copy > p { font-size:12px; }
    .timeline-day-card > header { grid-template-columns:78px 1fr; min-height:98px; padding:15px 17px; }
    .timeline-events { padding:9px 15px 17px; }
    .timeline-event { grid-template-columns:50px 26px minmax(0,1fr); gap:8px; }
    .timeline-event strong { font-size:10px; }
    .timeline-footer { padding:18px 16px; }
    .timeline-footer > span { grid-template-columns:34px 1fr; }
    .timeline-footer > span strong { grid-column:2; }
}
@media (prefers-reduced-motion:reduce) {
    .timeline-atmosphere i { animation:none; }
    .timeline-day-card { transition:none; }
}

/* Tournament timeline v42 · broadcast programme with football motion */
.home-page .tournament-timeline {
    --timeline-cyan:#76eaff;
    --timeline-yellow:#ffffff;
    --timeline-green:#67ddf5;
    --timeline-panel:#061b45;
    isolation:isolate;
    padding:clamp(92px,9vw,148px) 0;
    background:
        radial-gradient(circle at 10% 5%,rgba(44,211,249,.27),transparent 24%),
        radial-gradient(circle at 92% 30%,rgba(27,101,237,.35),transparent 30%),
        linear-gradient(145deg,#020a20 0%,#05275c 49%,#063f83 100%);
}
.home-page .tournament-timeline::before {
    opacity:.38;
    background-image:
        linear-gradient(rgba(118,234,255,.09) 1px,transparent 1px),
        linear-gradient(90deg,rgba(118,234,255,.09) 1px,transparent 1px),
        radial-gradient(circle at 50% 112%,transparent 0 19%,rgba(118,234,255,.11) 19.2% 19.35%,transparent 19.6%);
    background-size:64px 64px,64px 64px,100% 100%;
}
.home-page .timeline-atmosphere::before,
.home-page .timeline-atmosphere::after { opacity:.32; filter:blur(2px); }
.home-page .timeline-atmosphere i { background:#ffffff; box-shadow:0 0 22px rgba(255,255,255,.9); }
.home-page .timeline-heading {
    grid-template-columns:minmax(0,1fr) 300px;
    align-items:center;
    gap:clamp(38px,6vw,82px);
    margin-bottom:clamp(60px,7vw,92px);
}
.home-page .timeline-heading-copy { max-width:none; }
.home-page .timeline-heading .kicker {
    display:inline-flex;
    align-items:center;
    gap:13px;
    margin-bottom:21px;
    color:var(--timeline-cyan);
}
.home-page .timeline-heading .kicker::before { content:''; width:34px; height:3px; background:#ffffff; box-shadow:0 0 13px rgba(255,255,255,.52); }
.home-page .timeline-heading h2 {
    max-width:850px;
    margin:0;
    font-family:var(--font-display);
    font-weight:900;
    line-height:.9;
    letter-spacing:-.065em;
    text-transform:uppercase;
}
.home-page .timeline-heading h2 span,
.home-page .timeline-heading h2 em { display:block; width:max-content; max-width:100%; white-space:nowrap; }
.home-page .timeline-heading h2 span { color:#fff; font-size:clamp(54px,5.4vw,78px); }
.home-page .timeline-heading h2 em { margin-top:10px; color:var(--timeline-cyan); font-size:clamp(58px,5.8vw,84px); font-style:normal; }
.home-page .timeline-heading-copy > p { max-width:670px; margin-top:30px; color:#c3d5ea; font-size:15px; line-height:1.8; }
.home-page .timeline-heading-mark {
    position:relative;
    min-width:0;
    grid-template-columns:104px 1fr;
    gap:21px;
    padding:22px;
    overflow:hidden;
    border:2px solid rgba(118,234,255,.42);
    border-top:4px solid var(--timeline-cyan);
    border-radius:2px 30px 2px 2px;
    background:linear-gradient(145deg,rgba(12,69,143,.94),rgba(4,24,62,.88));
    box-shadow:14px 16px 0 rgba(0,7,25,.18),inset 0 1px rgba(255,255,255,.1);
}
.home-page .timeline-heading-mark::before {
    content:'';
    position:absolute;
    width:128px;
    height:128px;
    left:9px;
    top:7px;
    border:1px dashed rgba(118,234,255,.42);
    border-radius:50%;
    animation:timelineOrbit 11s linear infinite;
}
.home-page .timeline-heading-mark::after { content:'OFFICIAL'; position:absolute; right:-8px; bottom:-12px; color:rgba(255,255,255,.045); font:900 42px/1 var(--font-display); letter-spacing:-.07em; }
.home-page .timeline-heading-mark img { position:relative; z-index:1; width:102px; height:102px; animation:timelineLogoFloat 3.6s ease-in-out infinite; }
.home-page .timeline-heading-mark span { position:relative; z-index:1; align-items:flex-end; }
.home-page .timeline-heading-mark strong { color:#ffffff; font-size:54px; text-shadow:0 0 22px rgba(255,255,255,.45); }
.home-page .timeline-heading-mark small { color:#e4f3ff; font-size:9px; line-height:1.6; }
.home-page .timeline-track {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}
.home-page .timeline-track::before { left:3%; right:3%; top:-31px; height:4px; border-radius:99px; background:linear-gradient(90deg,transparent,var(--timeline-cyan) 8%,#ffffff 50%,var(--timeline-cyan) 92%,transparent); }
.home-page .timeline-route-ball { position:absolute; z-index:4; left:3%; right:3%; top:-44px; height:28px; pointer-events:none; }
.home-page .timeline-route-ball span {
    position:absolute;
    left:0;
    top:0;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    font-size:18px;
    line-height:1;
    filter:drop-shadow(0 0 10px rgba(118,234,255,.85));
    animation:timelineBallTravel 8s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
.home-page .timeline-day-card {
    --day-accent:var(--timeline-cyan);
    border:2px solid rgba(118,234,255,.3);
    border-top:4px solid var(--day-accent);
    border-radius:2px 28px 2px 2px;
    background:linear-gradient(155deg,rgba(11,66,137,.96),rgba(3,18,52,.98));
    box-shadow:0 28px 64px rgba(0,7,27,.34),inset 0 1px rgba(255,255,255,.08);
}
.home-page .timeline-day-card:nth-of-type(2) { --day-accent:#ffffff; }
.home-page .timeline-day-card:nth-of-type(3) { --day-accent:var(--timeline-green); }
.home-page .timeline-day-card::before {
    right:-66px;
    bottom:-82px;
    width:230px;
    height:230px;
    border:2px solid color-mix(in srgb,var(--day-accent) 20%,transparent);
    box-shadow:0 0 0 42px color-mix(in srgb,var(--day-accent) 3%,transparent);
}
.home-page .timeline-day-card::after {
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    opacity:.13;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 49.85%,var(--day-accent) 50%,transparent 50.15%);
}
.home-page .timeline-day-card:hover { transform:translateY(-8px); border-color:color-mix(in srgb,var(--day-accent) 72%,transparent); box-shadow:0 38px 78px rgba(0,7,27,.43),0 0 0 1px color-mix(in srgb,var(--day-accent) 14%,transparent); }
.home-page .timeline-day-card > header {
    position:relative;
    z-index:1;
    grid-template-columns:112px 1fr;
    gap:22px;
    min-height:126px;
    padding:22px 27px;
    border-bottom:1px solid rgba(179,225,249,.18);
    background:linear-gradient(105deg,color-mix(in srgb,var(--day-accent) 19%,transparent),transparent 72%);
}
.home-page .timeline-day-card > header::after { right:27px; width:62px; height:4px; background:var(--day-accent); }
.home-page .timeline-day-card > header > span { padding-right:22px; border-right:1px solid color-mix(in srgb,var(--day-accent) 34%,transparent); }
.home-page .timeline-day-card > header i { color:var(--day-accent); font-size:8px; }
.home-page .timeline-day-card > header strong { font-size:58px; }
.home-page .timeline-day-card > header small { color:var(--day-accent); font-size:8px; }
.home-page .timeline-day-card > header time { font-size:18px; }
.home-page .timeline-events { position:relative; z-index:1; padding:14px 27px 26px; }
.home-page .timeline-event {
    grid-template-columns:66px 34px minmax(0,1fr);
    gap:13px;
    min-height:76px;
    padding:17px 0;
    transition:transform .25s ease,background .25s ease;
}
.home-page .timeline-event:hover { transform:translateX(5px); background:linear-gradient(90deg,color-mix(in srgb,var(--day-accent) 7%,transparent),transparent); }
.home-page .timeline-event > time { padding-top:6px; color:#ffffff; font-size:12px; font-weight:850; }
.home-page .timeline-event-icon {
    width:31px;
    height:31px;
    border:2px solid color-mix(in srgb,var(--day-accent) 55%,transparent);
    color:var(--day-accent);
    background:#051d4a;
    font-size:13px;
    box-shadow:0 0 0 5px color-mix(in srgb,var(--day-accent) 5%,transparent);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
}
.home-page .timeline-event:hover .timeline-event-icon { transform:rotate(12deg) scale(1.12); box-shadow:0 0 0 6px color-mix(in srgb,var(--day-accent) 9%,transparent),0 0 18px color-mix(in srgb,var(--day-accent) 24%,transparent); }
.home-page .timeline-event:not(:last-child) .timeline-event-icon::after { top:32px; height:45px; background:linear-gradient(var(--day-accent),rgba(76,191,228,.04)); }
.home-page .timeline-event strong { font-size:13px; line-height:1.45; }
.home-page .timeline-event small { margin-top:6px; color:#abc0d9; font-size:10px; line-height:1.6; }
.home-page .timeline-day-card:last-of-type {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(230px,.36fr) minmax(0,1fr);
}
.home-page .timeline-day-card:last-of-type > header { min-height:100%; border-right:1px solid rgba(179,225,249,.18); border-bottom:0; }
.home-page .timeline-day-card:last-of-type .timeline-events { display:grid; align-items:center; padding:20px 30px; }
.home-page .timeline-day-card:last-of-type .timeline-event { border-bottom:0; }
.home-page .timeline-footer {
    gap:38px;
    margin-top:28px;
    padding:24px 28px;
    border:2px solid rgba(118,234,255,.28);
    border-left:5px solid var(--timeline-yellow);
    background:linear-gradient(105deg,rgba(8,49,105,.92),rgba(2,17,48,.9));
    box-shadow:10px 12px 0 rgba(0,8,29,.16);
}
.home-page .timeline-footer > span > i { border:2px solid rgba(118,234,255,.42); color:var(--timeline-cyan); background:rgba(118,234,255,.06); }
.home-page .timeline-footer small { color:var(--timeline-cyan); font-size:8px; }
.home-page .timeline-footer strong { font-size:14px; }
.home-page .timeline-footer p { color:#afc3db; font-size:10px; }
.home-page .timeline-reveal-ready [data-timeline-reveal] { opacity:0; transform:translateY(32px) scale(.985); }
.home-page .timeline-reveal-ready [data-timeline-reveal].is-timeline-visible {
    opacity:1;
    transform:none;
    transition:opacity .62s ease,transform .76s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
    transition-delay:calc(var(--timeline-order,0) * 85ms);
}
@keyframes timelineBallTravel { 0% { left:0; transform:rotate(0deg) scale(.9); } 48% { transform:rotate(540deg) scale(1.05); } 100% { left:calc(100% - 28px); transform:rotate(1080deg) scale(.9); } }
@keyframes timelineOrbit { to { transform:rotate(360deg); } }
@keyframes timelineLogoFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }

@media (max-width:1100px) {
    .home-page .timeline-heading { grid-template-columns:minmax(0,1fr) 270px; gap:34px; }
    .home-page .timeline-heading h2 span { font-size:clamp(48px,5.7vw,64px); }
    .home-page .timeline-heading h2 em { font-size:clamp(50px,6vw,67px); }
    .home-page .timeline-heading-mark { grid-template-columns:86px 1fr; padding:18px; }
    .home-page .timeline-heading-mark img { width:84px; height:84px; }
    .home-page .timeline-heading-mark::before { width:107px; height:107px; }
    .home-page .timeline-heading-mark strong { font-size:46px; }
    .home-page .timeline-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
    .home-page .tournament-timeline,
    .tournament-timeline { padding: 48px 0 56px !important; }
    .home-page .timeline-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 24px; }
    .home-page .timeline-heading h2 span,
    .home-page .timeline-heading h2 em { white-space: normal; text-wrap: balance; }
    .home-page .timeline-heading h2 span { font-size: clamp(34px, 9vw, 44px); }
    .home-page .timeline-heading h2 em { margin-top: 4px; font-size: clamp(28px, 7.5vw, 36px); }
    .home-page .timeline-heading-copy > p { margin-top: 12px; font-size: 12.5px; line-height: 1.55; }
    
    .home-page .timeline-heading-mark {
        width: 100%;
        grid-template-columns: 54px 1fr;
        gap: 12px;
        padding: 10px 14px;
        border-radius: 12px;
        border-width: 1.5px;
    }
    .home-page .timeline-heading-mark img { width: 50px; height: 50px; }
    .home-page .timeline-heading-mark::before { width: 66px; height: 66px; }
    .home-page .timeline-heading-mark strong { font-size: 32px; line-height: 1; }
    .home-page .timeline-heading-mark small { font-size: 8px; line-height: 1.3; }

    .home-page .timeline-track { grid-template-columns: 1fr; gap: 12px; }
    .home-page .timeline-route-ball { display: none; }
    .home-page .timeline-track::before { display: none; }
    
    .home-page .timeline-day-card,
    .timeline-day-card {
        border-radius: 14px !important;
        border-width: 1.5px !important;
        box-shadow: 0 8px 22px rgba(0, 7, 27, 0.22) !important;
    }
    .home-page .timeline-day-card > header,
    .timeline-day-card > header {
        grid-template-columns: 66px 1fr !important;
        gap: 12px !important;
        min-height: 0 !important;
        padding: 10px 14px !important;
    }
    .home-page .timeline-day-card > header::after { right: 14px; width: 34px; height: 3px; }
    .home-page .timeline-day-card > header > span { padding-right: 10px; gap: 4px; }
    .home-page .timeline-day-card > header i { font-size: 7px; }
    .home-page .timeline-day-card > header strong { font-size: 30px !important; }
    .home-page .timeline-day-card > header small { font-size: 7.5px; margin-bottom: 2px; }
    .home-page .timeline-day-card > header time { font-size: 13px !important; font-weight: 800; }

    .home-page .timeline-events,
    .timeline-events {
        padding: 4px 14px 10px !important;
    }
    .home-page .timeline-event,
    .timeline-event {
        grid-template-columns: 46px 24px minmax(0, 1fr) !important;
        gap: 8px !important;
        min-height: 0 !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid rgba(176, 214, 240, 0.1) !important;
    }
    .home-page .timeline-event > time,
    .timeline-event > time {
        padding-top: 3px !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
    }
    .home-page .timeline-event-icon,
    .timeline-event-icon {
        width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
        border-width: 1.5px !important;
    }
    .home-page .timeline-event:not(:last-child) .timeline-event-icon::after {
        top: 24px !important;
        height: calc(100% + 2px) !important;
    }
    .home-page .timeline-event strong,
    .timeline-event strong {
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        color: #ffffff !important;
    }
    .home-page .timeline-event small,
    .timeline-event small {
        margin-top: 2px !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
        color: #9cb3cc !important;
    }
    
    .home-page .timeline-day-card:last-of-type {
        grid-column: auto;
        display: block;
    }
    .home-page .timeline-day-card:last-of-type > header {
        border-right: 0;
        border-bottom: 1px solid rgba(179, 225, 249, 0.18);
    }
    .home-page .timeline-day-card:last-of-type .timeline-events {
        display: block;
        padding: 4px 14px 10px !important;
    }

    .home-page .timeline-footer,
    .timeline-footer {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 14px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }
    .home-page .timeline-footer > span {
        grid-template-columns: 28px 1fr !important;
        gap: 10px !important;
    }
    .home-page .timeline-footer > span > i {
        width: 28px !important;
        height: 28px !important;
    }
    .home-page .timeline-footer strong {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }
    .home-page .timeline-footer p {
        font-size: 9.5px !important;
        line-height: 1.5 !important;
    }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .timeline-heading-mark::before,
    .home-page .timeline-heading-mark img,
    .home-page .timeline-route-ball span { animation:none; }
    .home-page .timeline-reveal-ready [data-timeline-reveal] { opacity:1; transform:none; }
    .home-page .timeline-event,
    .home-page .timeline-event-icon { transition:none; }
}

/* Previous season film v40 · Vung Tau 2025 archive */
.previous-season-film {
    position:relative;
    overflow:hidden;
    padding:clamp(86px,9vw,138px) 0;
    color:#fff;
    background:
        radial-gradient(circle at 8% 12%,rgba(31,211,244,.23),transparent 25%),
        radial-gradient(circle at 92% 82%,rgba(11,97,222,.36),transparent 31%),
        linear-gradient(145deg,#03112e 0%,#062b64 54%,#051b43 100%);
}
.previous-season-film::before {
    content:'2025';
    position:absolute;
    right:-1.8vw;
    bottom:-.13em;
    color:transparent;
    -webkit-text-stroke:1px rgba(112,228,250,.11);
    font:900 clamp(150px,23vw,350px)/.78 var(--font-display);
    letter-spacing:-.09em;
    pointer-events:none;
}
.previous-season-film::after {
    content:'';
    position:absolute;
    inset:0;
    opacity:.2;
    background-image:linear-gradient(rgba(120,225,250,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,225,250,.12) 1px,transparent 1px);
    background-size:78px 78px;
    mask-image:linear-gradient(90deg,black,transparent 78%);
    pointer-events:none;
}
.previous-season-lights,.previous-season-lights i { position:absolute; pointer-events:none; }
.previous-season-lights { inset:0; }
.previous-season-lights::before,.previous-season-lights::after { content:''; position:absolute; top:-80px; width:320px; height:560px; opacity:.21; background:linear-gradient(174deg,rgba(107,231,255,.82),transparent 68%); clip-path:polygon(46% 0,56% 0,100% 100%,0 100%); }
.previous-season-lights::before { left:-125px; transform:rotate(-9deg); }
.previous-season-lights::after { right:-125px; transform:rotate(9deg); }
.previous-season-lights i { width:6px; height:6px; border-radius:50%; background:#7ceafd; box-shadow:0 0 19px #7ceafd; animation:previousFilmPulse 3s ease-in-out infinite; }
.previous-season-lights i:first-child { left:10%; top:21%; }
.previous-season-lights i:nth-child(2) { left:49%; bottom:11%; animation-delay:1s; }
.previous-season-lights i:nth-child(3) { right:9%; top:28%; animation-delay:2s; }
.previous-season-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr); gap:clamp(46px,6vw,88px); align-items:center; }
.previous-season-stage { position:relative; min-height:570px; overflow:hidden; border:1px solid rgba(124,234,253,.3); border-radius:2px 38px 2px 2px; background:linear-gradient(145deg,#0a2e68,#07183d); box-shadow:25px 28px 0 rgba(14,100,184,.18),0 35px 80px rgba(0,7,28,.38); }
.previous-season-stage > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .8s cubic-bezier(.2,.75,.2,1); }
.previous-season-stage:hover > img { transform:scale(1.035); }
.previous-season-placeholder { position:absolute; inset:0; display:grid; place-content:center; gap:14px; text-align:center; background:radial-gradient(circle,rgba(46,191,229,.28),transparent 28%),linear-gradient(145deg,#0b3e82,#061638); }
.previous-season-placeholder span { font-size:58px; }
.previous-season-placeholder small { color:#82e9fa; font-size:8px; font-weight:900; letter-spacing:.18em; }
.previous-season-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,15,44,.35),transparent 39%,rgba(1,11,34,.85)),linear-gradient(90deg,rgba(2,20,52,.48),transparent 62%); }
.previous-season-archive { position:absolute; z-index:2; left:30px; top:28px; display:flex; align-items:center; gap:11px; padding:11px 14px; border:1px solid rgba(255,255,255,.27); background:rgba(2,24,59,.58); font-size:7px; font-weight:900; letter-spacing:.15em; backdrop-filter:blur(9px); }
.previous-season-archive i { width:7px; height:7px; border-radius:50%; background:#ffe03a; box-shadow:0 0 0 5px rgba(255,224,58,.1); }
.previous-season-watermark { position:absolute; z-index:1; right:25px; top:18px; color:rgba(255,255,255,.1); font:900 clamp(72px,8vw,112px)/1 var(--font-display); letter-spacing:-.08em; }
.previous-season-play { position:absolute; z-index:3; left:clamp(28px,4vw,52px); bottom:clamp(42px,5vw,68px); max-width:calc(100% - 56px); display:flex; align-items:center; gap:20px; padding:0; border:0; color:#fff; background:none; text-align:left; cursor:pointer; }
.previous-season-play > i { width:78px; height:78px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#06285b; background:#ffe03a; box-shadow:0 0 0 13px rgba(255,224,58,.1),0 18px 38px rgba(0,0,0,.32); font-style:normal; font-size:21px; transition:transform .25s,background .25s; }
.previous-season-play:hover > i { transform:scale(1.08); background:#fff; }
.previous-season-play:focus-visible { outline:3px solid #7ceafd; outline-offset:8px; }
.previous-season-play small { display:block; margin-bottom:6px; color:#83eafa; font-size:7px; font-weight:900; letter-spacing:.15em; }
.previous-season-play strong { display:block; max-width:430px; font:800 clamp(15px,1.7vw,22px)/1.32 var(--font-display); text-transform:uppercase; }
.previous-season-play.is-pending { cursor:default; }
.previous-season-play.is-pending > i { color:#6a7485; background:#dfe7ed; box-shadow:0 0 0 13px rgba(255,255,255,.07); }
.previous-season-frame { position:absolute; z-index:2; inset:18px; pointer-events:none; }
.previous-season-frame i { position:absolute; width:42px; height:42px; border-color:rgba(255,255,255,.43); border-style:solid; }
.previous-season-frame i:first-child { left:0; top:0; border-width:1px 0 0 1px; }
.previous-season-frame i:nth-child(2) { right:0; top:0; border-width:1px 1px 0 0; }
.previous-season-frame i:nth-child(3) { right:0; bottom:0; border-width:0 1px 1px 0; }
.previous-season-frame i:nth-child(4) { left:0; bottom:0; border-width:0 0 1px 1px; }
.previous-season-copy { min-width:0; }
.previous-season-copy .kicker { color:#7be9fb; }
.previous-season-route { display:flex; align-items:center; gap:14px; margin:22px 0 20px; }
.previous-season-route span { padding:9px 12px; border:1px solid rgba(124,234,253,.37); color:#80e9fb; font-size:7px; font-weight:900; letter-spacing:.13em; }
.previous-season-route i { width:38px; height:1px; background:#ffe03a; box-shadow:0 0 12px rgba(255,224,58,.45); }
.previous-season-route strong { color:#d3e4f5; font-size:8px; letter-spacing:.1em; }
.previous-season-copy h2 { max-width:610px; margin:0; color:#fff; font:900 clamp(42px,4.5vw,65px)/1.01 var(--font-display); letter-spacing:-.058em; text-transform:uppercase; text-wrap:balance; }
.previous-season-copy > p { max-width:570px; margin:28px 0 31px; color:#afc4dc; font-size:13px; line-height:1.82; }
.previous-season-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:28px; border-top:1px solid rgba(135,206,244,.22); border-bottom:1px solid rgba(135,206,244,.22); }
.previous-season-facts span { min-height:80px; display:flex; justify-content:center; flex-direction:column; gap:7px; padding:14px 18px; }
.previous-season-facts span + span { border-left:1px solid rgba(135,206,244,.22); }
.previous-season-facts small { color:#76e4f8; font-size:7px; font-weight:900; letter-spacing:.14em; }
.previous-season-facts strong { color:#fff; font:900 16px/1.25 var(--font-display); letter-spacing:.01em; }
.previous-season-action { width:100%; min-height:59px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 14px 0 22px; border:1px solid rgba(124,234,253,.35); color:#062557; background:linear-gradient(90deg,#79e7fa,#fff 64%,#ffe03a); cursor:pointer; font-size:9px; font-weight:900; letter-spacing:.11em; text-align:left; transition:transform .25s,box-shadow .25s; }
.previous-season-action b { width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(6,37,87,.25); }
.previous-season-action:hover { transform:translateY(-3px); box-shadow:0 15px 32px rgba(1,8,31,.26); }
.previous-season-action:focus-visible { outline:3px solid #ffe03a; outline-offset:4px; }
.previous-season-status { min-height:55px; display:flex; align-items:center; gap:11px; padding:0 16px; border:1px solid rgba(124,234,253,.27); color:#a9c1d9; background:rgba(4,29,68,.58); font-size:7px; font-weight:900; letter-spacing:.11em; }
.previous-season-status i { width:7px; height:7px; border-radius:50%; background:#ffe03a; box-shadow:0 0 0 5px rgba(255,224,58,.08); }
@keyframes previousFilmPulse { 0%,100% { opacity:.3; transform:scale(.75); } 50% { opacity:1; transform:scale(1.3); } }

@media (max-width:1050px) {
    .previous-season-shell { grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr); gap:40px; }
    .previous-season-stage { min-height:510px; }
    .previous-season-copy h2 { font-size:clamp(38px,4.8vw,53px); }
}
@media (max-width:780px) {
    .previous-season-film { padding:76px 0 84px; }
    .previous-season-shell { grid-template-columns:1fr; gap:48px; }
    .previous-season-stage { min-height:430px; order:2; border-radius:2px 27px 2px 2px; box-shadow:10px 12px 0 rgba(14,100,184,.2),0 28px 60px rgba(0,7,28,.32); }
    .previous-season-copy { order:1; }
    .previous-season-copy h2 { max-width:100%; font-size:clamp(40px,11.5vw,59px); }
    .previous-season-copy > p { font-size:12px; }
}
@media (max-width:480px) {
    .previous-season-stage { min-height:360px; }
    .previous-season-archive { left:21px; top:21px; }
    .previous-season-watermark { right:18px; top:18px; font-size:67px; }
    .previous-season-play { left:25px; bottom:43px; align-items:flex-start; flex-direction:column; gap:14px; }
    .previous-season-play > i { width:58px; height:58px; }
    .previous-season-play strong { font-size:13px; }
    .previous-season-route { flex-wrap:wrap; }
    .previous-season-facts span { padding-inline:13px; }
}
@media (prefers-reduced-motion:reduce) {
    .previous-season-lights i { animation:none; }
    .previous-season-stage > img,.previous-season-play > i,.previous-season-action { transition:none; }
}

/* Home headings v35 · balanced desktop line breaks */
.home-page .contact-heading h2 > span,
.home-page .contact-heading h2 > em { display:inline-block; }

@media (min-width:1181px) {
    .home-page .trailer-layout { grid-template-columns:minmax(480px,.88fr) minmax(0,1.12fr); gap:56px; }
    .home-page .trailer-copy h2 { max-width:600px; font-size:clamp(46px,3.8vw,58px); line-height:1.03; text-wrap:balance; }
    .home-page .destination { grid-template-columns:1.15fr .85fr; }
    .home-page .destination-panel { max-width:540px; padding-right:48px; }
    .home-page .destination-panel h2 { font-size:clamp(52px,4.2vw,68px); line-height:.96; text-wrap:balance; }
    .home-page .contact-inner { grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr); gap:clamp(48px,5vw,78px); }
    .home-page .contact-inner h2 { max-width:none; font-size:clamp(68px,6vw,92px); line-height:.92; }
    .home-page .contact-heading h2 > span,
    .home-page .contact-heading h2 > em { white-space:nowrap; }
}

/* Home section titles v36 · stable single-line desktop headlines */
.home-page .live-center-head h2 > span,
.home-page .awards-heading h2 > span { display:inline-block; }

@media (min-width:1181px) {
    .home-page .live-center-head {
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(300px,380px);
        align-items:end;
        gap:42px;
    }
    .home-page .live-center-head > div,
    .home-page .awards-heading-copy { min-width:0; }
    .home-page .live-center-head h2 {
        font-size:clamp(49px,4.5vw,68px);
        line-height:.96;
        letter-spacing:-.052em;
    }
    .home-page .live-center-head h2 > span { white-space:nowrap; }
    .home-page .awards-heading {
        grid-template-columns:minmax(0,1fr) 290px;
        gap:44px;
    }
    .home-page .awards-heading-copy { max-width:none; }
    .home-page .awards-heading h2 {
        max-width:none;
        font-size:clamp(52px,4.4vw,68px);
        line-height:.96;
        letter-spacing:-.052em;
    }
    .home-page .awards-heading h2 > span { white-space:nowrap; }
}

/* Partner ecosystem · unified sponsor, support and media directory */
.home-page .sponsors-section { background:
    radial-gradient(circle at 8% 12%,rgba(48,204,232,.11),transparent 24%),
    radial-gradient(circle at 92% 88%,rgba(18,89,213,.08),transparent 27%),
    #f8fbff;
}
.home-page .sponsors-section .container { position:relative; z-index:1; }
.home-page .sponsors-heading { margin-bottom:48px; }
.home-page .sponsors-heading::after { content:''; width:82px; height:4px; display:block; margin:25px auto 0; border-radius:999px; background:linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow:0 0 18px rgba(35,188,225,.28); }
.home-page .sponsor-tier-block { position:relative; padding:22px; overflow:hidden; border:1px solid #d7e7f2; border-radius:3px 22px 3px 3px; background:rgba(255,255,255,.88); box-shadow:0 18px 48px rgba(8,55,130,.065); }
.home-page .sponsor-tier-block::before { content:''; position:absolute; width:110px; height:110px; right:-72px; top:-72px; border:1px solid rgba(18,89,213,.13); border-radius:50%; box-shadow:0 0 0 18px rgba(18,89,213,.025); pointer-events:none; }
.home-page .sponsor-tier-label { position:relative; z-index:1; margin:0 0 18px; }
.home-page .tier-block-kim-cuong {
    position: relative;
    padding: 34px 28px 32px;
    border-radius: 28px;
    background: 
        radial-gradient(ellipse at 50% 0%, rgba(56, 189, 248, 0.22) 0%, transparent 65%),
        radial-gradient(circle at 95% 90%, rgba(129, 140, 248, 0.14) 0%, transparent 50%),
        linear-gradient(160deg, #ffffff 0%, #f8fcff 45%, #eef8ff 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.45);
    border-top: 6px solid #0284c7;
    box-shadow: 
        0 24px 70px -12px rgba(2, 132, 199, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.9) inset,
        0 0 40px rgba(56, 189, 248, 0.15);
}
.home-page .tier-block-kim-cuong::before { content:none; }
.home-page .tier-block-kim-cuong .sponsor-tier-label {
    gap: 18px;
    margin-bottom: 26px;
}
.home-page .tier-block-kim-cuong .sponsor-tier-label > span {
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.85), rgba(129, 140, 248, 0.85));
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.45);
}
.home-page .tier-block-kim-cuong .sponsor-tier-label > span:last-child {
    background: linear-gradient(90deg, rgba(129, 140, 248, 0.85), rgba(56, 189, 248, 0.85), transparent);
}
.home-page .tier-block-kim-cuong .sponsor-tier-label strong {
    min-height: 50px;
    gap: 12px;
    padding: 0 24px 0 12px;
    border: 1.5px solid rgba(56, 189, 248, 0.65);
    border-radius: 999px;
    color: #035388;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 40%, #dbeafe 100%);
    box-shadow: 
        0 10px 28px rgba(2, 132, 199, 0.22),
        0 0 0 4px rgba(224, 242, 254, 0.75),
        inset 0 1px 2px #ffffff;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
.home-page .tier-block-kim-cuong .sponsor-tier-label strong::before {
    content: '◆';
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1.5px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 60%, #0369a1 100%);
    box-shadow: 0 5px 16px rgba(2, 132, 199, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(2, 60, 130, 0.5);
}
.home-page .sponsor-grid,.home-page .support-partners-grid,.home-page .media-partners-grid { align-items:stretch; }
.home-page .sponsor-card,.home-page .support-partner-card,.home-page .media-partner-card { min-width:0; isolation:isolate; text-decoration:none; }
.home-page .sponsor-card { position:relative; min-height:174px; overflow:hidden; border-radius:3px 17px 3px 3px; background:linear-gradient(145deg,#fff,#f7fbff); }
.home-page .sponsor-card::after { content:''; position:absolute; z-index:-1; width:76px; height:76px; left:-46px; bottom:-49px; border:1px solid rgba(25,118,243,.15); border-radius:50%; box-shadow:0 0 0 13px rgba(25,118,243,.028); }
.home-page a.sponsor-card::before,.home-page a.support-partner-card::before,.home-page a.media-partner-card::before { content:'↗'; position:absolute; z-index:3; width:27px; height:27px; display:grid; place-items:center; right:10px; bottom:10px; border:1px solid rgba(18,89,213,.16); color:var(--blue); background:#f1f7ff; font-size:12px; transition:color .25s,background .25s,transform .25s; }
.home-page .sponsor-card img,.home-page .support-partner-card img,.home-page .media-partner-card img { transition:transform .3s ease,filter .3s ease; filter:drop-shadow(0 8px 11px rgba(7,49,105,.08)); }
.home-page .sponsor-card:hover img,.home-page .support-partner-card:hover img,.home-page .media-partner-card:hover img { transform:scale(1.045); filter:drop-shadow(0 11px 15px rgba(7,49,105,.14)); }
.home-page a.sponsor-card:hover::before,.home-page a.support-partner-card:hover::before,.home-page a.media-partner-card:hover::before { color:#fff; background:var(--blue); transform:translate(2px,-2px); }
.home-page a.sponsor-card:focus-visible,.home-page a.support-partner-card:focus-visible,.home-page a.media-partner-card:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.home-page .support-partners-zone,.home-page .media-partners-zone { box-shadow:0 24px 62px rgba(8,55,130,.085); }
.home-page .support-partners-zone { background:
    radial-gradient(circle at 10% 18%,rgba(42,201,224,.12),transparent 24%),
    linear-gradient(145deg,#f5fcff,#fff 56%,#edf9fc);
}
.home-page .media-partners-zone { background:
    radial-gradient(circle at 90% 16%,rgba(18,89,213,.1),transparent 25%),
    linear-gradient(145deg,#f3f8ff,#fff 56%,#edf7ff);
}
.home-page .support-partner-card,.home-page .media-partner-card { min-height:188px; }
.home-page .support-partner-label,.home-page .media-partner-label { right:0; text-align:center; white-space:nowrap; }
.home-page .support-partner-card > strong,.home-page .media-partner-card > strong,.home-page .sponsor-card > strong { max-width:calc(100% - 24px); line-height:1.4; text-wrap:balance; }

@media (max-width:780px) {
    .home-page .sponsors-heading { margin-bottom:34px; }
    .home-page .sponsor-tier-block { padding:14px; border-radius:3px 17px 3px 3px; }
    .home-page .sponsor-tiers { gap:25px; }
    .home-page .sponsor-grid,.home-page .support-partners-grid,.home-page .media-partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .home-page .sponsor-card,.home-page .support-partner-card,.home-page .media-partner-card { min-height:158px; padding:27px 12px 17px; }
    .home-page .sponsor-card img,.home-page .support-partner-card img,.home-page .media-partner-card img { height:72px; }
    .home-page .support-partners-zone,.home-page .media-partners-zone { padding-inline:16px; }
}

@media (max-width:520px) {
    .home-page .sponsor-grid,.home-page .support-partners-grid,.home-page .media-partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .home-page .sponsor-tier-block { padding:11px; }
    .home-page .sponsor-tier-label { gap:8px; margin-bottom:11px; }
    .home-page .sponsor-tier-label strong { min-height:24px; padding-inline:9px; font-size:7px; }
    .home-page .sponsor-card,.home-page .support-partner-card,.home-page .media-partner-card { min-height:148px; gap:7px; padding:27px 8px 13px; }
    .home-page .sponsor-card img,.home-page .support-partner-card img,.home-page .media-partner-card img { height:66px; }
    .home-page .sponsor-card > strong,.home-page .support-partner-card > strong,.home-page .media-partner-card > strong { max-width:calc(100% - 8px); font-size:8px; line-height:1.35; }
    .home-page .support-partner-label,.home-page .media-partner-label { padding:6px 4px; font-size:5.5px; letter-spacing:.07em; }
    .home-page a.sponsor-card::before,.home-page a.support-partner-card::before,.home-page a.media-partner-card::before { width:23px; height:23px; right:7px; bottom:7px; font-size:10px; }
    .home-page .support-partners-zone,.home-page .media-partners-zone { padding-inline:11px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .sponsor-card,.home-page .support-partner-card,.home-page .media-partner-card,
    .home-page .sponsor-card img,.home-page .support-partner-card img,.home-page .media-partner-card img { transition:none; }
}

/* Team profile mobile v46 · two-column official squad */
@media (max-width:620px) {
    .team-profile-page .team-roster-section {
        padding-block:72px 82px;
    }
    .team-profile-page .team-roster-heading {
        margin-bottom:25px;
    }
    .team-profile-page .team-roster-heading h2 {
        max-width:100%;
        font-size:clamp(31px,9.4vw,42px);
        line-height:.98;
        text-wrap:balance;
    }
    .team-profile-page .team-roster-intro {
        min-height:92px;
        padding:17px 18px 17px 20px;
    }
    .team-profile-page .team-roster-intro strong {
        font-size:12px;
        line-height:1.55;
    }
    .team-profile-page .team-roster-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .team-profile-page .team-roster-grid .team-player-card {
        min-width:0;
        min-height:0;
        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:clamp(172px,48vw,214px) minmax(184px,auto);
        align-items:stretch;
        overflow:visible;
        border-width:1px;
        border-top:4px solid var(--team-color);
        border-radius:2px 18px 2px 2px;
        background:#fff;
        box-shadow:0 15px 34px rgba(0,13,45,.24),5px 6px 0 color-mix(in srgb,var(--team-color),transparent 88%);
        transform-origin:center bottom;
    }
    .team-profile-page .team-roster-grid .team-player-card::before {
        z-index:5;
        left:0;
        right:0;
        bottom:0;
        height:4px;
        border-radius:0 0 2px 2px;
        background:linear-gradient(90deg,var(--team-color),#82eaf9,var(--team-color));
    }
    .team-profile-page .team-roster-grid .team-player-card::after {
        content:'⚽';
        position:absolute;
        z-index:5;
        width:28px;
        height:28px;
        right:9px;
        top:calc(clamp(172px,48vw,214px) - 15px);
        display:grid;
        place-items:center;
        border:2px solid #fff;
        border-radius:50%;
        color:initial;
        background:#fff;
        box-shadow:0 7px 15px rgba(4,38,83,.24),0 0 0 4px color-mix(in srgb,var(--team-color),transparent 82%);
        font:normal 18px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
        pointer-events:none;
    }
    .team-profile-page .team-player-portrait {
        width:100%;
        min-height:0;
        height:100%;
        border:0;
        border-bottom:3px solid var(--portrait-frame);
        border-radius:0 14px 0 0;
        background:
            radial-gradient(ellipse at 50% 16%,rgba(255,231,224,.46) 0%,rgba(255,226,219,.16) 29%,transparent 55%),
            linear-gradient(180deg,var(--portrait-wine-light) 0%,var(--portrait-wine-mid) 50%,var(--portrait-wine-dark) 100%);
    }
    .team-profile-page .team-player-portrait::before {
        width:68%;
        left:16%;
    }
    .team-profile-page .team-player-portrait > img {
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center 16%;
    }
    .team-profile-page .team-player-photo-placeholder i {
        width:48px;
        height:48px;
        font-size:19px;
    }
    .team-profile-page .team-player-card-body {
        position:relative;
        min-width:0;
        display:flex;
        justify-content:flex-start;
        padding:17px 10px 11px;
        overflow:hidden;
    }
    .team-profile-page .team-player-card-body::after {
        content:'';
        position:absolute;
        z-index:0;
        width:82px;
        height:82px;
        right:-42px;
        bottom:-43px;
        border:1px solid color-mix(in srgb,var(--team-color),transparent 87%);
        border-radius:50%;
        box-shadow:0 0 0 13px color-mix(in srgb,var(--team-color),transparent 96%);
        pointer-events:none;
    }
    .team-profile-page .team-player-card-body > * {
        position:relative;
        z-index:1;
    }
    .team-profile-page .team-player-card-body header {
        min-width:0;
        align-items:center;
    }
    .team-profile-page .team-player-card-body header > small {
        display:none;
    }
    .team-profile-page .team-player-position {
        max-width:calc(100% - 25px);
        min-height:27px;
        gap:5px;
        padding:0 8px 0 5px;
    }
    .team-profile-page .team-player-position > i {
        width:17px;
        height:17px;
        flex:0 0 auto;
        font-size:7px;
    }
    .team-profile-page .team-player-position > b {
        min-width:0;
        overflow:hidden;
        font-size:7.2px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .team-profile-page .team-player-identity {
        grid-template-columns:45px minmax(0,1fr);
        gap:8px;
        margin:12px 0;
    }
    .team-profile-page .team-player-jersey-number {
        min-height:52px;
        border-radius:2px 11px 2px 2px;
        font-size:26px;
        box-shadow:4px 5px 0 color-mix(in srgb,var(--team-color),transparent 86%);
    }
    .team-profile-page .team-player-jersey-number small {
        margin-bottom:4px;
        font-size:4.8px;
    }
    .team-profile-page .team-player-card-body .team-player-identity h3 {
        display:-webkit-box;
        min-height:2.5em;
        overflow:hidden;
        font-size:12px;
        line-height:1.25;
        overflow-wrap:anywhere;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .team-profile-page .team-player-card-body dl {
        gap:5px;
    }
    .team-profile-page .team-player-card-body dl > div {
        min-height:48px;
        padding:8px 5px 7px;
    }
    .team-profile-page .team-player-card-body dt {
        font-size:4.8px;
        letter-spacing:.045em;
        white-space:nowrap;
    }
    .team-profile-page .team-player-card-body dd {
        margin-top:5px;
        font-size:13px;
    }
    .team-profile-page .team-player-card-body dd small {
        font-size:5px;
    }
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible::after {
        animation:mobileSquadBallIn .72s calc(var(--profile-order,0) * 55ms + .22s) cubic-bezier(.2,.8,.2,1) both;
    }
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible .team-player-position > i {
        animation:mobileSquadPositionPulse 2.8s calc(var(--profile-order,0) * 100ms) ease-in-out infinite;
    }
    .team-profile-page .team-player-card:active {
        transform:translateY(-4px) scale(.985);
        box-shadow:0 20px 38px rgba(0,13,45,.29),6px 7px 0 color-mix(in srgb,var(--team-color),transparent 84%);
    }
}

/* Home hero v168 · official matchday lockup with a restrained coastal signal. */
.home-page .hero-title-lockup {
    position:relative;
    width:100%;
    min-width:0;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    padding:0 0 23px;
    margin:0 0 3px;
    isolation:isolate;
    overflow:hidden;
}
.home-page .hero-title-lockup::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:180px;
    height:180px;
    right:clamp(28px, 4vw, 46px);
    top:50%;
    transform:translateY(-50%);
    border:1.5px solid rgba(138,237,249,.16);
    border-radius:50%;
    background:radial-gradient(circle at center, rgba(126,234,251,.4) 0, rgba(126,234,251,.4) 3px, transparent 4.5px, rgba(56,189,248,.05) 5px, transparent 70%);
    box-shadow:0 0 0 24px rgba(126,234,251,.045), 0 0 0 52px rgba(126,234,251,.02), inset 0 0 20px rgba(126,234,251,.04);
    pointer-events:none;
}
.home-page .hero-title-lockup .hero-broadcast-tag {
    position:relative;
    width:auto;
    min-height:32px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 16px;
    padding:0 13px 0 9px;
    border:1px solid rgba(151,238,249,.3);
    border-radius:3px 999px 999px 3px;
    color:#f7fcff;
    background:linear-gradient(90deg,rgba(125,233,249,.13),rgba(125,233,249,.025));
    box-shadow:inset 0 1px rgba(255,255,255,.08);
    font-size:7px;
    font-weight:900;
    letter-spacing:.155em;
    white-space:nowrap;
}
.home-page .hero-title-lockup .hero-broadcast-tag::before { content:none; }
.home-page .hero-title-lockup .hero-broadcast-tag > i {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border:2px solid #041c43;
    border-radius:50%;
    background:#8ff1fb;
    box-shadow:0 0 0 3px rgba(143,241,251,.13),0 0 12px rgba(143,241,251,.72);
}
.home-page .hero-title-lockup .hero-broadcast-tag > b {
    display:inline-block;
    padding-left:10px;
    border-left:1px solid rgba(203,248,252,.22);
    color:#9ceff8;
    font-size:6.5px;
    font-weight:900;
}
.home-page .hero-title-lockup .season-pill {
    width:auto;
    min-height:33px;
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 14px;
    padding:0;
    color:#d4e8f2;
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
    white-space:nowrap;
}
.home-page .hero-title-lockup .season-pill::after {
    content:'';
    order:1;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#7deafa;
    box-shadow:0 0 9px rgba(125,234,250,.7);
}
.home-page .hero-title-lockup .season-pill > span {
    min-height:31px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(143,238,250,.48);
    border-radius:2px 10px 2px 2px;
    color:#042454;
    background:linear-gradient(135deg,#f8feff,#8cecf8);
    box-shadow:0 7px 20px rgba(0,9,31,.18),inset 0 1px #fff;
}
.home-page .hero-title-lockup .season-pill > b {
    order:2;
    color:#dcecf5;
    font-size:inherit;
    font-weight:900;
    letter-spacing:inherit;
}
.home-page .hero-title-lockup h1 {
    width:100%;
    max-width:none;
    max-inline-size:none;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:1px;
    margin:0!important;
    padding:3px 0 5px!important;
    font-size:clamp(58px,4.45vw,72px);
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    text-wrap:nowrap;
}
.home-page .hero-title-lockup h1 > span,
.home-page .hero-title-lockup h1 > em {
    max-width:100%;
    display:block;
    margin:0!important;
    padding:.07em .035em .055em 0!important;
    line-height:1.03!important;
    white-space:nowrap!important;
    overflow:visible!important;
}
.home-page .hero-title-lockup h1 > span {
    color:#fff;
    text-shadow:0 13px 31px rgba(0,7,29,.42);
}
.home-page .hero-title-lockup h1 > em {
    position:relative;
    color:#91eff9;
    background:linear-gradient(103deg,#f5feff 0%,#a8f2fa 34%,#58d8ed 82%,#95eef8 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 9px 18px rgba(0,15,42,.35));
    font-style:normal;
}
.home-page .hero-title-lockup h1 > em::after { content:none; }
.home-page .hero-title-football {
    position:relative;
    isolation:isolate;
    width:min(100%,440px);
    height:46px;
    margin-top:7px;
    overflow:hidden;
}
.home-page .hero-title-football::before {
    content:'';
    position:absolute;
    right:0;
    bottom:2px;
    left:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(142,237,247,.48) 24%,rgba(142,237,247,.18) 78%,transparent);
    box-shadow:0 -5px 18px rgba(99,224,241,.08);
}
.home-page .hero-shot-trail {
    position:absolute;
    z-index:1;
    top:25px;
    left:10px;
    width:calc(100% - 86px);
    height:2px;
    overflow:hidden;
    border-radius:999px;
    background:linear-gradient(90deg,transparent 0%,rgba(156,241,250,.08) 32%,rgba(156,241,250,.52) 100%);
    transform:rotate(-1.4deg);
    transform-origin:right center;
}
.home-page .hero-shot-trail::before,
.home-page .hero-shot-trail::after,
.home-page .hero-shot-trail > i {
    content:'';
    position:absolute;
    right:0;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#b8f7fc);
    filter:drop-shadow(0 0 5px rgba(132,238,249,.62));
    animation:heroShotTrail 5.2s cubic-bezier(.4,0,.2,1) infinite;
}
.home-page .hero-shot-trail::before { top:0; width:46%; height:2px; }
.home-page .hero-shot-trail::after { top:-4px; width:27%; height:1px; opacity:.56; animation-delay:.04s; }
.home-page .hero-shot-trail > i { top:5px; width:19%; height:1px; opacity:.36; animation-delay:.08s; }
.home-page .hero-shot-ball {
    position:absolute;
    z-index:4;
    top:13px;
    left:8px;
    width:27px;
    height:27px;
    display:block;
    filter:drop-shadow(0 5px 5px rgba(0,9,31,.48)) drop-shadow(0 0 7px rgba(151,241,250,.3));
    animation:heroBallShot 5.2s cubic-bezier(.35,.02,.2,1) infinite;
    will-change:left,top,transform,opacity;
}
.home-page .hero-shot-ball svg { width:100%; height:100%; display:block; overflow:visible; }
.home-page .hero-shot-goal {
    position:absolute;
    z-index:2;
    right:1px;
    bottom:1px;
    width:82px;
    height:42px;
    display:block;
    filter:drop-shadow(0 7px 8px rgba(0,8,29,.35));
    transform-origin:90% 100%;
    animation:heroGoalReact 5.2s ease-out infinite;
}
.home-page .hero-shot-goal svg { width:100%; height:100%; display:block; overflow:visible; }
.home-page .hero-goal-net path {
    fill:rgba(98,218,235,.035);
    stroke:rgba(171,243,250,.28);
    stroke-width:.75;
    vector-effect:non-scaling-stroke;
}
.home-page .hero-goal-frame {
    fill:none;
    stroke:#d8fbff;
    stroke-width:2.25;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 4px rgba(132,236,248,.48));
}
@keyframes heroBallShot {
    0%,8% { left:8px; top:18px; opacity:0; transform:rotate(-35deg) scale(.76); }
    13% { opacity:1; }
    31% { top:7px; }
    58% { left:calc(100% - 55px); top:15px; opacity:1; transform:rotate(700deg) scale(.88); }
    64% { left:calc(100% - 48px); top:18px; opacity:.72; transform:rotate(790deg) scale(.76); }
    70%,100% { left:calc(100% - 47px); top:19px; opacity:0; transform:rotate(820deg) scale(.7); }
}
@keyframes heroShotTrail {
    0%,10% { opacity:0; transform:translateX(-105%) scaleX(.14); }
    21% { opacity:.25; }
    52% { opacity:.92; transform:translateX(0) scaleX(1); }
    66%,100% { opacity:0; transform:translateX(8%) scaleX(.86); }
}
@keyframes heroGoalReact {
    0%,55%,100% { transform:skewX(0deg) scaleX(1); }
    62% { transform:skewX(2.2deg) scaleX(1.035); }
    69% { transform:skewX(-.7deg) scaleX(.994); }
    76% { transform:skewX(0deg) scaleX(1); }
}

@media (max-width:1180px) {
    .home-page .hero-title-lockup h1 { font-size:clamp(53px,8.8vw,70px); }
    .home-page .hero-title-football { width:min(100%,500px); }
}
@media (max-width:780px) {
    .home-page .hero-title-lockup { padding-bottom:17px; }
    .home-page .hero-title-lockup::before { width:135px; height:135px; right:16px; top:50%; transform:translateY(-50%); box-shadow:0 0 0 16px rgba(126,234,251,.04), 0 0 0 34px rgba(126,234,251,.018), inset 0 0 14px rgba(126,234,251,.035); }
    .home-page .hero-title-lockup .hero-broadcast-tag { min-height:30px; margin-bottom:13px; font-size:6.4px; }
    .home-page .hero-title-lockup .hero-broadcast-tag > b { display:inline-block; font-size:5.8px; }
    .home-page .hero-title-lockup .season-pill { min-height:29px; margin-bottom:11px; font-size:7px; }
    .home-page .hero-title-lockup .season-pill > span { min-height:29px; padding-inline:10px; }
    .home-page .hero-title-lockup h1 { font-size:clamp(41px,10.3vw,59px); line-height:1.08!important; }
    .home-page .hero-title-football { width:min(100%,390px); height:42px; margin-top:4px; }
    .home-page .hero-shot-ball { width:24px; height:24px; }
    .home-page .hero-shot-goal { width:74px; height:38px; }
    .home-page .hero-shot-trail { width:calc(100% - 77px); }
}
@media (max-width:390px) {
    .home-page .hero-title-lockup .hero-broadcast-tag { gap:7px; padding-right:9px; letter-spacing:.115em; }
    .home-page .hero-title-lockup .hero-broadcast-tag > b { padding-left:7px; }
    .home-page .hero-title-lockup .season-pill { gap:8px; font-size:6.2px; letter-spacing:.1em; }
    .home-page .hero-title-lockup .season-pill > span { padding-inline:8px; }
    .home-page .hero-title-lockup h1 { font-size:clamp(35px,10.8vw,43px); }
    .home-page .hero-title-football { height:40px; }
    .home-page .hero-shot-ball { width:22px; height:22px; }
    .home-page .hero-shot-goal { width:68px; height:35px; }
    .home-page .hero-shot-trail { top:23px; width:calc(100% - 70px); }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-shot-trail::before,
    .home-page .hero-shot-trail::after,
    .home-page .hero-shot-trail > i,
    .home-page .hero-shot-ball,
    .home-page .hero-shot-goal { animation:none; }
    .home-page .hero-shot-ball { left:calc(100% - 52px); top:17px; opacity:.88; transform:rotate(18deg) scale(.78); }
}

/* Trailer identity v166 · editorial film marker for the official trailer. */
.home-page .trailer-copy .trailer-identity { display:flex; align-items:center; min-height:42px; margin:0 0 16px; }
.home-page .trailer-copy .trailer-kicker {
    position:relative;
    z-index:1;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    max-width:100%;
    margin:0;
    padding:4px 12px 4px 4px;
    overflow:hidden;
    color:#d9fbff;
    border:1px solid rgba(149,241,249,.55);
    border-radius:5px 999px 999px 5px;
    background:linear-gradient(105deg,rgba(5,48,93,.94),rgba(7,102,152,.68));
    box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 26px rgba(0,5,33,.22),0 0 0 4px rgba(114,231,246,.045);
    font-size:8px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.14em;
    text-shadow:0 1px 0 rgba(0,0,0,.28);
}
.home-page .trailer-copy .trailer-kicker::before { content:none; }
.home-page .trailer-copy .trailer-kicker::after { content:''; position:absolute; top:0; bottom:0; left:43px; width:1px; background:rgba(172,245,250,.28); box-shadow:12px 0 0 rgba(172,245,250,.08); pointer-events:none; }
.home-page .trailer-kicker-reel { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; color:#063a77; border-radius:3px 50% 50% 3px; background:radial-gradient(circle at 34% 25%,#fff 0 8%,#b5f7fe 9% 33%,#6fe3f3 34% 100%); box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.9); }
.home-page .trailer-kicker-reel svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.85; }
.home-page .trailer-kicker > span { position:relative; z-index:1; min-width:0; overflow-wrap:anywhere; }
.home-page .trailer-kicker-signal { display:flex; align-items:center; gap:3px; margin-left:2px; padding-left:9px; border-left:1px solid rgba(172,245,250,.3); }
.home-page .trailer-kicker-signal b { width:3px; height:8px; display:block; border-radius:999px; background:#8feefa; box-shadow:0 0 8px rgba(143,238,250,.7); }
.home-page .trailer-kicker-signal b:nth-child(2) { height:13px; }
.home-page .trailer-kicker-signal b:nth-child(3) { height:6px; }
.home-page .trailer-copy h2 { position:relative; padding-bottom:18px; text-shadow:0 10px 27px rgba(0,7,32,.33); }
.home-page .trailer-copy h2::after { content:''; position:absolute; bottom:0; left:0; width:min(142px,34%); height:4px; border-radius:999px; background:linear-gradient(90deg,#fff 0 24%,#85edf8 25% 74%,transparent 75%); box-shadow:0 0 18px rgba(133,237,248,.47); }
@media (max-width:780px) {
    .home-page .trailer-copy .trailer-identity { min-height:36px; margin-bottom:13px; }
    .home-page .trailer-copy .trailer-kicker { min-height:34px; gap:8px; padding:3px 10px 3px 3px; font-size:6.7px; letter-spacing:.105em; }
    .home-page .trailer-kicker-reel { width:27px; height:27px; }
    .home-page .trailer-kicker-reel svg { width:16px; height:16px; }
    .home-page .trailer-kicker::after { left:38px; }
    .home-page .trailer-kicker-signal { gap:2px; margin-left:0; padding-left:7px; }
    .home-page .trailer-kicker-signal b { width:2px; height:6px; }
    .home-page .trailer-kicker-signal b:nth-child(2) { height:10px; }
    .home-page .trailer-kicker-signal b:nth-child(3) { height:5px; }
    .home-page .trailer-copy h2 { padding-bottom:14px; }
    .home-page .trailer-copy h2::after { height:3px; }
}
@media (max-width:370px) {
    .home-page .trailer-copy .trailer-kicker { letter-spacing:.075em; }
    .home-page .trailer-kicker-signal { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-copy .trailer-kicker { transition:none; }
}

/* Trailer library v165 · a cinematic video hub that grows with every new film. */
.home-page .trailer-section {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 8% 14%,rgba(82,226,246,.13),transparent 24%),
        radial-gradient(circle at 88% 76%,rgba(38,103,214,.17),transparent 29%),
        linear-gradient(137deg,#010c23 0%,#032752 53%,#06487c 100%);
}
.home-page .trailer-section::after {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.34;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(147,238,250,.08) 1px,transparent 1px),linear-gradient(rgba(147,238,250,.06) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(90deg,transparent,#000 16% 84%,transparent);
}
.home-page .trailer-layout { position:relative; z-index:1; }
.home-page .trailer-copy > p { max-width:520px; color:#d9edf6; }
.home-page .trailer-facts > span { position:relative; overflow:hidden; }
.home-page .trailer-facts > span::after { transition:opacity .22s ease,transform .22s ease; }
.home-page .trailer-facts > span:hover::after { opacity:.85; transform:scale(1.08); }
.home-page .trailer-library-summary {
    flex-wrap:wrap;
    gap:11px 13px;
    margin-top:22px;
    padding:11px 13px;
    border:1px solid rgba(153,238,249,.24);
    border-left:3px solid #86edf9;
    border-radius:3px 14px 3px 3px;
    background:linear-gradient(110deg,rgba(5,41,88,.72),rgba(15,102,160,.18));
    box-shadow:inset 0 1px rgba(255,255,255,.09);
}
.home-page .trailer-library-summary > i { width:36px; height:36px; color:#0c417d; border:0; background:#9bf0fa; box-shadow:0 0 0 5px rgba(151,239,250,.1); }
.home-page .trailer-library-summary b {
    margin-left:auto;
    padding:6px 8px;
    color:#c5f9ff;
    border:1px solid rgba(176,242,250,.32);
    border-radius:999px;
    background:rgba(3,28,67,.52);
    font:800 7px/1 var(--font-display);
    letter-spacing:.11em;
    white-space:nowrap;
}
.home-page .trailer-stage {
    isolation:isolate;
    min-height:590px;
    border-radius:4px 30px 4px 4px;
    background:#031434;
}
.home-page .trailer-stage::before { z-index:3; }
.home-page .trailer-stage::after { z-index:3; }
.home-page .trailer-stage > img { transition:transform .45s ease,filter .45s ease; }
.home-page .trailer-stage:hover > img { transform:scale(1.035); filter:saturate(1.14) contrast(1.07); }
.home-page .trailer-stage-badge {
    display:grid;
    gap:5px;
    max-width:min(65%,465px);
    padding:14px 17px 15px;
    border:1px solid rgba(156,239,250,.32);
    border-left:4px solid #9af2fb;
    border-radius:3px 14px 3px 3px;
    background:linear-gradient(120deg,rgba(2,26,62,.84),rgba(6,74,130,.48));
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 25px rgba(0,7,29,.19);
}
.home-page .trailer-stage-badge span { margin:0; }
.home-page .trailer-stage-badge strong { max-width:20ch; font-size:clamp(16px,1.78vw,25px); line-height:1.12; }
.home-page .trailer-stage-badge small { color:#bedeea; font:700 7px/1.35 var(--font-display); letter-spacing:.12em; }
.home-page .trailer-edition {
    max-width:136px;
    padding:8px 0 8px 13px;
    border-left:2px solid #8ceef8;
    color:#fff;
    font-size:9px;
    background:linear-gradient(90deg,rgba(4,39,84,.48),transparent);
}
.home-page .trailer-stage-status {
    position:absolute;
    z-index:4;
    top:142px;
    left:39px;
    min-height:28px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 10px 0 7px;
    color:#b8f8ff;
    border:1px solid rgba(161,239,250,.38);
    border-radius:999px;
    background:rgba(3,30,71,.66);
    box-shadow:inset 0 1px rgba(255,255,255,.09);
    font:800 7px/1 var(--font-display);
    letter-spacing:.11em;
}
.home-page .trailer-stage-status i { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#073d77; background:#9cf0fa; }
.home-page .trailer-stage-status svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.home-page .trailer-stage-status.is-pending { color:#f2e6be; border-color:rgba(246,215,129,.42); }
.home-page .trailer-stage-status.is-pending i { color:#704a04; background:#f6d781; }
.home-page .trailer-play { z-index:4; }
.home-page .trailer-filmstrip { z-index:4; height:22px; }
.home-page .trailer-library {
    position:relative;
    z-index:1;
    align-items:stretch;
    gap:clamp(24px,3vw,48px);
    margin-top:clamp(38px,5vw,64px);
    padding:clamp(25px,3vw,39px) 0 3px;
}
.home-page .trailer-library > header { display:flex; flex-direction:column; justify-content:center; padding:8px 0; }
.home-page .trailer-library > header > span { display:inline-flex; align-items:center; align-self:flex-start; min-height:26px; margin-bottom:12px; padding:0 10px; border:1px solid rgba(145,236,249,.34); border-radius:999px; background:rgba(4,46,94,.44); }
.home-page .trailer-library-grid { grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; }
.home-page .trailer-queue-card { min-height:190px; border-radius:3px 19px 3px 3px; }
.home-page .trailer-queue-card > i { width:38px; height:38px; top:14px; right:14px; transition:transform .22s ease,background .22s ease; }
.home-page .trailer-queue-card:hover > i { transform:scale(1.08); background:#fff; }
.home-page .trailer-queue-copy { right:15px; bottom:15px; left:15px; }
.home-page .trailer-library-empty {
    grid-column:1 / -1;
    min-height:190px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    align-items:center;
    gap:15px;
    padding:22px;
    border:1px dashed rgba(157,239,250,.38);
    border-radius:3px 19px 3px 3px;
    background:linear-gradient(124deg,rgba(3,33,76,.65),rgba(15,90,143,.22));
}
.home-page .trailer-library-empty > i { width:50px; height:50px; display:grid; place-items:center; color:#8feefa; border:1px solid rgba(143,238,250,.55); border-radius:50%; background:rgba(135,238,250,.08); }
.home-page .trailer-library-empty svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.6; }
.home-page .trailer-library-empty small,.home-page .trailer-library-empty strong { display:block; }
.home-page .trailer-library-empty small { margin-bottom:6px; color:#9beef8; font:800 7px/1 var(--font-display); letter-spacing:.16em; }
.home-page .trailer-library-empty strong { max-width:35ch; color:#fff; font:800 clamp(13px,1.3vw,17px)/1.35 var(--font-display); letter-spacing:-.015em; }
@media (max-width:1050px) {
    .home-page .trailer-stage { min-height:535px; }
    .home-page .trailer-library { grid-template-columns:1fr; }
    .home-page .trailer-library-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:780px) {
    .home-page .trailer-section::after { background-size:48px 48px; }
    .home-page .trailer-library-summary { padding:10px 11px; }
    .home-page .trailer-library-summary b { margin-left:0; }
    .home-page .trailer-stage { min-height:440px; border-radius:3px 21px 3px 3px; }
    .home-page .trailer-stage-badge { top:20px; left:20px; max-width:calc(100% - 105px); padding:10px 11px; }
    .home-page .trailer-stage-badge strong { font-size:14px; }
    .home-page .trailer-stage-badge small { font-size:5.8px; }
    .home-page .trailer-edition { top:22px; right:18px; max-width:69px; font-size:5.7px; }
    .home-page .trailer-stage-status { top:112px; left:20px; min-height:25px; padding-right:8px; font-size:5.7px; }
    .home-page .trailer-stage-status i { width:16px; height:16px; }
    .home-page .trailer-play { left:20px; bottom:42px; max-width:calc(100% - 40px); }
    .home-page .trailer-library { margin-top:36px; padding-top:21px; }
    .home-page .trailer-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .home-page .trailer-queue-card { min-height:166px; }
    .home-page .trailer-library-empty { grid-template-columns:42px minmax(0,1fr); min-height:145px; gap:12px; padding:16px; }
    .home-page .trailer-library-empty > i { width:40px; height:40px; }
    .home-page .trailer-library-empty svg { width:20px; }
}
@media (max-width:375px) {
    .home-page .trailer-library-grid { grid-template-columns:1fr; }
    .home-page .trailer-queue-card { min-height:178px; }
    .home-page .trailer-stage-status { top:103px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-stage > img,.home-page .trailer-facts > span::after,.home-page .trailer-queue-card > i { transition:none; }
    .home-page .trailer-stage:hover > img,.home-page .trailer-queue-card:hover > i { transform:none; }
}

/* Tournament spirit v164 · five-part football manifesto with a fluid editorial grid. */
.home-page .tournament-slogan[data-spirit-stage] {
    padding-block:clamp(82px,8.2vw,124px);
    background:
        radial-gradient(circle at 5% 10%,rgba(90,233,248,.18),transparent 24%),
        radial-gradient(circle at 94% 82%,rgba(31,112,228,.25),transparent 31%),
        linear-gradient(137deg,#010b20 0%,#03224f 49%,#064a82 100%);
}
.home-page .tournament-slogan[data-spirit-stage]::before {
    content:'FAIR PLAY';
    right:-20px;
    bottom:-23px;
    color:transparent;
    -webkit-text-stroke:1px rgba(197,248,253,.06);
    font-size:clamp(96px,13.5vw,205px);
    letter-spacing:-.1em;
}
.home-page .slogan-copy {
    max-width:1280px;
    padding:clamp(26px,3.5vw,48px);
    border-top-color:#9af3fc;
    border-left-color:#86edf9;
    background:
        linear-gradient(90deg,rgba(137,239,250,.15),rgba(137,239,250,0) 26%) top/100% 1px no-repeat,
        radial-gradient(circle at 100% 0,rgba(99,224,247,.17),transparent 29%),
        linear-gradient(133deg,rgba(2,18,49,.95),rgba(5,56,105,.72));
}
.home-page .slogan-heading { margin-bottom:clamp(22px,2.4vw,32px); }
.home-page .slogan-heading h2 { max-width:17ch; }
.home-page .slogan-copy .slogan-statement {
    gap:14px;
    font-size:15.5px;
    line-height:1.72;
}
.home-page .slogan-copy .slogan-statement > p,
.home-page .slogan-copy .slogan-statement > p + p {
    grid-column:1 / -1;
    grid-template-columns:64px minmax(0,1fr);
    gap:17px;
    min-height:116px;
    padding:22px 26px 22px 17px;
    color:#dcecf5;
    font-size:15.5px;
    line-height:1.72;
}
.home-page .slogan-copy .slogan-statement > p.is-opening {
    min-height:128px;
    color:#f5fcfe;
    font:700 clamp(18px,1.5vw,22px)/1.55 var(--font-display);
    letter-spacing:-.018em;
    background:
        radial-gradient(circle at 93% 12%,rgba(112,232,247,.22),transparent 25%),
        linear-gradient(112deg,rgba(3,21,55,.96),rgba(9,79,141,.63));
}
.home-page .slogan-copy .slogan-statement > p.is-connection {
    grid-column:1 / span 7;
    border-top-color:rgba(162,241,249,.32);
    background:linear-gradient(128deg,rgba(3,25,61,.83),rgba(10,93,155,.4));
}
.home-page .slogan-copy .slogan-statement > p.is-fairplay {
    grid-column:8 / -1;
    color:#f0f8ff;
    border-color:rgba(115,219,245,.36);
    background:
        radial-gradient(circle at 90% 12%,rgba(111,216,243,.12),transparent 30%),
        linear-gradient(128deg,rgba(10,48,59,.82),rgba(20,93,133,.45));
}
.home-page .slogan-copy .slogan-statement > p.is-fairplay::after { background:linear-gradient(180deg,#edf8ff,#8bdff3); box-shadow:0 0 15px rgba(120,220,245,.54); }
.home-page .slogan-copy .slogan-statement > p.is-destination {
    grid-column:1 / -1;
    color:#dfedfb;
    border-color:rgba(150,217,255,.32);
    background:
        radial-gradient(circle at 91% 16%,rgba(108,192,255,.16),transparent 24%),
        linear-gradient(112deg,rgba(3,24,61,.88),rgba(8,73,132,.5));
}
.home-page .slogan-copy .slogan-statement > p:hover {
    transform:translateY(-2px);
    border-color:rgba(159,242,250,.62);
    box-shadow:0 17px 34px rgba(0,7,30,.2),inset 0 1px rgba(255,255,255,.1);
}
.home-page .slogan-copy .slogan-statement > p.is-fairplay:hover { border-color:rgba(151,228,247,.68); }
.home-page .slogan-statement .slogan-fairplay,
.home-page .slogan-statement .slogan-ambassador { color:#bdeeff; font-weight:900; text-shadow:0 0 20px rgba(117,218,244,.2); }
.home-page .slogan-statement .slogan-destination { color:#aeefff; font-weight:800; text-shadow:0 0 20px rgba(109,209,255,.18); }
.home-page .slogan-line-icon--destination { --spirit-icon:#a9e7ff; }
.home-page .slogan-line-icon--destination::before {
    border-color:rgba(169,231,255,.62);
    background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.22),rgba(122,208,255,.1) 43%,rgba(4,44,93,.22) 74%);
}
.home-page .slogan-line-icon--anthem { --spirit-icon:#fff; }
.home-page .slogan-line-icon--anthem::before {
    border-color:rgba(255,255,255,.7);
    background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.4),rgba(163,238,250,.14) 43%,rgba(13,97,184,.42) 74%);
}
.home-page .slogan-statement .slogan-anthem {
    min-height:104px;
    grid-template-columns:64px minmax(0,1fr);
    text-wrap:balance;
}
.home-page .slogan-statement .slogan-anthem .slogan-line-copy { align-self:center; }

@media (max-width:1050px) {
    .home-page .slogan-copy .slogan-statement > p.is-connection,
    .home-page .slogan-copy .slogan-statement > p.is-fairplay { grid-column:1 / -1; }
}
@media (max-width:780px) {
    .home-page .tournament-slogan[data-spirit-stage] { padding-block:68px; }
    .home-page .slogan-copy { padding:23px 16px 19px; }
    .home-page .slogan-copy .slogan-statement { gap:10px; font-size:14px; }
    .home-page .slogan-copy .slogan-statement > p,
    .home-page .slogan-copy .slogan-statement > p + p,
    .home-page .slogan-copy .slogan-statement > p.is-opening,
    .home-page .slogan-copy .slogan-statement > p.is-connection,
    .home-page .slogan-copy .slogan-statement > p.is-fairplay,
    .home-page .slogan-copy .slogan-statement > p.is-destination,
    .home-page .slogan-copy .slogan-statement > p.slogan-anthem {
        grid-column:1 / -1;
        grid-template-columns:48px minmax(0,1fr);
        gap:11px;
        min-height:0;
        padding:16px 13px 16px 10px;
        font-size:14px;
        line-height:1.72;
    }
    .home-page .slogan-copy .slogan-statement > p.is-opening { font-size:16px; line-height:1.56; }
    .home-page .slogan-statement .slogan-anthem {
        min-height:0;
        padding:16px 28px 16px 10px!important;
        font-size:13px!important;
        line-height:1.48!important;
    }
}

@media (max-width:390px) {
    .home-page .slogan-copy .slogan-statement > p,
    .home-page .slogan-copy .slogan-statement > p + p,
    .home-page .slogan-copy .slogan-statement > p.is-opening,
    .home-page .slogan-copy .slogan-statement > p.is-connection,
    .home-page .slogan-copy .slogan-statement > p.is-fairplay,
    .home-page .slogan-copy .slogan-statement > p.is-destination,
    .home-page .slogan-copy .slogan-statement > p.slogan-anthem {
        grid-template-columns:39px minmax(0,1fr);
        gap:8px;
        padding-inline:8px 10px;
    }
    .home-page .slogan-copy .slogan-statement > p.is-opening { font-size:14.5px; }
    .home-page .slogan-statement .slogan-anthem { padding-right:25px!important; font-size:11.7px!important; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .slogan-copy .slogan-statement > p:hover { transform:none; }
}

@media (max-width:360px) {
    .team-profile-page .team-roster-grid { gap:8px; }
    .team-profile-page .team-roster-grid .team-player-card {
        grid-template-rows:158px minmax(180px,auto);
        border-radius:2px 15px 2px 2px;
    }
    .team-profile-page .team-roster-grid .team-player-card::after {
        top:144px;
        right:7px;
        width:25px;
        height:25px;
        font-size:16px;
    }
    .team-profile-page .team-player-card-body { padding-inline:8px; }
    .team-profile-page .team-player-position { max-width:calc(100% - 20px); }
    .team-profile-page .team-player-identity { grid-template-columns:41px minmax(0,1fr); gap:6px; }
    .team-profile-page .team-player-jersey-number { min-height:49px; font-size:23px; }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:11px; }
    .team-profile-page .team-player-card-body dl > div { padding-inline:4px; }
    .team-profile-page .team-player-card-body dt { font-size:4.3px; }
}

@keyframes mobileSquadBallIn {
    0% { opacity:0; transform:translate(22px,-18px) rotate(-280deg) scale(.55); }
    68% { opacity:1; transform:translate(-3px,2px) rotate(18deg) scale(1.08); }
    100% { opacity:1; transform:none; }
}
@keyframes mobileSquadPositionPulse {
    0%,100% { box-shadow:0 0 0 0 color-mix(in srgb,var(--team-color),transparent 72%); }
    50% { box-shadow:0 0 0 5px color-mix(in srgb,var(--team-color),transparent 94%); }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible::after,
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible .team-player-position > i {
        animation:none;
    }
    .team-profile-page .team-player-card:active { transform:none; }
}

/* Team profile v48 · editable club slogan */
.team-profile-page .team-profile-story {
    isolation:isolate;
}
.team-profile-page .team-slogan-label {
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:7px 11px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 74%);
    border-radius:999px;
    color:color-mix(in srgb,var(--team-color),#082b62 20%);
    background:color-mix(in srgb,var(--team-color),#fff 94%);
    font-size:8px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.13em;
    box-shadow:0 8px 20px color-mix(in srgb,var(--team-color),transparent 91%);
}
.team-profile-page .team-slogan-label > i {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--team-color);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 88%),0 0 13px color-mix(in srgb,var(--team-color),transparent 45%);
    animation:teamSloganStatus 2.2s ease-in-out infinite;
}
.team-profile-page .team-profile-story .team-slogan-title {
    position:relative;
    z-index:3;
    max-width:100%;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
    margin:19px 0 11px;
    font-size:clamp(39px,4.6vw,68px);
    line-height:.93;
    text-wrap:balance;
}
.team-profile-page .team-slogan-title > span,
.team-profile-page .team-slogan-title > em {
    display:block;
    max-width:100%;
    overflow-wrap:anywhere;
}
.team-profile-page .team-slogan-title > span {
    color:#082b62;
}
.team-profile-page .team-slogan-title > em {
    position:relative;
    color:var(--team-color);
    background:linear-gradient(100deg,var(--team-color) 0%,color-mix(in srgb,var(--team-color),#23c8eb 50%) 44%,var(--team-color) 72%);
    background-size:220% 100%;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 9px 16px color-mix(in srgb,var(--team-color),transparent 88%));
    animation:teamSloganShine 5.8s ease-in-out infinite;
}
.team-profile-page .team-slogan-motion {
    position:relative;
    z-index:3;
    width:min(100%,360px);
    height:48px;
    margin:1px 0 20px;
    overflow:hidden;
}
.team-profile-page .team-slogan-motion > b {
    position:absolute;
    left:4px;
    right:43px;
    top:23px;
    border-top:2px dashed color-mix(in srgb,var(--team-color),transparent 60%);
}
.team-profile-page .team-slogan-motion > b::after {
    content:'';
    position:absolute;
    width:7px;
    height:7px;
    left:0;
    top:-5px;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--team-color);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 90%);
}
.team-profile-page .team-slogan-motion > i {
    position:absolute;
    z-index:2;
    width:25px;
    height:25px;
    left:5px;
    top:11px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 15px rgba(6,41,89,.2),0 0 0 3px color-mix(in srgb,var(--team-color),transparent 87%);
    font:normal 18px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    animation:teamSloganBall 5.4s cubic-bezier(.45,.02,.5,.98) infinite;
}
.team-profile-page .team-slogan-motion > span {
    position:absolute;
    right:3px;
    top:7px;
    width:39px;
    height:34px;
    border:3px solid var(--team-color);
    border-bottom-width:5px;
    background:
        repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--team-color),transparent 78%) 8px 9px),
        repeating-linear-gradient(90deg,transparent 0 7px,color-mix(in srgb,var(--team-color),transparent 78%) 8px 9px);
    box-shadow:4px 5px 0 color-mix(in srgb,var(--team-color),transparent 89%);
    transform:perspective(90px) rotateY(-10deg);
}
.team-profile-page .team-profile-story > p {
    padding-top:19px;
    border-top:1px solid color-mix(in srgb,var(--team-color),transparent 87%);
}
.team-profile-page .team-profile-story:hover .team-slogan-title > em {
    filter:drop-shadow(0 12px 20px color-mix(in srgb,var(--team-color),transparent 80%));
}

@keyframes teamSloganStatus {
    50% { opacity:.55; transform:scale(.72); }
}
@keyframes teamSloganShine {
    0%,24%,100% { background-position:100% 0; }
    54%,72% { background-position:0 0; }
}
@keyframes teamSloganBall {
    0%,8% { left:5px; transform:rotate(0) scale(.82); opacity:0; }
    16% { opacity:1; }
    68% { top:5px; transform:rotate(580deg) scale(1.05); opacity:1; }
    88%,100% { left:calc(100% - 59px); top:13px; transform:rotate(850deg) scale(.62); opacity:0; }
}

@media (max-width:780px) {
    .team-profile-page .team-slogan-label { margin-inline:auto; }
    .team-profile-page .team-profile-story .team-slogan-title {
        align-items:center;
        margin-top:18px;
        font-size:clamp(41px,11vw,58px);
        text-align:center;
    }
    .team-profile-page .team-slogan-motion {
        width:min(100%,310px);
        margin-inline:auto;
    }
    .team-profile-page .team-profile-story > p { text-align:left; }
}

@media (max-width:390px) {
    .team-profile-page .team-slogan-label { font-size:6px; letter-spacing:.1em; }
    .team-profile-page .team-profile-story .team-slogan-title {
        font-size:clamp(36px,11.5vw,46px);
    }
    .team-profile-page .team-slogan-motion { height:43px; }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-slogan-label > i,
    .team-profile-page .team-slogan-title > em,
    .team-profile-page .team-slogan-motion > i {
        animation:none;
    }
}

/* Stadium venue v37 · official match venue */
.stadium-section {
    position:relative;
    overflow:hidden;
    padding:clamp(82px,8vw,132px) 0;
    color:var(--ink);
    background:
        radial-gradient(circle at 92% 8%,rgba(36,199,233,.2),transparent 29%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%);
}
.stadium-section::before {
    content:'';
    position:absolute;
    inset:0;
    opacity:.32;
    pointer-events:none;
    background-image:linear-gradient(rgba(8,39,90,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,39,90,.08) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(90deg,transparent,black 28%,black 75%,transparent);
}
.stadium-shell {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
    gap:clamp(34px,5vw,76px);
    align-items:center;
}
.stadium-visual {
    position:relative;
    min-height:620px;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(145deg,#05245a,#0b62bd);
    border:1px solid rgba(8,69,138,.18);
    border-radius:2px 42px 2px 2px;
    box-shadow:0 34px 80px rgba(7,54,116,.2);
}
.stadium-visual::after {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(2,20,55,.62),transparent 32%,rgba(1,15,43,.9)),linear-gradient(90deg,rgba(2,25,63,.25),transparent 58%);
    pointer-events:none;
}
.stadium-visual > img { width:100%; height:100%; min-height:620px; object-fit:cover; object-position:center; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.stadium-visual:hover > img { transform:scale(1.035); }
.stadium-image-placeholder { min-height:620px; display:grid; place-content:center; gap:12px; text-align:center; background:radial-gradient(circle at 50% 55%,rgba(36,199,233,.34),transparent 30%),linear-gradient(145deg,#031b47,#0d67bd); }
.stadium-image-placeholder span { font-size:68px; }
.stadium-image-placeholder small { font-size:9px; font-weight:900; letter-spacing:.18em; }
.stadium-visual-grid { position:absolute; z-index:1; inset:0; opacity:.46; pointer-events:none; }
.stadium-visual-grid::before,.stadium-visual-grid::after,.stadium-visual-grid i { content:''; position:absolute; border:1px solid rgba(128,232,250,.48); }
.stadium-visual-grid::before { width:36%; height:28%; left:32%; bottom:13%; border-radius:50%; }
.stadium-visual-grid::after { width:72%; height:58%; left:14%; bottom:-29%; border-radius:50%; }
.stadium-visual-grid i:first-child { top:24px; left:24px; width:54px; height:3px; border:0; background:#79e9fa; box-shadow:9px 9px 0 -1px rgba(255,255,255,.72); }
.stadium-visual-grid i:nth-child(2) { right:24px; top:24px; width:48px; height:48px; border-left:0; border-bottom:0; }
.stadium-visual-grid i:nth-child(3) { left:24px; bottom:24px; width:48px; height:48px; border-right:0; border-top:0; }
.stadium-visual-head,.stadium-visual-caption { position:absolute; z-index:2; left:clamp(24px,3vw,42px); right:clamp(24px,3vw,42px); }
.stadium-visual-head { top:34px; display:flex; align-items:center; gap:20px; padding-bottom:19px; border-bottom:1px solid rgba(255,255,255,.3); font-size:8px; font-weight:900; letter-spacing:.13em; }
.stadium-visual-head span { display:flex; align-items:center; gap:10px; }
.stadium-visual-head i { width:7px; height:7px; border-radius:50%; background:#7ceafa; box-shadow:0 0 0 6px rgba(124,234,250,.13); }
.stadium-visual-caption { bottom:38px; }
.stadium-visual-caption small { display:block; margin-bottom:11px; color:#82e9fa; font-size:8px; font-weight:900; letter-spacing:.15em; }
.stadium-visual-caption strong { display:block; max-width:650px; font-family:var(--font-display); font-weight:900; line-height:.96; letter-spacing:-.045em; text-transform:uppercase; text-shadow:0 12px 32px rgba(0,0,0,.32); }
.stadium-visual-caption strong span,
.stadium-visual-caption strong em { display:block; width:max-content; max-width:100%; white-space:nowrap; }
.stadium-visual-caption strong span { font-size:clamp(28px,2.75vw,42px); }
.stadium-visual-caption strong em { margin-top:7px; color:#82e9fa; font-size:clamp(42px,4.2vw,64px); font-style:normal; }
.stadium-copy { position:relative; min-width:0; padding:26px 0; }
.stadium-copy-index { position:absolute; right:0; top:-24px; color:rgba(8,39,90,.075); font:900 clamp(86px,9vw,132px)/1 var(--font-display); letter-spacing:-.08em; }
.stadium-copy-index span { font-size:.24em; letter-spacing:.02em; }
.stadium-copy .kicker { position:relative; display:inline-block; margin-bottom:22px; }
.stadium-copy h2 { position:relative; max-width:590px; margin:0; font-family:var(--font-display); font-weight:900; line-height:.94; letter-spacing:-.055em; text-transform:uppercase; }
.stadium-copy h2 span,
.stadium-copy h2 em { display:block; width:max-content; max-width:100%; white-space:nowrap; }
.stadium-copy h2 span { font-size:clamp(34px,3vw,42px); }
.stadium-copy h2 em { margin-top:9px; color:var(--blue); font-size:clamp(52px,4.75vw,70px); font-style:normal; }
.stadium-copy > p { position:relative; max-width:560px; margin:28px 0 31px; color:var(--muted); font-size:14px; line-height:1.78; }
.stadium-facts { position:relative; display:grid; grid-template-columns:1fr; margin-bottom:26px; border-top:1px solid rgba(8,39,90,.16); }
.stadium-facts > div { display:grid; grid-template-columns:46px 1fr; gap:17px; align-items:center; padding:19px 0; border-bottom:1px solid rgba(8,39,90,.16); }
.stadium-facts > div > span { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--blue),#24a9e3); font-size:8px; font-weight:900; box-shadow:5px 5px 0 rgba(25,118,243,.12); }
.stadium-facts p { min-width:0; margin:0; display:flex; flex-direction:column; gap:3px; }
.stadium-facts small { color:#6f8298; font-size:7px; font-weight:900; letter-spacing:.13em; }
.stadium-facts strong { font:800 14px/1.45 var(--font-display); letter-spacing:-.01em; text-transform:uppercase; }
.stadium-status { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0; padding:13px 16px; border:1px solid rgba(17,118,202,.17); background:rgba(255,255,255,.7); font-size:7px; font-weight:900; letter-spacing:.12em; }
.stadium-status span { display:flex; align-items:center; gap:10px; color:#0b5cae; }
.stadium-status i { width:7px; height:7px; border-radius:50%; background:#20c8e8; box-shadow:0 0 0 5px rgba(32,200,232,.12); }
.stadium-status small { color:#72869b; font-size:7px; }
.stadium-action { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:0 20px 0 24px; color:#fff; background:linear-gradient(135deg,#0b4fb0,var(--blue) 60%,#159ad4); font-size:10px; font-weight:900; letter-spacing:.09em; box-shadow:8px 8px 0 rgba(25,118,243,.12); transition:transform .25s,box-shadow .25s; }
.stadium-action b { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.32); font-size:16px; }
.stadium-action:hover { transform:translateY(-3px); box-shadow:10px 12px 0 rgba(25,118,243,.14); }
.stadium-action:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.stadium-map-panel {
    min-height:292px;
    display:flex;
    align-items:center;
    padding:clamp(24px,3.2vw,46px);
    overflow:hidden;
    border:2px solid rgba(19,105,193,.18);
    border-top:4px solid #27c8eb;
    border-radius:2px 34px 2px 2px;
    background:
        radial-gradient(circle at 84% 16%,rgba(51,196,235,.26),transparent 25%),
        linear-gradient(rgba(16,101,190,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,101,190,.055) 1px,transparent 1px),
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,243,255,.9));
    background-size:auto,34px 34px,34px 34px,auto;
    box-shadow:14px 16px 0 rgba(25,118,243,.08),0 28px 66px rgba(7,54,116,.12);
}
.stadium-map-panel::before {
    content:'';
    position:absolute;
    right:-62px;
    top:-78px;
    width:240px;
    height:240px;
    border:2px solid rgba(29,140,215,.1);
    border-radius:50%;
    box-shadow:0 0 0 34px rgba(29,140,215,.03),0 0 0 68px rgba(29,140,215,.018);
    pointer-events:none;
}
.stadium-map-panel .stadium-map-action {
    position:relative;
    z-index:1;
    width:100%;
    min-height:138px;
    display:grid;
    grid-template-columns:70px minmax(0,1fr) 48px;
    align-items:center;
    gap:20px;
    padding:25px 24px 42px;
    overflow:hidden;
    border:1px solid rgba(119,232,251,.5);
    border-radius:2px 24px 2px 2px;
    background:
        radial-gradient(circle at 7% 18%,rgba(119,234,255,.22),transparent 22%),
        linear-gradient(135deg,#063e96 0%,#145ee1 58%,#18a8db 100%);
    box-shadow:10px 12px 0 rgba(9,75,158,.15),0 22px 45px rgba(7,64,145,.22),inset 0 1px rgba(255,255,255,.2);
    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
}
.stadium-map-panel .stadium-map-action::before {
    content:'';
    position:absolute;
    inset:0;
    opacity:.18;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.52) 46%,transparent 54% 100%);
    transform:translateX(-120%);
    transition:transform .75s cubic-bezier(.2,.8,.2,1);
}
.stadium-map-panel .stadium-map-action:hover { transform:translateY(-6px) scale(1.008); box-shadow:13px 17px 0 rgba(9,75,158,.13),0 31px 58px rgba(7,64,145,.28); }
.stadium-map-panel .stadium-map-action:hover::before { transform:translateX(120%); }
.stadium-map-panel .stadium-map-action:active { transform:translateY(-2px) scale(.995); }
.stadium-map-panel .stadium-map-action:focus-visible { outline:4px solid #ffe13b; outline-offset:5px; }
.stadium-map-pin {
    position:relative;
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.56);
    border-radius:50% 50% 50% 10%;
    background:linear-gradient(145deg,#fff,#83edff);
    box-shadow:0 12px 27px rgba(0,25,83,.24),0 0 0 8px rgba(126,235,253,.13);
    transform:rotate(-45deg);
}
.stadium-map-pin > i { color:#0b55b8; font-size:26px; font-style:normal; transform:rotate(45deg); }
.stadium-map-pin > b { position:absolute; inset:-10px; border:1px solid rgba(126,235,253,.58); border-radius:50%; animation:stadiumMapPinPulse 2.1s ease-out infinite; }
.stadium-map-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.stadium-map-copy small { color:#9af1ff; font-size:8px; font-weight:900; letter-spacing:.15em; }
.stadium-map-copy strong { color:#fff; font:900 clamp(15px,1.35vw,19px)/1.25 var(--font-display); letter-spacing:-.025em; text-transform:uppercase; }
.stadium-map-copy em { display:block; max-width:100%; color:#d9f7ff; font-size:9px; font-style:normal; font-weight:600; line-height:1.55; letter-spacing:.01em; text-wrap:pretty; }
.stadium-map-arrow {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.4);
    color:#fff;
    background:rgba(255,255,255,.08);
    font-size:19px;
    transition:transform .3s,background .3s,color .3s;
}
.stadium-map-action:hover .stadium-map-arrow { color:#06428e; background:#82edff; transform:translate(4px,-4px) rotate(6deg); }
.stadium-map-route { position:absolute; z-index:2; left:27px; right:27px; bottom:19px; height:12px; display:flex; align-items:center; pointer-events:none; }
.stadium-map-route::before { content:''; position:absolute; left:0; right:0; top:50%; border-top:2px dashed rgba(157,242,255,.48); }
.stadium-map-route > i { position:relative; z-index:1; width:7px; height:7px; margin-right:25%; border:2px solid #9bf1ff; border-radius:50%; background:#125ed2; box-shadow:0 0 9px rgba(154,241,255,.72); }
.stadium-map-route > b { position:absolute; z-index:2; left:0; top:-7px; font-size:17px; line-height:1; filter:drop-shadow(0 0 8px rgba(255,255,255,.5)); animation:stadiumMapBallRoute 6s cubic-bezier(.45,.05,.55,.95) infinite alternate; }
@keyframes stadiumMapPinPulse { 0% { opacity:.7; transform:scale(.75); } 75%,100% { opacity:0; transform:scale(1.45); } }
@keyframes stadiumMapBallRoute { 0% { left:0; transform:rotate(0deg); } 100% { left:calc(100% - 18px); transform:rotate(720deg); } }
.stadium-visual-caption strong em,
.stadium-copy h2 em { white-space:nowrap !important; word-break:keep-all; overflow-wrap:normal; }

@media (max-width:1080px) {
    .stadium-shell { grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr); gap:34px; }
    .stadium-visual,.stadium-visual > img,.stadium-image-placeholder { min-height:540px; }
    .stadium-copy h2 span { font-size:clamp(31px,3.25vw,38px); }
    .stadium-copy h2 em { font-size:clamp(48px,5vw,60px); }
}
@media (max-width:780px) {
    .stadium-section { padding:74px 0 82px; }
    .stadium-shell { grid-template-columns:1fr; gap:38px; }
    .stadium-visual { min-height:420px; border-radius:2px 28px 2px 2px; }
    .stadium-visual > img,.stadium-image-placeholder { min-height:420px; }
    .stadium-visual-head { top:25px; }
    .stadium-visual-caption { bottom:28px; }
    .stadium-visual-caption strong span { font-size:clamp(29px,5.2vw,42px); }
    .stadium-visual-caption strong em { font-size:clamp(43px,8vw,62px); }
    .stadium-copy { padding:8px 0 0; }
    .stadium-map-panel { min-height:0; padding:0; overflow:visible; border:0; background:transparent; border-radius:0; box-shadow:none; }
    .stadium-map-panel::before { display:none; }
    .stadium-map-panel .stadium-map-action { min-height:128px; grid-template-columns:60px minmax(0,1fr) 42px; gap:16px; padding:22px 18px 40px; }
    .stadium-map-pin { width:56px; height:56px; }
    .stadium-map-copy strong { font-size:clamp(14px,3.8vw,17px); }
    .stadium-map-copy em { font-size:8px; }
    .stadium-map-arrow { width:39px; height:39px; }
    .stadium-map-route { left:20px; right:20px; }
    .stadium-copy-index { top:-12px; right:4px; font-size:92px; }
    .stadium-copy h2 { max-width:100%; }
    .stadium-copy h2 span { font-size:clamp(31px,5.8vw,42px); }
    .stadium-copy h2 em { font-size:clamp(49px,9vw,66px); }
    .stadium-copy > p { margin:24px 0 26px; font-size:13px; }
}
@media (max-width:480px) {
    .stadium-visual,.stadium-visual > img,.stadium-image-placeholder { min-height:360px; }
    .stadium-visual-head { left:19px; right:19px; }
    .stadium-visual-caption { left:19px; right:19px; bottom:24px; }
    .stadium-visual-caption strong span { font-size:clamp(23px,6.9vw,28px); }
    .stadium-visual-caption strong em { font-size:clamp(35px,10.5vw,44px); }
    .stadium-copy h2 span { font-size:clamp(26px,7.6vw,32px); }
    .stadium-copy h2 em { font-size:clamp(39px,11.5vw,50px); }
    .stadium-map-panel .stadium-map-action { grid-template-columns:50px minmax(0,1fr) 36px; gap:12px; padding:20px 14px 38px; border-radius:2px 20px 2px 2px; }
    .stadium-map-pin { width:48px; height:48px; }
    .stadium-map-pin > i { font-size:22px; }
    .stadium-map-copy { gap:5px; }
    .stadium-map-copy small { font-size:6px; letter-spacing:.1em; }
    .stadium-map-copy strong { font-size:clamp(12px,3.5vw,15px); }
    .stadium-map-copy em { font-size:8px; line-height:1.45; }
    .stadium-map-arrow { width:34px; height:34px; font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
    .stadium-visual > img,.stadium-action { transition:none; }
    .stadium-map-pin > b,.stadium-map-route > b { animation:none; }
    .stadium-map-panel .stadium-map-action::before { display:none; }
}

@media (min-width:781px) and (max-width:1180px) {
    .home-page .live-center-head { align-items:flex-start; }
    .home-page .live-center-head h2 { font-size:clamp(39px,5vw,58px); }
    .home-page .live-center-head h2 > span { white-space:nowrap; }
    .home-page .awards-heading h2 { font-size:clamp(39px,5vw,60px); }
    .home-page .awards-heading h2 > span { white-space:nowrap; }
}

/* Partner headings v3 · broadcast identity, high-legibility */
.home-page .sponsors-heading,
.home-page .support-partners-heading,
.home-page .media-partners-heading {
    --partner-heading-accent:#155fd1;
    --partner-heading-soft:rgba(21,95,209,.1);
    --partner-heading-number:'01';
    position:relative;
    width:100%;
    max-width:900px;
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    align-items:center;
    column-gap:27px;
    margin-inline:auto;
    padding:28px 34px;
    overflow:hidden;
    border:1px solid #d4e5f1;
    border-top:4px solid var(--partner-heading-accent);
    border-radius:3px 25px 3px 3px;
    text-align:left;
    background:linear-gradient(120deg,#fff 0%,#fff 62%,#f0f7ff 100%);
    box-shadow:10px 12px 0 var(--partner-heading-soft),0 24px 58px rgba(8,55,130,.09);
    isolation:isolate;
}
.home-page .support-partners-heading {
    --partner-heading-accent:#0795b9;
    --partner-heading-soft:rgba(7,149,185,.1);
    --partner-heading-number:'02';
}
.home-page .media-partners-heading {
    --partner-heading-accent:#176bd8;
    --partner-heading-soft:rgba(23,107,216,.1);
    --partner-heading-number:'03';
}
.home-page .sponsors-heading::before,
.home-page .support-partners-heading::before,
.home-page .media-partners-heading::before {
    content:var(--partner-heading-number);
    position:relative;
    z-index:2;
    width:76px;
    height:76px;
    grid-column:1;
    grid-row:1 / span 3;
    display:grid;
    place-items:center;
    align-self:center;
    border:1px solid color-mix(in srgb,var(--partner-heading-accent),#fff 48%);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,var(--partner-heading-accent),#0a3f94);
    box-shadow:0 0 0 8px var(--partner-heading-soft),0 13px 28px rgba(7,54,116,.2);
    font:900 25px/1 var(--font-display);
    letter-spacing:-.055em;
    animation:partnerHeadingPulse 4.2s ease-in-out infinite;
}
.home-page .sponsors-heading::after,
.home-page .support-partners-heading::after,
.home-page .media-partners-heading::after {
    content:'';
    position:absolute;
    z-index:-1;
    width:190px;
    height:190px;
    right:-112px;
    bottom:-128px;
    margin:0;
    border:1px solid var(--partner-heading-soft);
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 26px color-mix(in srgb,var(--partner-heading-soft),transparent 52%),0 0 0 52px color-mix(in srgb,var(--partner-heading-soft),transparent 74%);
    pointer-events:none;
}
.home-page .sponsors-heading > .kicker,
.home-page .support-partners-heading > .kicker,
.home-page .media-partners-heading > .kicker,
.home-page .sponsors-heading > h2,
.home-page .support-partners-heading > h3,
.home-page .media-partners-heading > h3,
.home-page .sponsors-heading > p,
.home-page .support-partners-heading > p,
.home-page .media-partners-heading > p { grid-column:2; min-width:0; }
.home-page .sponsors-heading > .kicker,
.home-page .support-partners-heading > .kicker,
.home-page .media-partners-heading > .kicker { width:max-content; max-width:100%; margin:0 0 8px; color:var(--partner-heading-accent); font-size:8px; letter-spacing:.14em; }
.home-page .sponsors-heading > h2,
.home-page .support-partners-heading > h3,
.home-page .media-partners-heading > h3 { margin:0; color:#061d43; font:900 clamp(39px,5vw,67px)/.94 var(--font-display); letter-spacing:-.052em; text-transform:uppercase; text-wrap:balance; overflow-wrap:normal; }
.home-page .sponsors-heading > p,
.home-page .support-partners-heading > p,
.home-page .media-partners-heading > p { max-width:660px; margin:15px 0 0; color:#536d88; font-size:13px; line-height:1.72; text-wrap:pretty; }
.home-page .support-partners-heading,
.home-page .media-partners-heading { margin-bottom:34px; }
.home-page .support-partners-zone,
.home-page .media-partners-zone { border-top:0; }
.home-page .support-partners-zone::before,
.home-page .media-partners-zone::before { width:38%; max-width:330px; height:5px; border-radius:999px; box-shadow:0 0 23px rgba(31,183,220,.23); }
.home-page .support-partner-card,
.home-page .media-partner-card,
.home-page .sponsor-card { border-top:3px solid transparent; }
.home-page .support-partner-card { border-top-color:#15a9c8; }
.home-page .media-partner-card { border-top-color:#1d70dc; }
.home-page .sponsor-card { border-top-color:#3c8fe8; }
.home-page .support-partner-card:active,
.home-page .media-partner-card:active,
.home-page .sponsor-card:active { transform:translateY(-2px) scale(.985); }
@keyframes partnerHeadingPulse {
    0%,100% { box-shadow:0 0 0 8px var(--partner-heading-soft),0 13px 28px rgba(7,54,116,.2); }
    50% { box-shadow:0 0 0 12px color-mix(in srgb,var(--partner-heading-soft),transparent 24%),0 16px 34px rgba(7,54,116,.25); }
}

@media (max-width:780px) {
    .home-page .sponsors-heading,
    .home-page .support-partners-heading,
    .home-page .media-partners-heading { grid-template-columns:58px minmax(0,1fr); column-gap:17px; padding:22px 20px; border-radius:3px 19px 3px 3px; box-shadow:7px 8px 0 var(--partner-heading-soft),0 19px 42px rgba(8,55,130,.08); }
    .home-page .sponsors-heading::before,
    .home-page .support-partners-heading::before,
    .home-page .media-partners-heading::before { width:54px; height:54px; font-size:18px; box-shadow:0 0 0 6px var(--partner-heading-soft),0 10px 21px rgba(7,54,116,.18); }
    .home-page .sponsors-heading > h2,
    .home-page .support-partners-heading > h3,
    .home-page .media-partners-heading > h3 { font-size:clamp(31px,7.4vw,48px); line-height:.98; }
    .home-page .sponsors-heading > p,
    .home-page .support-partners-heading > p,
    .home-page .media-partners-heading > p { margin-top:11px; font-size:12px; line-height:1.65; }
}

@media (max-width:520px) {
    .home-page .sponsors-heading,
    .home-page .support-partners-heading,
    .home-page .media-partners-heading { grid-template-columns:1fr; justify-items:center; gap:0; padding:22px 15px 24px; text-align:center; }
    .home-page .sponsors-heading::before,
    .home-page .support-partners-heading::before,
    .home-page .media-partners-heading::before { width:48px; height:48px; grid-column:1; grid-row:auto; margin-bottom:17px; font-size:16px; }
    .home-page .sponsors-heading > .kicker,
    .home-page .support-partners-heading > .kicker,
    .home-page .media-partners-heading > .kicker,
    .home-page .sponsors-heading > h2,
    .home-page .support-partners-heading > h3,
    .home-page .media-partners-heading > h3,
    .home-page .sponsors-heading > p,
    .home-page .support-partners-heading > p,
    .home-page .media-partners-heading > p { grid-column:1; }
    .home-page .sponsors-heading > .kicker,
    .home-page .support-partners-heading > .kicker,
    .home-page .media-partners-heading > .kicker { margin-inline:auto; font-size:7px; }
    .home-page .sponsors-heading > h2,
    .home-page .support-partners-heading > h3,
    .home-page .media-partners-heading > h3 { width:100%; font-size:clamp(28px,9.5vw,40px); overflow-wrap:anywhere; }
    .home-page .sponsors-heading > p,
    .home-page .support-partners-heading > p,
    .home-page .media-partners-heading > p { font-size:11px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .sponsors-heading::before,
    .home-page .support-partners-heading::before,
    .home-page .media-partners-heading::before { animation:none; }
}

/* Partner cards v4 · logo stage and readable organization details */
.home-page .sponsor-card,
.home-page .support-partner-card,
.home-page .media-partner-card {
    --partner-card-accent:#2879dc;
    --partner-card-accent-rgb:40,121,220;
    position:relative;
    min-height:270px;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    align-items:stretch;
    gap:13px;
    padding:13px;
    overflow:hidden;
    border:1px solid #d4e4ef;
    border-top:3px solid var(--partner-card-accent);
    border-radius:3px 22px 3px 3px;
    color:#071e43;
    background:linear-gradient(150deg,#fff 0%,#fff 64%,#f1f7fd 100%);
    box-shadow:7px 8px 0 rgba(var(--partner-card-accent-rgb),.07),0 18px 42px rgba(7,55,120,.09);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .32s;
    isolation:isolate;
}
.home-page .support-partner-card { --partner-card-accent:#079bbd; --partner-card-accent-rgb:7,155,189; }
.home-page .media-partner-card { --partner-card-accent:#176bd8; --partner-card-accent-rgb:23,107,216; }
.home-page a.sponsor-card::before,
.home-page a.support-partner-card::before,
.home-page a.media-partner-card::before { content:none; }
.home-page .partner-card-logo {
    position:relative;
    z-index:1;
    min-height:173px;
    display:grid;
    place-items:center;
    padding:18px;
    overflow:hidden;
    border:1px solid #dce9f2;
    border-radius:2px 15px 2px 2px;
    background:
        linear-gradient(rgba(var(--partner-card-accent-rgb),.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(var(--partner-card-accent-rgb),.045) 1px,transparent 1px),
        #fbfdff;
    background-size:24px 24px,24px 24px,auto;
    transition:border-color .3s,background-color .3s,box-shadow .3s;
}
.home-page .partner-card-logo::before {
    content:'';
    position:absolute;
    inset:10px;
    border:1px solid rgba(var(--partner-card-accent-rgb),.08);
    pointer-events:none;
}
.home-page .partner-card-logo::after {
    content:'';
    position:absolute;
    width:52px;
    height:52px;
    left:50%;
    top:50%;
    border:1px solid rgba(var(--partner-card-accent-rgb),.09);
    border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 0 38px rgba(var(--partner-card-accent-rgb),.018);
    pointer-events:none;
}
.home-page .partner-card-logo img {
    position:relative;
    z-index:2;
    width:100%;
    height:112px;
    object-fit:contain;
    filter:drop-shadow(0 12px 14px rgba(5,43,96,.1));
    transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .35s;
}
.home-page .partner-card-logo .sponsor-monogram,
.home-page .partner-card-logo .support-partner-monogram,
.home-page .partner-card-logo .media-partner-monogram {
    position:relative;
    z-index:2;
    min-height:0;
    color:var(--partner-card-accent);
    font:900 17px/1.25 var(--font-display);
}
.home-page .partner-card-copy {
    position:relative;
    z-index:2;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:53px;
    padding:2px 38px 0;
    text-align:center;
}
.home-page .partner-card-copy strong {
    overflow:hidden;
    color:#071e43;
    font:850 13px/1.32 var(--font-display);
    letter-spacing:-.015em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    text-wrap:balance;
}
.home-page .partner-card-copy small {
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    overflow:hidden;
    color:#607890;
    font-size:7px;
    font-weight:750;
    letter-spacing:.035em;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.home-page .partner-card-copy small::before {
    content:'';
    flex:0 0 auto;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--partner-card-accent);
    box-shadow:0 0 0 4px rgba(var(--partner-card-accent-rgb),.09);
}
.home-page .partner-card-action {
    position:absolute;
    z-index:4;
    width:32px;
    height:32px;
    right:13px;
    bottom:17px;
    display:grid;
    place-items:center;
    border:1px solid rgba(var(--partner-card-accent-rgb),.24);
    color:var(--partner-card-accent);
    background:#f5faff;
    font-size:13px;
    font-weight:900;
    transition:color .25s,background .25s,transform .25s,box-shadow .25s;
}
.home-page .sponsor-card:hover,
.home-page .support-partner-card:hover,
.home-page .media-partner-card:hover {
    transform:translateY(-8px);
    border-color:rgba(var(--partner-card-accent-rgb),.42);
    box-shadow:10px 12px 0 rgba(var(--partner-card-accent-rgb),.08),0 27px 55px rgba(7,55,120,.15);
}
.home-page .sponsor-card:hover .partner-card-logo,
.home-page .support-partner-card:hover .partner-card-logo,
.home-page .media-partner-card:hover .partner-card-logo {
    border-color:rgba(var(--partner-card-accent-rgb),.34);
    background-color:#fff;
    box-shadow:inset 0 0 0 4px rgba(var(--partner-card-accent-rgb),.035);
}
.home-page .sponsor-card:hover .partner-card-logo img,
.home-page .support-partner-card:hover .partner-card-logo img,
.home-page .media-partner-card:hover .partner-card-logo img { transform:scale(1.07) rotate(-1deg); filter:drop-shadow(0 16px 18px rgba(5,43,96,.16)); }
.home-page .sponsor-card:hover .partner-card-action,
.home-page .support-partner-card:hover .partner-card-action,
.home-page .media-partner-card:hover .partner-card-action { color:#fff; background:var(--partner-card-accent); transform:translate(3px,-3px); box-shadow:0 8px 19px rgba(var(--partner-card-accent-rgb),.25); }
.home-page .sponsor-card:focus-visible,
.home-page .support-partner-card:focus-visible,
.home-page .media-partner-card:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }

@media (max-width:780px) {
    .home-page .sponsor-card,
    .home-page .support-partner-card,
    .home-page .media-partner-card { min-height:225px; gap:9px; padding:10px; border-radius:3px 17px 3px 3px; }
    .home-page .partner-card-logo { min-height:147px; padding:13px; }
    .home-page .partner-card-logo img { height:86px; }
    .home-page .partner-card-copy { min-height:49px; gap:5px; padding:2px 30px 0; }
    .home-page .partner-card-copy strong { font-size:10.5px; }
    .home-page .partner-card-copy small { gap:6px; font-size:7px; }
    .home-page .partner-card-copy small::before { width:5px; height:5px; box-shadow:0 0 0 3px rgba(var(--partner-card-accent-rgb),.09); }
    .home-page .partner-card-action { width:27px; height:27px; right:10px; bottom:15px; font-size:11px; }
}

@media (max-width:520px) {
    .home-page .sponsor-card,
    .home-page .support-partner-card,
    .home-page .media-partner-card { min-height:205px; gap:7px; padding:8px; box-shadow:4px 5px 0 rgba(var(--partner-card-accent-rgb),.065),0 14px 30px rgba(7,55,120,.08); }
    .home-page .partner-card-logo { min-height:135px; padding:10px; border-radius:2px 11px 2px 2px; }
    .home-page .partner-card-logo::before { inset:7px; }
    .home-page .partner-card-logo::after { width:38px; height:38px; }
    .home-page .partner-card-logo img { height:78px; }
    .home-page .partner-card-logo .sponsor-monogram,
    .home-page .partner-card-logo .support-partner-monogram,
    .home-page .partner-card-logo .media-partner-monogram { font-size:12px; }
    .home-page .partner-card-copy { min-height:47px; padding-inline:25px; }
    .home-page .partner-card-copy strong { font-size:9.5px; line-height:1.3; }
    .home-page .partner-card-copy small { font-size:7px; }
    .home-page .partner-card-action { width:23px; height:23px; right:8px; bottom:13px; font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .sponsor-card,
    .home-page .support-partner-card,
    .home-page .media-partner-card,
    .home-page .partner-card-logo,
    .home-page .partner-card-logo img,
    .home-page .partner-card-action { transition:none; }
}

/* Diamond sponsor v5 · Ultra Luxury Royal Diamond Theme */
.home-page .sponsor-grid:is(.tier-kim-cuong,.tier-kim-cng) {
    grid-template-columns: minmax(0,1fr);
    gap: 24px;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card {
    --partner-card-accent: #0ea5e9;
    --partner-card-accent-rgb: 14, 165, 233;
    position: relative;
    min-height: 450px;
    gap: 20px;
    padding: 24px;
    border-radius: 24px;
    background: 
        radial-gradient(circle at 90% 10%, rgba(56, 189, 248, 0.28) 0%, transparent 42%),
        radial-gradient(circle at 10% 90%, rgba(129, 140, 248, 0.2) 0%, transparent 42%),
        linear-gradient(155deg, #ffffff 0%, #f6fbff 50%, #ebf6ff 100%);
    border: 2px solid rgba(56, 189, 248, 0.45);
    border-top: 7px solid #0284c7;
    box-shadow: 
        0 28px 75px -12px rgba(2, 132, 199, 0.24),
        0 0 0 1px #ffffff inset,
        0 0 45px rgba(56, 189, 248, 0.16);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card::before {
    content: none;
    animation: none;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #38bdf8, #818cf8, #38bdf8, transparent);
    box-shadow: 0 0 16px #38bdf8;
    border-radius: 999px;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo {
    min-height: 320px;
    padding: 32px;
    border: 1.5px solid rgba(56, 189, 248, 0.28);
    border-radius: 18px;
    background: 
        radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.08) 0%, transparent 60%),
        linear-gradient(rgba(56, 189, 248, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
        #ffffff;
    background-size: auto, 28px 28px, 28px 28px, auto;
    box-shadow: 
        inset 0 0 25px rgba(56, 189, 248, 0.06),
        0 15px 35px rgba(2, 132, 199, 0.08);
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo img {
    height: 255px;
    filter: drop-shadow(0 20px 30px rgba(2, 132, 199, 0.2));
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy {
    min-height: 76px;
    gap: 10px;
    padding-inline: 60px;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy strong {
    color: #033f6a;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.01em;
    line-height: 1.25;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0284c7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 3px 14px;
    border-radius: 999px;
    background: rgba(224, 242, 254, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.35);
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy small::before {
    content: '◆';
    font-size: 8px;
    color: #0ea5e9;
    background: none;
    box-shadow: none;
    width: auto;
    height: auto;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-action {
    width: 48px;
    height: 48px;
    right: 22px;
    bottom: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.5);
    color: #0284c7;
    font-size: 18px;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.2);
    transition: all 0.25s ease;
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card:hover {
    transform: translateY(-8px);
    border-color: rgba(56, 189, 248, 0.8);
    box-shadow: 
        0 38px 90px -10px rgba(2, 132, 199, 0.32),
        0 0 0 2px rgba(56, 189, 248, 0.6),
        0 0 55px rgba(56, 189, 248, 0.28);
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card:hover .partner-card-logo img {
    transform: scale(1.06);
    filter: drop-shadow(0 26px 36px rgba(2, 132, 199, 0.28));
}
.home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card:hover .partner-card-action {
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);
    color: #ffffff;
    transform: scale(1.08) rotate(5deg);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.4);
}
.home-page .tier-vang > .sponsor-card { --partner-card-accent:#ca9410; --partner-card-accent-rgb:202,148,16; }
.home-page .tier-bac > .sponsor-card { --partner-card-accent:#7188a5; --partner-card-accent-rgb:113,136,165; }
.home-page .tier-dong > .sponsor-card { --partner-card-accent:#ad6f35; --partner-card-accent-rgb:173,111,53; }
.home-page .tier-dong-hanh > .sponsor-card { --partner-card-accent:#168eb5; --partner-card-accent-rgb:22,142,181; }
@media (max-width:780px) {
    .home-page .tier-block-kim-cuong { padding: 22px 16px 20px; border-radius: 20px; }
    .home-page .tier-block-kim-cuong .sponsor-tier-label strong { min-height:44px; padding:0 18px 0 10px; font-size:11px; }
    .home-page .tier-block-kim-cuong .sponsor-tier-label strong::before { width:28px; height:28px; font-size:12px; }
    .home-page .sponsor-grid:is(.tier-kim-cuong,.tier-kim-cng) { width:100%; grid-template-columns:minmax(0,1fr) !important; gap:14px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card { width:100%; min-height:360px; gap:14px; padding:16px; border-radius: 18px; box-shadow:0 20px 50px rgba(2,132,199,.18); }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo { min-height:260px; padding:22px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo img { height:200px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy { min-height:64px; padding-inline:50px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy strong { font-size:19px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy small { font-size:9.5px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-action { width:40px; height:40px; right:16px; bottom:20px; font-size:15px; }
}

@media (max-width:520px) {
    .home-page .tier-block-kim-cuong .sponsor-tier-label { gap:10px; margin-bottom:18px; }
    .home-page .tier-block-kim-cuong .sponsor-tier-label strong { min-height:40px; gap:8px; padding:0 14px 0 8px; font-size:10px; letter-spacing:.14em; }
    .home-page .tier-block-kim-cuong .sponsor-tier-label strong::before { width:26px; height:26px; font-size:11px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card { min-height:325px; padding:13px; border-radius: 16px; box-shadow:0 16px 40px rgba(2,132,199,.15); }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo { min-height:230px; padding:18px; border-radius:14px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-logo img { height:175px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy { min-height:60px; padding-inline:40px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy strong { font-size:16px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-copy small { font-size:9px; }
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card .partner-card-action { width:34px; height:34px; right:12px; bottom:18px; font-size:13px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page :is(.tier-kim-cuong,.tier-kim-cng) > .sponsor-card::before { animation:none; }
}

/* Partner showcase v6 · centered stadium presentation and accessible motion */
.home-page .sponsors-section {
    --partner-navy:#061c43;
    --partner-blue:#1267d9;
    --partner-cyan:#2ec6e5;
    position:relative;
    isolation:isolate;
    padding-block:clamp(82px,8vw,126px);
    background:
        radial-gradient(circle at 50% -8%,rgba(56,198,231,.2),transparent 31%),
        radial-gradient(circle at 8% 58%,rgba(18,103,217,.1),transparent 24%),
        radial-gradient(circle at 94% 88%,rgba(77,214,237,.12),transparent 26%),
        linear-gradient(180deg,#eef8ff 0%,#f8fcff 30%,#fff 68%,#eef8ff 100%);
}
.home-page .sponsors-section::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:min(74vw,980px);
    height:min(74vw,980px);
    left:50%;
    top:32%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(18,103,217,.07);
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 68px rgba(18,103,217,.025),0 0 0 138px rgba(46,198,229,.018);
    pointer-events:none;
}
.home-page .sponsors-section::after {
    content:'OFFICIAL PARTNERS · MÙA IV · 2026';
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    color:rgba(8,63,132,.055);
    font:900 clamp(42px,7.5vw,112px)/.85 var(--font-display);
    letter-spacing:-.055em;
    white-space:nowrap;
    pointer-events:none;
}
.home-page .sponsors-section .container { width:min(1180px,calc(100% - 38px)); }
.home-page .sponsors-heading {
    position:relative;
    max-width:1000px;
    min-height:0;
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:0;
    margin:0 auto clamp(42px,5vw,68px);
    padding:clamp(38px,5vw,60px) clamp(22px,5vw,72px) clamp(30px,4vw,46px);
    overflow:hidden;
    border:1px solid rgba(18,103,217,.16);
    border-top:5px solid var(--partner-blue);
    border-radius:4px 34px 4px 4px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0,rgba(79,218,241,.19),transparent 35%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,251,255,.96));
    box-shadow:14px 16px 0 rgba(18,103,217,.08),0 34px 78px rgba(7,53,116,.12),inset 0 1px #fff;
    isolation:isolate;
}
.home-page .sponsors-heading::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:220px;
    height:220px;
    left:-118px;
    top:-126px;
    border:1px solid rgba(18,103,217,.09);
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 28px rgba(18,103,217,.025),0 0 0 56px rgba(46,198,229,.018);
    animation:none;
    pointer-events:none;
}
.home-page .sponsors-heading::after {
    content:'PARTNERS';
    position:absolute;
    z-index:-1;
    width:auto;
    height:auto;
    right:-15px;
    bottom:-20px;
    margin:0;
    border:0;
    border-radius:0;
    color:transparent;
    background:none;
    box-shadow:none;
    -webkit-text-stroke:1px rgba(18,103,217,.075);
    font:900 clamp(72px,10vw,142px)/.8 var(--font-display);
    letter-spacing:-.07em;
    pointer-events:none;
}
.home-page .sponsors-heading > * { position:relative; z-index:1; }
.home-page .sponsors-heading-mark {
    width:76px;
    height:76px;
    display:grid;
    place-items:center;
    margin-bottom:21px;
    border:1px solid rgba(18,103,217,.22);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#1a78e7,#07408d);
    box-shadow:0 0 0 9px rgba(18,103,217,.08),0 15px 34px rgba(6,55,122,.22);
}
.home-page .sponsors-heading-mark svg { width:45px; height:45px; overflow:visible; }
.home-page .sponsors-heading-mark path { fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.home-page .sponsors-heading > .kicker {
    width:max-content;
    max-width:100%;
    margin:0 0 10px;
    color:#0b65cf;
    font-size:9px;
    letter-spacing:.17em;
    text-align:center;
}
.home-page .sponsors-heading > h2 {
    width:100%;
    margin:0;
    color:var(--partner-navy);
    font:900 clamp(48px,6.5vw,82px)/.92 var(--font-display);
    letter-spacing:-.055em;
    text-align:center;
    text-transform:uppercase;
    text-wrap:balance;
}
.home-page .sponsors-heading > p {
    max-width:720px;
    margin:20px auto 0;
    color:#435f7e;
    font-size:14px;
    line-height:1.72;
    text-align:center;
    text-wrap:pretty;
}
.home-page .sponsor-tiers { max-width:1120px; gap:30px; margin-inline:auto; }
.home-page .sponsor-tier-block {
    --tier-accent:#176bd8;
    --tier-accent-rgb:23,107,216;
    width:100%;
    margin-inline:auto;
    padding:30px;
    border:1px solid rgba(var(--tier-accent-rgb),.2);
    border-top:4px solid var(--tier-accent);
    border-radius:4px 28px 4px 4px;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,251,255,.96));
    box-shadow:10px 12px 0 rgba(var(--tier-accent-rgb),.055),0 25px 58px rgba(7,55,120,.085);
}
.home-page .sponsor-tier-block::before {
    width:170px;
    height:170px;
    right:-110px;
    top:-112px;
    border-color:rgba(var(--tier-accent-rgb),.15);
    box-shadow:0 0 0 28px rgba(var(--tier-accent-rgb),.025);
}
/* ========================================================================
   HARMONIOUS & BALANCED SPONSOR TIER BADGES (KIM CƯƠNG, VÀNG, BẠC, ĐỒNG, ĐỒNG HÀNH)
   ======================================================================== */
.home-page .tier-block-kim-cuong { --tier-accent:#0ea5e9; --tier-accent-rgb:14,165,233; }
.home-page .tier-block-vang { --tier-accent:#d97706; --tier-accent-rgb:217,119,6; }
.home-page .tier-block-bac { --tier-accent:#64748b; --tier-accent-rgb:100,116,139; }
.home-page .tier-block-dong { --tier-accent:#b45309; --tier-accent-rgb:180,83,9; }
.home-page .tier-block-dong-hanh { --tier-accent:#0284c7; --tier-accent-rgb:2,132,199; }

.home-page .sponsor-tier-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 26px;
}
.home-page .sponsor-tier-label > span {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--tier-accent-rgb), 0.65));
    border-radius: 999px;
}
.home-page .sponsor-tier-label > span:last-child {
    background: linear-gradient(90deg, rgba(var(--tier-accent-rgb), 0.65), transparent);
}

.home-page .sponsor-tier-label strong {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px 0 10px;
    border-radius: 999px;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(var(--tier-accent-rgb), 0.12), inset 0 1px 1px #ffffff;
    transition: all 0.25s ease;
}

.home-page .sponsor-tier-label strong::before {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    border: 1.5px solid #ffffff;
}

/* Tier: Kim Cương (Diamond) */
.home-page .tier-block-kim-cuong .sponsor-tier-label strong {
    min-height: 50px;
    padding: 0 24px 0 12px;
    color: #035388;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 45%, #dbeafe 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.65);
    box-shadow: 0 10px 28px rgba(2, 132, 199, 0.22), 0 0 0 4px rgba(224, 242, 254, 0.75), inset 0 1px 2px #ffffff;
    font-size: 13px;
    letter-spacing: 0.18em;
}
.home-page .tier-block-kim-cuong .sponsor-tier-label strong::before {
    content: '◆';
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 60%, #0369a1 100%);
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

/* Tier: Vàng (Gold) */
.home-page .tier-block-vang .sponsor-tier-label strong {
    color: #92400e;
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 45%, #fef3c7 100%);
    border: 1.5px solid rgba(245, 158, 11, 0.55);
    box-shadow: 0 8px 24px rgba(217, 119, 6, 0.18), 0 0 0 3px rgba(254, 243, 199, 0.7), inset 0 1px 2px #ffffff;
}
.home-page .tier-block-vang .sponsor-tier-label strong::before {
    content: '★';
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 60%, #b45309 100%);
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

/* Tier: Bạc (Silver) */
.home-page .tier-block-bac .sponsor-tier-label strong {
    color: #334155;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 45%, #e2e8f0 100%);
    border: 1.5px solid rgba(148, 163, 184, 0.55);
    box-shadow: 0 8px 22px rgba(100, 116, 139, 0.14), 0 0 0 3px rgba(241, 245, 249, 0.8), inset 0 1px 2px #ffffff;
}
.home-page .tier-block-bac .sponsor-tier-label strong::before {
    content: '◈';
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: linear-gradient(135deg, #cbd5e1 0%, #64748b 60%, #475569 100%);
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

/* Tier: Đồng (Bronze) */
.home-page .tier-block-dong .sponsor-tier-label strong {
    color: #7c2d12;
    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 45%, #ffedd5 100%);
    border: 1.5px solid rgba(234, 88, 12, 0.5);
    box-shadow: 0 8px 22px rgba(180, 83, 9, 0.16), 0 0 0 3px rgba(255, 237, 213, 0.7), inset 0 1px 2px #ffffff;
}
.home-page .tier-block-dong .sponsor-tier-label strong::before {
    content: '❖';
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: linear-gradient(135deg, #f97316 0%, #c2410c 60%, #9a3412 100%);
    box-shadow: 0 4px 12px rgba(180, 83, 9, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

/* Tier: Đồng Hành (Partner) */
.home-page .tier-block-dong-hanh .sponsor-tier-label strong {
    color: #0369a1;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdfa 45%, #ccfbf1 100%);
    border: 1.5px solid rgba(20, 184, 166, 0.5);
    box-shadow: 0 8px 22px rgba(13, 148, 136, 0.15), 0 0 0 3px rgba(204, 251, 241, 0.7), inset 0 1px 2px #ffffff;
}
.home-page .tier-block-dong-hanh .sponsor-tier-label strong::before {
    content: '✦';
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: linear-gradient(135deg, #2dd4bf 0%, #0d9488 60%, #115e59 100%);
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 13px;
}
@media (max-width: 780px) {
    .home-page .sponsor-tier-label {
        gap: 10px;
        margin: 0 0 20px;
    }
    .home-page .sponsor-tier-label strong {
        min-height: 40px;
        padding: 0 16px 0 8px;
        font-size: 10.5px;
        gap: 8px;
    }
    .home-page .sponsor-tier-label strong::before {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}

@media (max-width: 520px) {
    .home-page .sponsor-tier-label {
        gap: 8px;
        margin: 0 0 16px;
    }
    .home-page .sponsor-tier-label strong {
        min-height: 36px;
        padding: 0 13px 0 6px;
        font-size: 9.5px;
        gap: 6px;
        letter-spacing: 0.12em;
    }
    .home-page .sponsor-tier-label strong::before {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }
}

.home-page .sponsor-grid:not(.tier-kim-cuong):not(.tier-kim-cng),
.home-page .support-partners-grid,
.home-page .media-partners-grid {
    grid-template-columns:repeat(auto-fit,minmax(230px,280px));
    justify-content:center;
    gap:18px;
}
.home-page .sponsor-card,
.home-page .support-partner-card,
.home-page .media-partner-card {
    width:100%;
    min-height:278px;
    border-radius:4px 23px 4px 4px;
    background:linear-gradient(150deg,#fff 0%,#fff 62%,rgba(var(--partner-card-accent-rgb),.055) 100%);
    box-shadow:7px 8px 0 rgba(var(--partner-card-accent-rgb),.065),0 18px 42px rgba(7,55,120,.09);
}
.home-page .partner-card-logo { min-height:176px; border-radius:3px 16px 3px 3px; }
.home-page .partner-card-logo img { height:116px; }
.home-page .partner-card-copy { min-height:60px; gap:7px; padding-inline:41px; }
.home-page .partner-card-copy strong { color:#071e43; font-size:15px; line-height:1.35; text-align:center; }
.home-page .partner-card-copy small { color:#4f6c89; font-size:9px; font-weight:800; letter-spacing:.045em; }
.home-page .partner-card-action { width:35px; height:35px; right:13px; bottom:17px; border-radius:50%; }
.home-page .sponsor-card:focus-visible,
.home-page .support-partner-card:focus-visible,
.home-page .media-partner-card:focus-visible { outline:3px solid #0879e7; outline-offset:4px; }

.home-page .support-partners-zone,
.home-page .media-partners-zone {
    width:min(100%,1120px);
    margin:52px auto 0;
    padding:44px 34px 38px;
    border:1px solid rgba(var(--zone-rgb),.22);
    border-top:4px solid var(--zone-accent);
    border-radius:4px 28px 4px 4px;
    box-shadow:10px 12px 0 rgba(var(--zone-rgb),.055),0 25px 58px rgba(7,55,120,.08);
}
.home-page .support-partners-zone {
    --zone-accent:#0795b9;
    --zone-rgb:7,149,185;
    background:linear-gradient(145deg,#f2fcff,#fff 58%,#eaf9fc);
}
.home-page .media-partners-zone {
    --zone-accent:#176bd8;
    --zone-rgb:23,107,216;
    background:linear-gradient(145deg,#f4f8ff,#fff 58%,#edf5ff);
}
.home-page .support-partners-zone::before,
.home-page .media-partners-zone::before { width:180px; height:4px; background:var(--zone-accent); box-shadow:none; }
.home-page .support-partners-heading,
.home-page .media-partners-heading {
    max-width:820px;
    display:flex;
    align-items:center;
    flex-direction:column;
    margin:0 auto 32px;
    padding:0;
    border:0;
    border-radius:0;
    text-align:center;
    background:none;
    box-shadow:none;
}
.home-page .support-partners-heading::before,
.home-page .media-partners-heading::before {
    position:relative;
    width:54px;
    height:54px;
    grid-column:auto;
    grid-row:auto;
    margin:0 0 15px;
    border:1px solid rgba(var(--zone-rgb),.28);
    color:#fff;
    background:linear-gradient(145deg,var(--zone-accent),#073c82);
    box-shadow:0 0 0 7px rgba(var(--zone-rgb),.08),0 12px 26px rgba(7,54,116,.16);
    font-size:17px;
    animation:none;
}
.home-page .support-partners-heading::after,
.home-page .media-partners-heading::after { content:none; }
.home-page .support-partners-heading > .kicker,
.home-page .media-partners-heading > .kicker { margin:0 0 7px; color:var(--zone-accent); font-size:8px; text-align:center; }
.home-page .support-partners-heading > h3,
.home-page .media-partners-heading > h3 { width:100%; color:var(--partner-navy); font-size:clamp(35px,4.5vw,54px); line-height:.98; text-align:center; }
.home-page .support-partners-heading > p,
.home-page .media-partners-heading > p { max-width:660px; margin:14px auto 0; color:#4d6885; font-size:13px; line-height:1.7; text-align:center; }

.home-page .sponsors-section.is-animation-ready [data-partner-reveal] {
    opacity:0;
    transform:translateY(30px) scale(.985);
    transition:opacity .65s ease-out,transform .65s cubic-bezier(.2,.8,.2,1);
}
.home-page .sponsors-section.is-animation-ready.is-in-view [data-partner-reveal] { opacity:1; transform:none; }
.home-page .sponsors-section.is-animation-ready.is-in-view .sponsor-tier-block:nth-child(2) { transition-delay:.08s; }
.home-page .sponsors-section.is-animation-ready.is-in-view .sponsor-tier-block:nth-child(3) { transition-delay:.14s; }
.home-page .sponsors-section.is-animation-ready.is-in-view .sponsor-tier-block:nth-child(4) { transition-delay:.2s; }
.home-page .sponsors-section.is-animation-ready.is-in-view .sponsor-tier-block:nth-child(5) { transition-delay:.26s; }
.home-page .sponsors-section.is-animation-ready.is-in-view .support-partners-zone { transition-delay:.12s; }
.home-page .sponsors-section.is-animation-ready.is-in-view .media-partners-zone { transition-delay:.18s; }

@media (hover:hover) {
    .home-page .sponsors-section .sponsor-card:hover,
    .home-page .sponsors-section .support-partner-card:hover,
    .home-page .sponsors-section .media-partner-card:hover {
        transform:translateY(-7px) scale(1.012);
        border-color:rgba(var(--partner-card-accent-rgb),.5);
        box-shadow:10px 12px 0 rgba(var(--partner-card-accent-rgb),.09),0 30px 62px rgba(7,55,120,.15);
    }
}

@media (max-width:780px) {
    .home-page .sponsors-section { padding-block: 44px 52px !important; }
    .home-page .sponsors-section .container { width: min(100% - 18px, 1180px) !important; }
    .home-page .sponsors-heading {
        padding: 22px 14px 18px !important;
        border-radius: 14px !important;
        margin-bottom: 20px !important;
        box-shadow: 0 10px 24px rgba(7, 53, 116, 0.08) !important;
    }
    .home-page .sponsors-heading-mark {
        width: 46px !important;
        height: 46px !important;
        margin-bottom: 10px !important;
    }
    .home-page .sponsors-heading-mark svg { width: 26px !important; height: 26px !important; }
    .home-page .sponsors-heading > .kicker { font-size: 7.5px !important; margin-bottom: 4px !important; }
    .home-page .sponsors-heading > h2 { font-size: clamp(28px, 8vw, 38px) !important; line-height: 1.05 !important; }
    .home-page .sponsors-heading > p { font-size: 11.5px !important; line-height: 1.5 !important; margin-top: 8px !important; }
    
    .home-page .sponsor-tiers { gap: 12px !important; }
    .home-page .sponsor-tier-block {
        padding: 10px 8px !important;
        border-radius: 14px !important;
        border-top-width: 3px !important;
    }
    .home-page .sponsor-tier-label {
        gap: 6px !important;
        margin: 0 0 10px !important;
    }
    .home-page .sponsor-tier-label strong {
        min-height: 32px !important;
        padding: 0 12px 0 5px !important;
        font-size: 8.5px !important;
        letter-spacing: 0.1em !important;
        gap: 6px !important;
    }
    .home-page .sponsor-tier-label strong::before {
        width: 20px !important;
        height: 20px !important;
        font-size: 9.5px !important;
    }
    
    .home-page .sponsor-grid,
    .home-page .support-partners-grid,
    .home-page .media-partners-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }
    
    .home-page .tier-block-kim-cuong {
        padding: 16px 12px !important;
        border-radius: 16px !important;
    }
    .home-page .tier-block-vang {
        padding: 14px 8px !important;
        border-radius: 14px !important;
    }
    
    .home-page .tier-block-kim-cuong .sponsor-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .home-page .tier-block-vang .sponsor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    
    /* Diamond Tier Sponsor - Grand & Luxurious */
    .home-page .tier-block-kim-cuong .sponsor-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 210px !important;
        padding: 18px 16px !important;
        border-radius: 16px !important;
        border: 2px solid rgba(14, 165, 233, 0.45) !important;
        background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.16), transparent 70%), linear-gradient(145deg, #ffffff 0%, #f0f9ff 100%) !important;
        box-shadow: 0 12px 32px rgba(2, 132, 199, 0.16) !important;
        gap: 10px !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-logo {
        width: 100% !important;
        min-height: 110px !important;
        height: 110px !important;
        padding: 12px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 4px 14px rgba(2, 132, 199, 0.08) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-logo img {
        max-height: 85px !important;
        height: 85px !important;
        width: auto !important;
        object-fit: contain !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-copy {
        min-height: auto !important;
        padding: 4px 0 0 !important;
        text-align: center !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-copy strong {
        font-size: 15.5px !important;
        font-weight: 900 !important;
        color: #035388 !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-copy small {
        font-size: 9.5px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
        margin-top: 4px !important;
    }
    .home-page .tier-block-kim-cuong .partner-card-action {
        width: 28px !important;
        height: 28px !important;
        font-size: 13px !important;
        right: 10px !important;
        bottom: 10px !important;
    }

    /* Gold Tier Sponsor - 2 Cards Per Row on Mobile */
    .home-page .tier-block-vang .sponsor-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 145px !important;
        padding: 10px 8px !important;
        border-radius: 13px !important;
        border: 1.5px solid rgba(245, 158, 11, 0.4) !important;
        background: radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.14), transparent 70%), linear-gradient(145deg, #ffffff 0%, #fffbeb 100%) !important;
        box-shadow: 0 4px 14px rgba(217, 119, 6, 0.1) !important;
        gap: 6px !important;
        position: relative !important;
    }
    .home-page .tier-block-vang .partner-card-logo {
        width: 100% !important;
        min-height: 64px !important;
        height: 64px !important;
        padding: 6px 8px !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(217, 119, 6, 0.06) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .home-page .tier-block-vang .partner-card-logo img {
        max-height: 50px !important;
        height: 50px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
    .home-page .tier-block-vang .partner-card-copy {
        min-height: auto !important;
        padding: 2px 0 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }
    .home-page .tier-block-vang .partner-card-copy strong {
        font-size: 11.5px !important;
        font-weight: 800 !important;
        color: #92400e !important;
        text-align: center !important;
        line-height: 1.25 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .home-page .tier-block-vang .partner-card-copy small {
        font-size: 8.5px !important;
        font-weight: 800 !important;
        color: #d97706 !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }
    .home-page .tier-block-vang .partner-card-action {
        width: 20px !important;
        height: 20px !important;
        font-size: 9.5px !important;
        right: 6px !important;
        bottom: 6px !important;
    }

    .home-page .sponsor-card,
    .home-page .support-partner-card,
    .home-page .media-partner-card {
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        padding: 7px 7px 8px !important;
        border-radius: 10px !important;
        gap: 5px !important;
        box-shadow: 0 4px 12px rgba(7, 55, 120, 0.05) !important;
    }
    .home-page .partner-card-logo {
        min-height: 54px !important;
        height: 54px !important;
        padding: 4px !important;
        border-radius: 7px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
    }
    .home-page .partner-card-logo img {
        max-height: 42px !important;
        max-width: 90% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
    .home-page .sponsor-monogram,
    .home-page .support-partner-monogram,
    .home-page .media-partner-monogram {
        font-size: 15px !important;
        font-weight: 900 !important;
        color: #0284c7 !important;
    }
    .home-page .partner-card-copy {
        min-height: 34px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 0 !important;
        text-align: center !important;
        gap: 2px !important;
    }
    .home-page .partner-card-copy strong {
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .home-page .partner-card-copy small {
        font-size: 7.5px !important;
        color: #0284c7 !important;
        line-height: 1.1 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home-page .partner-card-action {
        width: 18px !important;
        height: 18px !important;
        font-size: 9px !important;
        right: 4px !important;
        bottom: 4px !important;
        border-radius: 50% !important;
    }
    
    .home-page .support-partners-zone,
    .home-page .media-partners-zone {
        margin-top: 14px !important;
        padding: 14px 8px 12px !important;
        border-radius: 14px !important;
    }
    .home-page .support-partners-heading,
    .home-page .media-partners-heading {
        margin-bottom: 10px !important;
    }
    .home-page .support-partners-heading::before,
    .home-page .media-partners-heading::before {
        width: 34px !important;
        height: 34px !important;
        font-size: 11px !important;
        margin-bottom: 6px !important;
    }
    .home-page .support-partners-heading > .kicker,
    .home-page .media-partners-heading > .kicker {
        font-size: 7px !important;
        margin-bottom: 3px !important;
    }
    .home-page .support-partners-heading > h3,
    .home-page .media-partners-heading > h3 {
        font-size: clamp(20px, 5.5vw, 26px) !important;
        line-height: 1.1 !important;
    }
    .home-page .support-partners-heading > p,
    .home-page .media-partners-heading > p {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
        margin-top: 5px !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .sponsors-section.is-animation-ready [data-partner-reveal] { opacity:1; transform:none; transition:none; }
    .home-page .sponsors-section .sponsor-card,
    .home-page .sponsors-section .support-partner-card,
    .home-page .sponsors-section .media-partner-card { transition:none; }
}

/* Partner showcase v7 · ceremonial reveal, football depth and centered hierarchy */
.home-page .sponsors-heading {
    background:
        linear-gradient(90deg,transparent 49.85%,rgba(18,103,217,.045) 50%,transparent 50.15%),
        linear-gradient(0deg,transparent 49.85%,rgba(18,103,217,.04) 50%,transparent 50.15%),
        radial-gradient(circle at 50% 0,rgba(79,218,241,.21),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.99),rgba(244,250,255,.97));
}
.home-page .sponsors-heading-mark { position:relative; isolation:isolate; }
.home-page .sponsors-heading-mark::before,
.home-page .sponsors-heading-mark::after {
    content:'';
    position:absolute;
    z-index:-1;
    inset:-10px;
    border:1px solid rgba(18,103,217,.2);
    border-radius:50%;
    pointer-events:none;
}
.home-page .sponsors-heading-mark::before { border-style:dashed; }
.home-page .sponsors-heading-mark::after { inset:-20px; border-color:rgba(46,198,229,.11); }
.home-page .sponsors-stage-divider {
    width:min(100%,430px);
    display:grid;
    grid-template-columns:1fr 26px 1fr;
    align-items:center;
    gap:13px;
    margin-top:27px;
}
.home-page .sponsors-stage-divider i {
    display:block;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--partner-blue));
    transform:scaleX(1);
    transform-origin:right center;
}
.home-page .sponsors-stage-divider i:last-child {
    background:linear-gradient(90deg,var(--partner-blue),transparent);
    transform-origin:left center;
}
.home-page .sponsors-stage-divider b {
    position:relative;
    width:22px;
    height:22px;
    display:block;
    margin:auto;
    border:2px solid #fff;
    border-radius:50%;
    background:linear-gradient(145deg,var(--partner-cyan),var(--partner-blue));
    box-shadow:0 0 0 5px rgba(18,103,217,.08),0 8px 17px rgba(7,61,133,.2);
}
.home-page .sponsors-stage-divider b::before {
    content:'';
    position:absolute;
    width:7px;
    height:7px;
    left:50%;
    top:50%;
    border:1px solid #fff;
    transform:translate(-50%,-50%) rotate(45deg);
}
.home-page .sponsor-tier-block,
.home-page .support-partners-zone,
.home-page .media-partners-zone { isolation:isolate; }
.home-page .support-partners-heading::before,
.home-page .media-partners-heading::before { content:none; }
.home-page .partner-zone-mark {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin:0 0 17px;
    border:1px solid rgba(var(--zone-rgb),.3);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,var(--zone-accent),#073c82);
    box-shadow:0 0 0 8px rgba(var(--zone-rgb),.08),0 14px 30px rgba(7,54,116,.18);
}
.home-page .partner-zone-mark svg { width:34px; height:34px; }
.home-page .partner-zone-mark path { fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.home-page .sponsor-tier-block::after {
    content:'MÙA IV · 2026';
    position:absolute;
    z-index:-1;
    right:18px;
    bottom:8px;
    color:rgba(var(--tier-accent-rgb),.045);
    font:900 clamp(42px,6vw,78px)/.8 var(--font-display);
    letter-spacing:-.06em;
    white-space:nowrap;
    pointer-events:none;
}
.home-page .sponsor-tier-label > span { transform:scaleX(1); transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.home-page .sponsors-section.is-animation-ready .sponsor-tier-label > span { transform:scaleX(.18); }
.home-page .sponsors-section.is-animation-ready .sponsor-tier-block.is-revealed .sponsor-tier-label > span { transform:scaleX(1); }
.home-page .sponsor-tier-label > span:first-child { transform-origin:right center; }
.home-page .sponsor-tier-label > span:last-child { transform-origin:left center; }
.home-page .sponsor-card,
.home-page .support-partner-card,
.home-page .media-partner-card {
    transform-style:preserve-3d;
    transform-origin:center bottom;
    transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s;
}
.home-page .partner-card-logo { transition:border-color .3s,background-color .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1); }
.home-page .partner-card-action { transition:color .25s,background .25s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s; }
.home-page .sponsors-section.is-animation-ready [data-partner-reveal] {
    opacity:0;
    transform:translateY(38px) scale(.975);
    transition:opacity .7s ease-out,transform .75s cubic-bezier(.16,.84,.24,1);
}
.home-page .sponsors-section.is-animation-ready [data-partner-reveal].is-revealed { opacity:1; transform:none; }
.home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark {
    animation:partnerCrestKick .72s cubic-bezier(.2,.9,.25,1.15) both;
}
.home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark::before {
    animation:partnerOrbitReveal .85s ease-out both;
}
.home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark::after {
    animation:partnerRingReveal .9s ease-out .08s both;
}
.home-page .sponsors-section.is-animation-ready .sponsors-stage-divider i { transform:scaleX(0); }
.home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-stage-divider i {
    animation:partnerLineReveal .68s ease-out .32s forwards;
}
.home-page .sponsors-section.is-animation-ready .sponsor-tier-block.is-revealed .sponsor-card,
.home-page .sponsors-section.is-animation-ready .support-partners-zone.is-revealed .support-partner-card,
.home-page .sponsors-section.is-animation-ready .media-partners-zone.is-revealed .media-partner-card {
    animation:partnerCardEntrance .55s cubic-bezier(.2,.8,.2,1) both;
}
.home-page .sponsors-section.is-animation-ready :is(.sponsor-card,.support-partner-card,.media-partner-card):nth-child(2) { animation-delay:.07s; }
.home-page .sponsors-section.is-animation-ready :is(.sponsor-card,.support-partner-card,.media-partner-card):nth-child(3) { animation-delay:.13s; }
.home-page .sponsors-section.is-animation-ready :is(.sponsor-card,.support-partner-card,.media-partner-card):nth-child(4) { animation-delay:.19s; }
.home-page .sponsors-section.is-animation-ready :is(.sponsor-card,.support-partner-card,.media-partner-card):nth-child(n+5) { animation-delay:.24s; }

@keyframes partnerCrestKick {
    0% { opacity:0; transform:translateY(18px) scale(.72) rotate(-12deg); }
    65% { opacity:1; transform:translateY(-3px) scale(1.055) rotate(2deg); }
    100% { opacity:1; transform:none; }
}
@keyframes partnerOrbitReveal {
    0% { opacity:0; transform:scale(.72) rotate(-100deg); }
    100% { opacity:1; transform:scale(1) rotate(0); }
}
@keyframes partnerRingReveal {
    0% { opacity:0; transform:scale(.62); }
    70% { opacity:1; transform:scale(1.08); }
    100% { opacity:1; transform:scale(1); }
}
@keyframes partnerLineReveal { to { transform:scaleX(1); } }
@keyframes partnerCardEntrance {
    0% { opacity:0; transform:translateY(25px) scale(.965); }
    100% { opacity:1; transform:none; }
}

@media (hover:hover) {
    .home-page .sponsors-section .sponsor-card:hover,
    .home-page .sponsors-section .support-partner-card:hover,
    .home-page .sponsors-section .media-partner-card:hover {
        transform:perspective(900px) translateY(-10px) rotateX(2.2deg) scale(1.018);
        box-shadow:12px 15px 0 rgba(var(--partner-card-accent-rgb),.09),0 34px 68px rgba(7,55,120,.17);
    }
    .home-page .sponsors-section :is(.sponsor-card,.support-partner-card,.media-partner-card):hover .partner-card-logo { transform:translateZ(15px); }
    .home-page .sponsors-section :is(.sponsor-card,.support-partner-card,.media-partner-card):hover .partner-card-action { transform:translate(3px,-3px) rotate(45deg); }
}

@media (max-width:780px) {
    .home-page .sponsors-heading { padding-bottom:34px; }
    .home-page .sponsors-stage-divider { width:min(88%,330px); grid-template-columns:1fr 23px 1fr; gap:10px; margin-top:22px; }
    .home-page .sponsors-stage-divider b { width:19px; height:19px; }
    .home-page .partner-zone-mark { width:50px; height:50px; margin-bottom:15px; }
    .home-page .partner-zone-mark svg { width:29px; height:29px; }
    .home-page .sponsor-tier-block::after { right:9px; bottom:5px; font-size:42px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .sponsors-section.is-animation-ready [data-partner-reveal],
    .home-page .sponsors-section.is-animation-ready [data-partner-reveal].is-revealed { opacity:1; transform:none; transition:none; }
    .home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark,
    .home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark::before,
    .home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-heading-mark::after,
    .home-page .sponsors-section.is-animation-ready .sponsors-heading.is-revealed .sponsors-stage-divider i,
    .home-page .sponsors-section.is-animation-ready .sponsor-tier-block.is-revealed .sponsor-card,
    .home-page .sponsors-section.is-animation-ready .support-partners-zone.is-revealed .support-partner-card,
    .home-page .sponsors-section.is-animation-ready .media-partners-zone.is-revealed .media-partner-card { animation:none; }
    .home-page .sponsor-tier-label > span { transform:scaleX(1); transition:none; }
}

/* Previous season film v61 · premium football archive screening */
.previous-season-film {
    --legacy-cyan:#75e9fb;
    --legacy-gold:#ffe24a;
    --legacy-blue:#0d61c9;
    padding:clamp(92px,9vw,148px) 0;
    background:
        radial-gradient(circle at 14% 0,rgba(59,218,244,.2),transparent 29%),
        radial-gradient(circle at 88% 92%,rgba(19,106,230,.34),transparent 31%),
        linear-gradient(135deg,#020b20 0%,#051d48 42%,#07316c 70%,#03132f 100%);
}
.previous-season-film::after {
    opacity:.16;
    background-image:
        linear-gradient(rgba(120,225,250,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(120,225,250,.12) 1px,transparent 1px),
        radial-gradient(circle at center,rgba(255,255,255,.24) 0 1px,transparent 1.4px);
    background-size:84px 84px,84px 84px,22px 22px;
}
.previous-season-lights i { opacity:.25; animation:none; }
.previous-season-shell { grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr); gap:clamp(52px,6.2vw,96px); }
.previous-season-stage {
    min-height:600px;
    border-color:rgba(126,235,253,.42);
    border-radius:3px 44px 3px 3px;
    background:#061b43;
    box-shadow:26px 30px 0 rgba(13,97,201,.16),0 45px 96px rgba(0,5,23,.48),inset 0 0 0 1px rgba(255,255,255,.06);
    isolation:isolate;
}
.previous-season-stage::before {
    content:'';
    position:absolute;
    z-index:2;
    inset:0;
    opacity:.4;
    background:linear-gradient(115deg,transparent 0 42%,rgba(117,233,251,.12) 49%,transparent 56%);
    transform:translateX(-110%);
    pointer-events:none;
}
.previous-season-film.is-in-view .previous-season-stage::before { animation:legacyProjectorSweep 1.15s cubic-bezier(.16,1,.3,1) .35s both; }
.previous-season-stage > img { filter:saturate(1.05) contrast(1.03); }
.previous-season-shade {
    z-index:1;
    background:
        linear-gradient(180deg,rgba(1,11,35,.2),transparent 38%,rgba(1,8,27,.91)),
        linear-gradient(90deg,rgba(2,18,49,.37),transparent 62%);
}
.previous-season-archive {
    top:34px;
    left:34px;
    min-height:38px;
    padding:0 16px;
    border-color:rgba(255,255,255,.32);
    border-radius:999px;
    background:rgba(1,18,51,.7);
    box-shadow:0 10px 30px rgba(0,4,20,.22);
}
.previous-season-watermark { right:32px; top:24px; color:rgba(255,255,255,.12); }
.previous-season-reel {
    position:absolute;
    z-index:3;
    left:25px;
    right:25px;
    height:8px;
    opacity:.58;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 12px,transparent 12px 25px);
    pointer-events:none;
}
.previous-season-reel-top { top:18px; }
.previous-season-reel-bottom { bottom:18px; }
.previous-season-play { left:clamp(30px,4.2vw,58px); bottom:clamp(50px,5.4vw,78px); }
.previous-season-play > i {
    position:relative;
    width:84px;
    height:84px;
    overflow:visible;
    transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .3s;
}
.previous-season-play > i::before {
    content:'';
    position:absolute;
    inset:-14px;
    border:1px solid rgba(255,226,74,.34);
    border-radius:50%;
    transition:transform .35s,opacity .35s;
}
.previous-season-play > i svg { width:30px; height:30px; }
.previous-season-play > i path { fill:currentColor; }
.previous-season-play:hover > i { transform:scale(1.08); box-shadow:0 0 0 17px rgba(255,226,74,.12),0 22px 48px rgba(0,0,0,.38); }
.previous-season-play:hover > i::before { opacity:0; transform:scale(1.28); }
.previous-season-play small { color:var(--legacy-cyan); }
.previous-season-play strong { max-width:460px; font-size:clamp(16px,1.8vw,23px); }
.previous-season-frame { inset:26px; }
.previous-season-frame i { width:54px; height:54px; border-color:rgba(255,255,255,.52); }
.previous-season-copy {
    position:relative;
    padding:clamp(30px,3vw,44px);
    border:1px solid rgba(117,233,251,.17);
    border-top:4px solid var(--legacy-cyan);
    border-radius:3px 30px 3px 3px;
    background:linear-gradient(145deg,rgba(7,41,92,.82),rgba(3,20,52,.72));
    box-shadow:14px 17px 0 rgba(14,96,192,.1),0 30px 72px rgba(0,7,29,.3);
    backdrop-filter:blur(8px);
}
.previous-season-copy::after {
    content:'LEGACY';
    position:absolute;
    right:-6px;
    bottom:-14px;
    color:transparent;
    -webkit-text-stroke:1px rgba(117,233,251,.08);
    font:900 clamp(62px,8vw,108px)/.8 var(--font-display);
    letter-spacing:-.07em;
    pointer-events:none;
}
.previous-season-copy-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.previous-season-copy-top .kicker { margin:0; color:var(--legacy-cyan); }
.previous-season-seal {
    width:66px;
    height:66px;
    display:grid;
    place-content:center;
    flex:0 0 auto;
    border:1px solid rgba(255,226,74,.46);
    border-radius:50%;
    text-align:center;
    background:radial-gradient(circle,#174a8d,#061c48 72%);
    box-shadow:0 0 0 7px rgba(255,226,74,.06),0 12px 30px rgba(0,8,31,.28);
}
.previous-season-seal b { color:var(--legacy-gold); font:900 22px/1 var(--font-display); }
.previous-season-seal small { margin-top:4px; color:#b8d1e9; font-size:6px; font-weight:900; letter-spacing:.12em; }
.previous-season-route { margin:25px 0 22px; }
.previous-season-route span { min-height:31px; display:inline-flex; align-items:center; border-radius:999px; background:rgba(117,233,251,.06); }
.previous-season-route i { width:46px; }
.previous-season-copy h2 { font-size:clamp(37px,3.75vw,57px); line-height:.99; }
.previous-season-copy > p { margin:25px 0 28px; color:#c0d2e5; font-size:13.5px; line-height:1.78; }
.previous-season-facts { gap:11px; margin-bottom:24px; border:0; }
.previous-season-facts > span {
    min-height:92px;
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    gap:13px;
    padding:16px;
    border:1px solid rgba(117,233,251,.18);
    border-radius:2px 15px 2px 2px;
    background:rgba(255,255,255,.045);
}
.previous-season-facts > span + span { border-left:1px solid rgba(117,233,251,.18); }
.previous-season-facts > span > i {
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid rgba(117,233,251,.22);
    border-radius:50%;
    color:var(--legacy-cyan);
    background:rgba(117,233,251,.06);
}
.previous-season-facts > span > i svg { width:24px; height:24px; }
.previous-season-facts > span > i path,
.previous-season-facts > span > i circle { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.previous-season-facts > span > span { min-width:0; display:flex; flex-direction:column; gap:6px; }
.previous-season-facts small { color:var(--legacy-cyan); }
.previous-season-facts strong { font-size:15px; }
.previous-season-action {
    position:relative;
    z-index:1;
    min-height:64px;
    padding-left:24px;
    overflow:hidden;
    border-color:rgba(255,255,255,.45);
    border-radius:2px 16px 2px 2px;
    background:linear-gradient(105deg,var(--legacy-cyan),#fff 58%,var(--legacy-gold));
    box-shadow:0 14px 34px rgba(0,7,28,.22);
}
.previous-season-action b { width:40px; height:40px; border-radius:50%; }
.previous-season-action b svg { width:22px; height:22px; }
.previous-season-action b path { fill:currentColor; }
.previous-season-action:hover { transform:translateY(-4px); box-shadow:0 20px 42px rgba(0,5,24,.34); }
.previous-season-film.is-animation-ready [data-legacy-reveal] {
    opacity:0;
    transition:opacity .75s ease-out,transform .85s cubic-bezier(.16,1,.3,1);
}
.previous-season-film.is-animation-ready .previous-season-stage[data-legacy-reveal] { transform:translateX(-42px) scale(.975); }
.previous-season-film.is-animation-ready .previous-season-copy[data-legacy-reveal] { transform:translateX(42px); }
.previous-season-film.is-animation-ready [data-legacy-reveal].is-revealed { opacity:1; transform:none; }
.previous-season-film.is-in-view .previous-season-lights i { animation:legacySparkReveal .8s ease-out both; }
.previous-season-film.is-in-view .previous-season-lights i:nth-child(2) { animation-delay:.14s; }
.previous-season-film.is-in-view .previous-season-lights i:nth-child(3) { animation-delay:.28s; }

@keyframes legacyProjectorSweep { 0% { transform:translateX(-110%); } 100% { transform:translateX(120%); } }
@keyframes legacySparkReveal { 0% { opacity:0; transform:scale(.3); } 70% { opacity:1; transform:scale(1.55); } 100% { opacity:.55; transform:scale(1); } }

@media (max-width:1050px) {
    .previous-season-shell { grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr); gap:40px; }
    .previous-season-stage { min-height:540px; }
    .previous-season-copy { padding:30px; }
    .previous-season-copy h2 { font-size:clamp(35px,4vw,49px); }
}
@media (max-width:780px) {
    .previous-season-shell { grid-template-columns:1fr; gap:42px; }
    .previous-season-copy { order:1; padding:28px 22px 25px; border-radius:3px 24px 3px 3px; }
    .previous-season-stage { min-height:440px; order:2; border-radius:3px 28px 3px 3px; }
    .previous-season-copy h2 { font-size:clamp(36px,10.8vw,54px); }
    .previous-season-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .previous-season-facts > span { grid-template-columns:36px 1fr; gap:9px; padding:13px 10px; }
    .previous-season-facts > span > i { width:34px; height:34px; }
    .previous-season-facts strong { font-size:12px; }
    .previous-season-reel { left:19px; right:19px; }
}
@media (max-width:480px) {
    .previous-season-copy-top { align-items:flex-start; }
    .previous-season-seal { width:58px; height:58px; }
    .previous-season-seal b { font-size:19px; }
    .previous-season-route { gap:9px; }
    .previous-season-route i { width:25px; }
    .previous-season-route strong { font-size:7px; }
    .previous-season-copy h2 { font-size:clamp(34px,10.8vw,47px); }
    .previous-season-copy > p { font-size:12px; line-height:1.72; }
    .previous-season-facts > span { min-height:86px; grid-template-columns:1fr; justify-items:center; text-align:center; }
    .previous-season-facts > span > span { align-items:center; }
    .previous-season-stage { min-height:390px; }
    .previous-season-archive { left:23px; top:27px; max-width:calc(100% - 115px); padding-inline:12px; font-size:6px; }
    .previous-season-watermark { right:17px; top:23px; font-size:58px; }
    .previous-season-play { left:27px; bottom:48px; gap:14px; }
    .previous-season-play > i { width:62px; height:62px; }
    .previous-season-frame { inset:20px; }
}
@media (prefers-reduced-motion:reduce) {
    .previous-season-film.is-animation-ready [data-legacy-reveal],
    .previous-season-film.is-animation-ready [data-legacy-reveal].is-revealed { opacity:1; transform:none; transition:none; }
    .previous-season-film.is-in-view .previous-season-stage::before,
    .previous-season-film.is-in-view .previous-season-lights i { animation:none; }
}

/* Team profile v62 · premium matchday directory and single-line section titles */
.team-profile-page .team-kits-section,
.team-profile-page .team-roster-section {
    position:relative;
    isolation:isolate;
}
.team-profile-page .team-kits-section {
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--team-color),transparent 89%),transparent 27%),
        radial-gradient(circle at 94% 84%,rgba(35,190,225,.1),transparent 30%),
        linear-gradient(145deg,#f4f9fd 0%,#fff 50%,#edf6fb 100%);
}
.team-profile-page .team-kits-section::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:clamp(330px,42vw,620px);
    aspect-ratio:1.55/1;
    right:-8%;
    top:95px;
    opacity:.32;
    border:2px solid color-mix(in srgb,var(--team-color),transparent 80%);
    background:
        linear-gradient(90deg,transparent calc(50% - 1px),color-mix(in srgb,var(--team-color),transparent 78%) 50%,transparent calc(50% + 1px)),
        radial-gradient(circle at 50% 50%,transparent 0 18%,color-mix(in srgb,var(--team-color),transparent 78%) 18.3% 18.8%,transparent 19.1%);
    border-radius:50%;
    transform:rotate(-8deg);
    pointer-events:none;
}
.team-profile-page .team-profile-section-head {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,390px);
    align-items:center;
    gap:clamp(28px,4vw,60px);
    margin-bottom:clamp(31px,4vw,52px);
    padding:clamp(24px,3.2vw,38px);
    overflow:hidden;
    border:1px solid #d5e5ef;
    border-left:5px solid var(--team-color);
    border-radius:3px 28px 3px 3px;
    background:rgba(255,255,255,.9);
    box-shadow:14px 16px 0 color-mix(in srgb,var(--team-color),transparent 93%),0 25px 64px rgba(6,42,91,.1);
    backdrop-filter:blur(10px);
}
.team-profile-page .team-profile-section-head::before {
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    right:-86px;
    top:-98px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 83%);
    border-radius:50%;
    box-shadow:0 0 0 18px color-mix(in srgb,var(--team-color),transparent 96%);
    pointer-events:none;
}
.team-profile-page .team-section-heading-copy {
    min-width:0;
    position:relative;
    z-index:2;
}
.team-profile-page .team-profile-section-head .kicker {
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    white-space:nowrap;
}
.team-profile-page .team-profile-section-head .kicker::before {
    content:'';
    width:34px;
    height:3px;
    flex:0 0 auto;
    background:linear-gradient(90deg,var(--team-color),#72e2f5);
    box-shadow:0 0 12px color-mix(in srgb,var(--team-color),transparent 68%);
}
.team-profile-page .team-profile-section-head h2 {
    max-width:none;
    margin:0;
    color:#072d64;
    font:900 clamp(30px,4.55vw,62px)/.94 var(--font-display);
    letter-spacing:-.055em;
    overflow-wrap:normal;
    text-wrap:nowrap;
    white-space:nowrap;
}
.team-profile-page .team-profile-section-head h2 > span {
    display:inline-block;
    white-space:nowrap;
}
.team-profile-page .team-profile-section-head > p {
    position:relative;
    z-index:2;
    max-width:370px;
    margin:0;
    padding:18px 22px;
    border:1px solid #dce8f0;
    border-radius:2px 16px 2px 2px;
    color:#526d88;
    background:#f7fbfe;
    font-size:13px;
    line-height:1.75;
}
.team-profile-page .team-section-football-mark {
    position:absolute;
    z-index:3;
    width:42px;
    height:42px;
    right:22px;
    top:18px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 20px rgba(6,42,91,.16),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 89%);
    font:normal 25px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    font-style:normal;
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.team-profile-page .team-profile-section-head:hover .team-section-football-mark { transform:translate(-7px,7px) rotate(-110deg); }

.team-profile-page .team-kits-grid {
    position:relative;
    z-index:1;
    gap:clamp(16px,2vw,24px);
}
.team-profile-page .team-kit-card {
    border-color:color-mix(in srgb,var(--team-color),#d5e4ee 82%);
    box-shadow:10px 12px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 24px 58px rgba(7,42,92,.11);
}
.team-profile-page .team-kit-card::after {
    right:14px;
    bottom:10px;
    font-size:clamp(34px,4vw,54px);
    letter-spacing:-.07em;
}
.team-profile-page .team-kit-visual::after {
    content:'';
    position:absolute;
    inset:42px 28px;
    opacity:.38;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 83%);
    border-radius:50%;
    box-shadow:0 0 0 15px color-mix(in srgb,var(--team-color),transparent 96%);
    pointer-events:none;
}
.team-profile-page .team-kit-copy {
    position:relative;
    border-top:1px solid #e0ebf2;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--team-color),#fff 97%));
}
.team-profile-page .team-kit-copy small {
    width:max-content;
    min-height:27px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 82%);
    border-radius:999px;
    background:color-mix(in srgb,var(--team-color),#fff 94%);
}

.team-profile-page .team-roster-section {
    border-top:0;
    background:
        radial-gradient(circle at 10% 14%,color-mix(in srgb,var(--team-color),transparent 54%),transparent 28%),
        radial-gradient(circle at 92% 82%,rgba(64,213,239,.24),transparent 28%),
        linear-gradient(135deg,#010b20 0%,#05275e 50%,#07588d 100%);
}
.team-profile-page .team-roster-section::after {
    opacity:.14;
    background-image:
        linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),
        radial-gradient(circle at center,transparent 0 45px,rgba(255,255,255,.23) 46px 47px,transparent 48px);
    background-size:74px 74px,74px 74px,340px 340px;
}
.team-profile-page .team-roster-heading.team-profile-section-head {
    border-color:rgba(140,234,250,.25);
    border-left-color:#87e9f8;
    background:linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
    box-shadow:14px 16px 0 rgba(69,214,240,.055),0 30px 72px rgba(0,8,31,.28),inset 0 1px rgba(255,255,255,.07);
}
.team-profile-page .team-roster-heading.team-profile-section-head::before {
    border-color:rgba(140,234,250,.17);
    box-shadow:0 0 0 18px rgba(140,234,250,.025);
}
.team-profile-page .team-roster-heading .kicker,
.team-profile-page .team-roster-heading.team-profile-section-head h2 { color:#fff; }
.team-profile-page .team-roster-heading.team-profile-section-head h2 > span {
    background:linear-gradient(105deg,#fff 12%,#e6fbff 52%,#85ebfa);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.team-profile-page .team-roster-heading .team-section-football-mark {
    box-shadow:0 8px 20px rgba(0,7,28,.3),0 0 0 5px rgba(130,234,249,.12);
}
.team-profile-page .team-roster-intro {
    width:100%;
    min-height:112px;
    border-color:rgba(153,235,249,.22);
    background:linear-gradient(125deg,rgba(4,35,79,.76),rgba(255,255,255,.05));
}
.team-profile-page .team-roster-intro::before {
    content:'';
    position:absolute;
    width:7px;
    height:7px;
    right:22px;
    top:20px;
    border-radius:50%;
    background:#82eaf9;
    box-shadow:0 0 0 6px rgba(130,234,249,.1),0 0 17px #82eaf9;
}
.team-profile-page .team-roster-grid {
    position:relative;
    z-index:1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}
.team-profile-page .team-roster-grid .team-player-card {
    border-color:rgba(255,255,255,.66);
    border-top-width:5px;
    box-shadow:10px 12px 0 color-mix(in srgb,var(--team-color),transparent 85%),0 24px 58px rgba(0,8,31,.3);
}
.team-profile-page .team-player-card-body {
    position:relative;
    background:
        linear-gradient(135deg,transparent 0 72%,color-mix(in srgb,var(--team-color),transparent 94%) 72%),
        #fff;
}
.team-profile-page .team-player-card-body::before {
    content:'';
    position:absolute;
    width:88px;
    height:88px;
    right:-47px;
    top:-45px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 85%);
    border-radius:50%;
    box-shadow:0 0 0 13px color-mix(in srgb,var(--team-color),transparent 96%);
    pointer-events:none;
}
.team-profile-page .team-player-position {
    box-shadow:0 5px 15px color-mix(in srgb,var(--team-color),transparent 91%);
}
.team-profile-page .team-player-identity h3 { text-wrap:balance; }
.team-profile-page .team-roster-grid .team-player-card:hover {
    transform:translateY(-10px);
    border-color:#fff;
    box-shadow:13px 15px 0 color-mix(in srgb,var(--team-color),transparent 82%),0 34px 70px rgba(0,7,28,.39);
}

@media (max-width:960px) {
    .team-profile-page .team-profile-section-head {
        grid-template-columns:minmax(0,1fr);
        gap:21px;
    }
    .team-profile-page .team-profile-section-head > p,
    .team-profile-page .team-roster-intro { max-width:none; }
    .team-profile-page .team-profile-section-head h2 { font-size:clamp(32px,6.3vw,56px); }
}

@media (max-width:620px) {
    .team-profile-page .team-kits-section,
    .team-profile-page .team-roster-section { padding-block:68px 78px; }
    .team-profile-page .team-profile-section-head {
        display:grid;
        margin-bottom:28px;
        padding:22px 16px 18px;
        border-left-width:4px;
        border-radius:2px 20px 2px 2px;
        box-shadow:7px 8px 0 color-mix(in srgb,var(--team-color),transparent 93%),0 20px 45px rgba(6,42,91,.11);
    }
    .team-profile-page .team-profile-section-head .kicker {
        gap:8px;
        margin-bottom:11px;
        font-size:7px;
        letter-spacing:.12em;
    }
    .team-profile-page .team-profile-section-head .kicker::before { width:24px; }
    .team-profile-page .team-profile-section-head h2,
    .team-profile-page .team-roster-heading h2 {
        max-width:100%;
        font-size:clamp(20px,6.4vw,28px);
        line-height:1;
        letter-spacing:-.048em;
        overflow-wrap:normal;
        text-wrap:nowrap;
        white-space:nowrap;
    }
    .team-profile-page .team-profile-section-head > p {
        padding:14px 15px;
        font-size:11px;
        line-height:1.65;
    }
    .team-profile-page .team-section-football-mark {
        width:34px;
        height:34px;
        right:14px;
        top:14px;
        font-size:20px;
        box-shadow:0 6px 15px rgba(6,42,91,.14),0 0 0 4px color-mix(in srgb,var(--team-color),transparent 91%);
    }
    .team-profile-page .team-kits-section::before { right:-45%; top:120px; }
    .team-profile-page .team-kits-grid { gap:15px; }
    .team-profile-page .team-kit-card { box-shadow:6px 8px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 20px 42px rgba(7,42,92,.11); }
    .team-profile-page .team-kit-card::after { font-size:36px; }
    .team-profile-page .team-kit-visual::after { inset:36px 30px; }
    .team-profile-page .team-roster-intro {
        min-height:94px;
        padding:17px 16px 17px 18px;
    }
    .team-profile-page .team-roster-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .team-profile-page .team-roster-grid .team-player-card {
        border-top-width:4px;
        box-shadow:5px 7px 0 color-mix(in srgb,var(--team-color),transparent 87%),0 17px 36px rgba(0,8,31,.28);
    }
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible .team-player-position > i {
        animation:teamProfilePositionReveal .72s calc(var(--profile-order,0) * 55ms + .2s) cubic-bezier(.2,.8,.2,1) both;
    }
}

@media (max-width:360px) {
    .team-profile-page .team-profile-section-head { padding-inline:13px; }
    .team-profile-page .team-profile-section-head h2,
    .team-profile-page .team-roster-heading h2 { font-size:clamp(18px,6.25vw,22px); }
    .team-profile-page .team-section-football-mark { right:11px; }
}

@keyframes teamProfilePositionReveal {
    0% { opacity:.2; transform:scale(.65) rotate(-120deg); }
    72% { opacity:1; transform:scale(1.12) rotate(8deg); }
    100% { opacity:1; transform:none; }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-section-football-mark,
    .team-profile-page .team-kit-card,
    .team-profile-page .team-player-card,
    .team-profile-page .team-player-portrait > img { transition:none; }
    .team-profile-page.profile-reveal-ready .team-player-card.is-profile-visible .team-player-position > i { animation:none; }
}

/* Team profile v63 · editable slogan anchored beneath the club crest */
.team-profile-page .team-profile-identity-column {
    width:360px;
    min-width:0;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:20px;
}
.team-profile-page .team-hero-slogan {
    position:relative;
    min-height:118px;
    padding:17px 20px 18px;
    overflow:hidden;
    border:1px solid rgba(147,234,249,.29);
    border-left:5px solid color-mix(in srgb,var(--team-color),#83eaf9 40%);
    border-radius:2px 18px 2px 2px;
    color:#fff;
    background:
        radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--team-color),transparent 63%),transparent 34%),
        linear-gradient(128deg,rgba(2,17,46,.94),color-mix(in srgb,var(--team-color),#082c64 64%));
    box-shadow:14px 16px 0 color-mix(in srgb,var(--team-color),transparent 77%),0 24px 54px rgba(0,7,29,.32),inset 0 1px rgba(255,255,255,.08);
    animation:teamHeroSloganIn .78s .2s both cubic-bezier(.2,.8,.2,1);
}
.team-profile-page .team-hero-slogan::after {
    content:attr(aria-label);
    position:absolute;
    right:-8px;
    bottom:-14px;
    max-width:78%;
    overflow:hidden;
    color:transparent;
    -webkit-text-stroke:1px rgba(140,234,250,.075);
    font:900 31px/.84 var(--font-display);
    text-transform:uppercase;
    white-space:nowrap;
    pointer-events:none;
}
.team-profile-page .team-hero-slogan > span {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
    color:#91ebf8;
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.15em;
    white-space:nowrap;
}
.team-profile-page .team-hero-slogan > span > i {
    width:6px;
    height:6px;
    flex:0 0 auto;
    border:1px solid #fff;
    border-radius:50%;
    background:#8debf9;
    box-shadow:0 0 0 4px rgba(141,235,249,.09),0 0 12px rgba(141,235,249,.65);
}
.team-profile-page .team-hero-slogan h2 {
    position:relative;
    z-index:2;
    max-width:calc(100% - 52px);
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px 9px;
    margin:11px 0 0;
    font:900 clamp(21px,2vw,28px)/1.05 var(--font-display);
    letter-spacing:-.045em;
    text-transform:uppercase;
    text-wrap:balance;
}
.team-profile-page .team-hero-slogan h2 b { color:#fff; font:inherit; }
.team-profile-page .team-hero-slogan h2 em {
    color:#8ceaf9;
    font:inherit;
    font-style:normal;
    text-shadow:0 0 18px color-mix(in srgb,var(--team-color),transparent 35%);
}
.team-profile-page .team-hero-slogan-track {
    position:absolute;
    z-index:3;
    width:47px;
    height:47px;
    right:13px;
    bottom:12px;
    display:grid;
    place-items:center;
    border:1px solid rgba(143,235,249,.22);
    border-radius:50%;
    box-shadow:0 0 0 7px rgba(143,235,249,.035);
}
.team-profile-page .team-hero-slogan-track::before,
.team-profile-page .team-hero-slogan-track::after {
    content:'';
    position:absolute;
    background:rgba(143,235,249,.25);
}
.team-profile-page .team-hero-slogan-track::before { width:1px; height:100%; }
.team-profile-page .team-hero-slogan-track::after { width:100%; height:1px; }
.team-profile-page .team-hero-slogan-track > i {
    position:relative;
    z-index:2;
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 7px 15px rgba(0,6,27,.31);
    font:normal 17px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    font-style:normal;
    transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.team-profile-page .team-hero-slogan-track > b,
.team-profile-page .team-hero-slogan-track > span { display:none; }
.team-profile-page .team-hero-slogan:hover .team-hero-slogan-track > i { transform:rotate(130deg) scale(1.08); }

.team-profile-page .team-story-label {
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:7px 11px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 76%);
    border-radius:999px;
    color:color-mix(in srgb,var(--team-color),#082b62 20%);
    background:color-mix(in srgb,var(--team-color),#fff 94%);
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
}
.team-profile-page .team-story-label > i {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--team-color);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 90%);
}
.team-profile-page .team-profile-story .team-story-title {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:2px;
    margin:19px 0 24px;
    font:900 clamp(38px,4.4vw,62px)/.93 var(--font-display);
    letter-spacing:-.055em;
    text-transform:uppercase;
}
.team-profile-page .team-story-title > span { color:#082b62; }
.team-profile-page .team-story-title > em { color:var(--team-color); font-style:normal; }
.team-profile-page .team-profile-story > p {
    padding-top:20px;
    border-top:1px solid color-mix(in srgb,var(--team-color),transparent 87%);
}

@keyframes teamHeroSloganIn {
    from { opacity:0; transform:translateY(20px) scale(.975); }
    to { opacity:1; transform:none; }
}

@media (max-width:1050px) {
    .team-profile-page .team-profile-identity-column { width:292px; }
    .team-profile-page .team-hero-slogan { padding-inline:17px; }
    .team-profile-page .team-hero-slogan h2 { max-width:calc(100% - 43px); font-size:clamp(19px,2.2vw,24px); }
    .team-profile-page .team-hero-slogan-track { right:10px; }
}

@media (max-width:780px) {
    .team-profile-page .team-profile-identity-column {
        width:min(100%,340px);
        justify-self:center;
        align-items:center;
        gap:17px;
    }
    .team-profile-page .team-profile-logo { flex:0 0 auto; }
    .team-profile-page .team-hero-slogan {
        width:100%;
        min-height:112px;
        padding:16px 18px 17px;
        text-align:left;
        box-shadow:9px 11px 0 color-mix(in srgb,var(--team-color),transparent 80%),0 22px 45px rgba(0,7,29,.3);
    }
    .team-profile-page .team-hero-slogan h2 { font-size:clamp(20px,5.8vw,26px); }
    .team-profile-page .team-profile-story .team-story-title { align-items:center; font-size:clamp(38px,10.8vw,54px); text-align:center; }
    .team-profile-page .team-story-label { margin-inline:auto; }
}

@media (max-width:390px) {
    .team-profile-page .team-profile-identity-column { width:min(100%,310px); }
    .team-profile-page .team-hero-slogan { min-height:107px; padding:15px 15px 16px; border-left-width:4px; }
    .team-profile-page .team-hero-slogan > span { font-size:6px; letter-spacing:.1em; }
    .team-profile-page .team-hero-slogan h2 { max-width:calc(100% - 42px); gap:3px 7px; font-size:clamp(19px,5.9vw,23px); }
    .team-profile-page .team-hero-slogan-track { width:42px; height:42px; right:9px; bottom:10px; }
    .team-profile-page .team-hero-slogan-track > i { width:24px; height:24px; font-size:15px; }
    .team-profile-page .team-story-label { font-size:6px; }
    .team-profile-page .team-profile-story .team-story-title { font-size:clamp(35px,10.5vw,44px); }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-hero-slogan { animation:none; }
    .team-profile-page .team-hero-slogan-track > i { transition:none; }
}

/* Team profile v64 · club story aligned beneath the editable team slogan */
.team-profile-page .team-hero-club-story {
    position:relative;
    min-height:142px;
    padding:17px 20px 19px;
    overflow:hidden;
    border:1px solid rgba(147,234,249,.23);
    border-left:5px solid rgba(143,235,249,.72);
    border-radius:2px 18px 2px 2px;
    color:#dcecf8;
    background:
        radial-gradient(circle at 96% 106%,color-mix(in srgb,var(--team-color),transparent 58%),transparent 42%),
        linear-gradient(132deg,rgba(2,17,46,.86),rgba(6,63,118,.66));
    box-shadow:12px 14px 0 color-mix(in srgb,var(--team-color),transparent 81%),0 22px 48px rgba(0,7,29,.27),inset 0 1px rgba(255,255,255,.07);
}
.team-profile-page .team-hero-club-story::before {
    content:'';
    position:absolute;
    width:156px;
    height:156px;
    right:-100px;
    bottom:-96px;
    border:1px solid rgba(143,235,249,.22);
    border-radius:50%;
    box-shadow:0 0 0 16px rgba(143,235,249,.035);
    pointer-events:none;
}
.team-profile-page .team-hero-club-story > span {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
    color:#91ebf8;
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.15em;
    white-space:nowrap;
}
.team-profile-page .team-hero-club-story > span > i {
    width:6px;
    height:6px;
    flex:0 0 auto;
    border:1px solid #fff;
    border-radius:50%;
    background:#8debf9;
    box-shadow:0 0 0 4px rgba(141,235,249,.09),0 0 12px rgba(141,235,249,.56);
}
.team-profile-page .team-hero-club-story > p {
    position:relative;
    z-index:2;
    max-width:calc(100% - 23px);
    margin:12px 0 0;
    color:#e7f2fa;
    font-size:11px;
    line-height:1.72;
    white-space:pre-line;
}
.team-profile-page .team-hero-club-story-mark {
    position:absolute;
    z-index:2;
    right:14px;
    bottom:13px;
    display:flex;
    align-items:center;
    gap:8px;
}
.team-profile-page .team-hero-club-story-mark > i {
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 7px 14px rgba(0,7,29,.26);
    font:normal 16px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    font-style:normal;
}
.team-profile-page .team-hero-club-story-mark > b {
    width:30px;
    height:19px;
    display:block;
    border:2px solid rgba(143,235,249,.65);
    border-bottom-width:3px;
    background:
        repeating-linear-gradient(0deg,transparent 0 4px,rgba(143,235,249,.3) 5px 6px),
        repeating-linear-gradient(90deg,transparent 0 5px,rgba(143,235,249,.3) 6px 7px);
    box-shadow:4px 4px 0 rgba(143,235,249,.1);
    transform:perspective(80px) rotateY(-12deg);
}
.team-profile-page .team-profile-overview--staff-only .team-profile-overview-grid {
    grid-template-columns:minmax(0,1fr);
    max-width:1000px;
    margin-inline:auto;
}
.team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(3,minmax(0,1fr)); }
.team-profile-page .team-profile-overview--staff-only .team-profile-staff-head { grid-column:1/-1; }

@media (max-width:1050px) {
    .team-profile-page .team-hero-club-story { padding-inline:17px; }
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:780px) {
    .team-profile-page .team-profile-identity-column { gap:17px; }
    .team-profile-page .team-hero-club-story {
        width:100%;
        min-height:132px;
        padding:16px 18px 18px;
        border-left-width:4px;
        box-shadow:9px 11px 0 color-mix(in srgb,var(--team-color),transparent 83%),0 20px 43px rgba(0,7,29,.25);
    }
    .team-profile-page .team-profile-overview--staff-only .team-profile-overview-grid { max-width:620px; }
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:1fr; }
}

@media (max-width:390px) {
    .team-profile-page .team-hero-club-story { min-height:128px; padding:15px; }
    .team-profile-page .team-hero-club-story > span { font-size:6px; letter-spacing:.1em; }
    .team-profile-page .team-hero-club-story > p { max-width:calc(100% - 14px); font-size:10px; line-height:1.65; }
    .team-profile-page .team-hero-club-story-mark { right:10px; bottom:10px; opacity:.82; transform:scale(.88); transform-origin:bottom right; }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page.profile-reveal-ready .team-hero-club-story[data-profile-reveal].is-profile-visible { transition:none; }
}

/* Team profile v65 · unified official team, slogan and club story suite */
.team-profile-page .team-identity-suite {
    position:relative;
    isolation:isolate;
    width:390px;
    max-width:100%;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:0;
    padding:16px;
    overflow:hidden;
    border:1px solid rgba(151,235,250,.31);
    border-top:5px solid color-mix(in srgb,var(--team-color),#8beafa 44%);
    border-radius:3px 38px 3px 3px;
    background:
        radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--team-color),transparent 56%),transparent 28%),
        radial-gradient(circle at 5% 90%,rgba(104,223,242,.1),transparent 31%),
        linear-gradient(138deg,rgba(2,18,48,.94),rgba(4,57,109,.82));
    box-shadow:20px 23px 0 color-mix(in srgb,var(--team-color),transparent 78%),0 38px 86px rgba(0,7,30,.43),inset 0 1px rgba(255,255,255,.1);
}
.team-profile-page .team-identity-suite::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:16px;
    border:1px solid rgba(151,235,250,.14);
    border-radius:2px 25px 2px 2px;
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(151,235,250,.08) 50%,transparent calc(50% + .5px)),
        radial-gradient(circle at 50% 25%,transparent 0 48px,rgba(151,235,250,.07) 49px 50px,transparent 51px);
    pointer-events:none;
}
.team-profile-page .team-identity-suite::after {
    content:'TEAM IDENTITY';
    position:absolute;
    z-index:-1;
    right:-14px;
    top:42%;
    color:transparent;
    -webkit-text-stroke:1px rgba(151,235,250,.065);
    font:900 40px/.85 var(--font-display);
    letter-spacing:-.06em;
    white-space:nowrap;
    transform:rotate(-90deg) translateY(-100%);
    transform-origin:top right;
    pointer-events:none;
}
.team-profile-page .team-identity-suite .team-profile-logo {
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:.923;
    padding:12% 11% 18%;
    border:1px solid rgba(255,255,255,.82);
    border-top:0;
    border-radius:2px 27px 2px 2px;
    background:radial-gradient(circle at 50% 40%,#fff 0%,#f4fafe 62%,#dcecf5 100%);
    box-shadow:0 19px 34px rgba(0,7,29,.2),inset 0 1px rgba(255,255,255,.8);
}
.team-profile-page .team-identity-suite .team-profile-logo::before { inset:14px; }
.team-profile-page .team-identity-suite .team-profile-logo > span { min-height:37px; font-size:6px; }
.team-profile-page .team-identity-suite .team-profile-logo img { max-height:72%; }
.team-profile-page .team-identity-suite .team-hero-slogan,
.team-profile-page .team-identity-suite .team-hero-club-story {
    width:100%;
    min-height:0;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.team-profile-page .team-identity-suite .team-hero-slogan {
    padding:19px 8px 16px;
    border-top:1px solid rgba(151,235,250,.18);
    animation:none;
}
.team-profile-page .team-identity-suite .team-hero-slogan::after { right:0; bottom:-7px; opacity:.8; }
.team-profile-page .team-identity-suite .team-hero-slogan h2 { margin-top:10px; }
.team-profile-page .team-identity-suite .team-hero-slogan-track { right:5px; bottom:13px; }
.team-profile-page .team-identity-suite .team-hero-club-story {
    padding:16px 8px 4px;
    border-top:1px solid rgba(151,235,250,.18);
}
.team-profile-page .team-identity-suite .team-hero-club-story::before { right:-114px; bottom:-108px; }
.team-profile-page .team-identity-suite .team-hero-club-story > p {
    max-width:100%;
    margin-top:10px;
    color:#e4f1fa;
}
.team-profile-page .team-identity-suite .team-hero-club-story-mark {
    position:relative;
    right:auto;
    bottom:auto;
    justify-content:flex-end;
    min-height:26px;
    margin-top:11px;
}

@media (max-width:1050px) {
    .team-profile-page .team-identity-suite { width:310px; padding:13px; border-radius:3px 30px 3px 3px; }
    .team-profile-page .team-identity-suite::before { inset:13px; }
    .team-profile-page .team-identity-suite .team-hero-slogan { padding:17px 4px 14px; }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:14px 4px 2px; }
    .team-profile-page .team-identity-suite .team-hero-slogan-track { right:2px; }
}

@media (max-width:780px) {
    .team-profile-page .team-identity-suite {
        width:min(100%,350px);
        padding:12px;
        border-radius:3px 30px 3px 3px;
        box-shadow:12px 14px 0 color-mix(in srgb,var(--team-color),transparent 80%),0 30px 65px rgba(0,7,30,.38),inset 0 1px rgba(255,255,255,.1);
    }
    .team-profile-page .team-identity-suite::before { inset:12px; }
    .team-profile-page .team-identity-suite .team-profile-logo { border-radius:2px 22px 2px 2px; }
    .team-profile-page .team-identity-suite .team-hero-slogan { padding:17px 6px 14px; }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:15px 6px 2px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { font-size:11px; }
}

@media (max-width:390px) {
    .team-profile-page .team-identity-suite { width:min(100%,310px); padding:10px; border-top-width:4px; }
    .team-profile-page .team-identity-suite::before { inset:10px; border-radius:2px 20px 2px 2px; }
    .team-profile-page .team-identity-suite .team-profile-logo { padding:12% 11% 19%; }
    .team-profile-page .team-identity-suite .team-hero-slogan { padding:15px 4px 13px; }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:14px 4px 1px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { font-size:10px; line-height:1.65; }
    .team-profile-page .team-identity-suite .team-hero-club-story-mark { margin-top:8px; transform:none; }
}

/* Team profile v66 · focused slogan and editorial club story inside the identity suite */
.team-profile-page .team-identity-suite .team-hero-slogan {
    min-height:138px;
    padding:20px 12px 19px;
    border-top-color:rgba(151,235,250,.28);
    border-bottom:1px solid rgba(151,235,250,.1);
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 38%) 0 3px,transparent 3px 100%),
        radial-gradient(circle at 91% 50%,color-mix(in srgb,var(--team-color),transparent 67%),transparent 34%),
        linear-gradient(112deg,rgba(3,25,64,.8),rgba(4,79,135,.34));
}
.team-profile-page .team-identity-suite .team-hero-slogan > span {
    width:fit-content;
    padding:6px 9px;
    border:1px solid rgba(151,235,250,.23);
    border-radius:999px;
    background:rgba(3,25,64,.48);
    box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 {
    max-width:calc(100% - 38px);
    gap:3px 8px;
    margin-top:13px;
    font-size:clamp(23px,2.25vw,31px);
    line-height:.98;
    letter-spacing:-.057em;
    text-wrap:balance;
    text-shadow:0 7px 22px rgba(0,7,29,.36);
    transition:transform .24s ease-out;
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 b {
    text-shadow:0 1px rgba(255,255,255,.11),0 8px 22px rgba(0,7,29,.34);
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 em {
    color:#8ceaf9;
    text-shadow:0 0 22px color-mix(in srgb,var(--team-color),transparent 28%);
}
.team-profile-page .team-identity-suite .team-hero-slogan:hover h2 { transform:translateX(3px); }
.team-profile-page .team-identity-suite .team-hero-slogan-track {
    right:4px;
    bottom:15px;
    opacity:.96;
}

.team-profile-page .team-identity-suite .team-hero-club-story {
    min-height:0;
    padding:18px 12px 8px;
    border-top-color:rgba(151,235,250,.12);
}
.team-profile-page .team-identity-suite .team-hero-club-story::after {
    content:'“';
    position:absolute;
    z-index:1;
    right:7px;
    top:26px;
    color:rgba(151,235,250,.11);
    font:900 94px/.65 Georgia,serif;
    pointer-events:none;
}
.team-profile-page .team-identity-suite .team-hero-club-story > span {
    color:#91ebf8;
    letter-spacing:.16em;
}
.team-profile-page .team-identity-suite .team-hero-club-story > p {
    z-index:2;
    max-width:none;
    margin:13px 0 0;
    padding:0 2px 0 13px;
    border-left:2px solid color-mix(in srgb,var(--team-color),#8debf9 43%);
    color:#f1f8fc;
    font-size:clamp(12.5px,1.08vw,14px);
    font-weight:500;
    line-height:1.76;
    letter-spacing:.005em;
    text-align:justify;
    text-align-last:left;
    text-wrap:pretty;
    text-shadow:0 1px 0 rgba(0,7,29,.22);
}
.team-profile-page .team-identity-suite .team-hero-club-story-mark {
    opacity:.9;
    margin-top:13px;
}

@media (max-width:1050px) {
    .team-profile-page .team-identity-suite .team-hero-slogan { min-height:131px; padding:18px 7px 17px; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { font-size:clamp(22px,2.3vw,28px); }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:17px 7px 6px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { font-size:12.5px; }
}

@media (max-width:780px) {
    .team-profile-page .team-identity-suite .team-hero-slogan { min-height:136px; padding:19px 9px 18px; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { font-size:clamp(23px,6.65vw,29px); }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:18px 9px 7px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { font-size:13px; line-height:1.74; }
}

@media (max-width:390px) {
    .team-profile-page .team-identity-suite .team-hero-slogan { min-height:128px; padding:17px 6px 16px; }
    .team-profile-page .team-identity-suite .team-hero-slogan > span { padding:5px 7px; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { max-width:calc(100% - 34px); font-size:clamp(21px,7.05vw,25px); }
    .team-profile-page .team-identity-suite .team-hero-slogan-track { right:0; bottom:12px; transform:scale(.88); transform-origin:bottom right; }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:16px 6px 4px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { padding-left:10px; font-size:12.5px; line-height:1.7; }
    .team-profile-page .team-identity-suite .team-hero-club-story::after { right:1px; top:31px; font-size:76px; }
}

@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { transition:none; }
}

/* Team profile v67 · balanced desktop composition for long club stories */
@media (min-width:1180px) {
    .team-profile-page .team-profile-hero { min-height:720px; }
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:minmax(465px,.95fr) minmax(0,1.05fr);
        align-items:stretch;
        gap:clamp(52px,5vw,80px);
        padding-block:84px;
    }
    .team-profile-page .team-identity-suite {
        width:100%;
        max-width:none;
        align-self:stretch;
        display:grid;
        grid-template-columns:minmax(175px,.68fr) minmax(0,1.32fr);
        grid-template-areas:
            'crest slogan'
            'story story';
        grid-template-rows:minmax(238px,auto) auto;
        column-gap:15px;
        row-gap:16px;
        padding:17px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo {
        grid-area:crest;
        align-self:stretch;
        min-height:238px;
        aspect-ratio:auto;
        padding:27px 18px 46px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:166px; }
    .team-profile-page .team-identity-suite .team-hero-slogan {
        grid-area:slogan;
        align-self:stretch;
        min-height:238px;
        padding:22px 17px 19px;
        border-top:0;
        border-left:1px solid rgba(151,235,250,.22);
        border-bottom:0;
        border-radius:0 18px 2px 0;
    }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 {
        max-width:calc(100% - 42px);
        margin-top:14px;
        font-size:clamp(24px,2vw,31px);
    }
    .team-profile-page .team-identity-suite .team-hero-slogan-track { right:12px; bottom:15px; }
    .team-profile-page .team-identity-suite .team-hero-club-story {
        grid-area:story;
        padding:21px 18px 9px;
        border-top:1px solid rgba(151,235,250,.22);
    }
    .team-profile-page .team-identity-suite .team-hero-club-story > p {
        max-width:78ch;
        padding-left:16px;
        font-size:13.5px;
        line-height:1.78;
    }
    .team-profile-page .team-profile-heading {
        align-self:stretch;
        min-height:0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding:clamp(36px,3.2vw,52px);
    }
    .team-profile-page .team-profile-heading > div { flex-wrap:wrap; }
    .team-profile-page .team-profile-facts { margin-top:32px; }
}

/* Team profile v69 · preserve Vietnamese diacritics in the desktop squad heading */
@media (min-width:961px) {
    .team-profile-page .team-roster-heading.team-profile-section-head h2 {
        padding-block:.1em .14em;
        font-family:var(--font-body);
        font-size:clamp(30px,4.3vw,60px);
        line-height:1.12;
        letter-spacing:-.048em;
        text-rendering:optimizeLegibility;
    }
    .team-profile-page .team-roster-heading.team-profile-section-head h2 > span {
        display:inline-block;
        padding-top:.02em;
    }
}

/* Team profile v70 · slogan accents inherit each club's primary colour */
.team-profile-page .team-identity-suite .team-hero-slogan {
    --team-slogan-accent:color-mix(in srgb,var(--team-color),#fff 38%);
    --team-slogan-glow:color-mix(in srgb,var(--team-color),transparent 42%);
    border-top-color:color-mix(in srgb,var(--team-color),#fff 58%);
    border-bottom-color:color-mix(in srgb,var(--team-color),transparent 82%);
    background:
        linear-gradient(90deg,var(--team-color) 0 3px,transparent 3px 100%),
        radial-gradient(circle at 91% 50%,var(--team-slogan-glow),transparent 35%),
        linear-gradient(112deg,rgba(3,25,64,.8),color-mix(in srgb,var(--team-color),#071e4c 78%));
}
.team-profile-page .team-identity-suite .team-hero-slogan > span {
    color:var(--team-slogan-accent);
    border-color:color-mix(in srgb,var(--team-color),#fff 52%);
    background:color-mix(in srgb,var(--team-color),rgba(3,25,64,.88) 80%);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 18px color-mix(in srgb,var(--team-color),transparent 82%);
}
.team-profile-page .team-identity-suite .team-hero-slogan > span > i {
    background:var(--team-slogan-accent);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 88%),0 0 13px var(--team-slogan-glow);
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 em {
    color:var(--team-slogan-accent);
    text-shadow:0 0 22px var(--team-slogan-glow);
}
.team-profile-page .team-identity-suite .team-hero-slogan-track {
    border-color:color-mix(in srgb,var(--team-color),#fff 50%);
    box-shadow:0 0 0 7px color-mix(in srgb,var(--team-color),transparent 91%),0 0 19px color-mix(in srgb,var(--team-color),transparent 84%);
}
.team-profile-page .team-identity-suite .team-hero-slogan-track::before,
.team-profile-page .team-identity-suite .team-hero-slogan-track::after { background:color-mix(in srgb,var(--team-color),#fff 46%); }

/* Team profile v71 · high-contrast position badges for the official squad */
.team-profile-page .team-player-position {
    --position-color:#475569;
    --position-ink:#fff;
    min-height:31px;
    gap:7px;
    padding:0 11px 0 6px;
    border-color:color-mix(in srgb,var(--position-color),#fff 24%);
    color:var(--position-ink);
    background:linear-gradient(135deg,var(--position-color),color-mix(in srgb,var(--position-color),#071b40 28%));
    box-shadow:0 7px 16px color-mix(in srgb,var(--position-color),transparent 66%),inset 0 1px rgba(255,255,255,.17);
}
.team-profile-page .team-player-position > i {
    width:19px;
    height:19px;
    color:var(--position-color);
    background:rgba(255,255,255,.94);
    box-shadow:0 2px 5px rgba(0,8,27,.18);
    font-size:8px;
}
.team-profile-page .team-player-position > b {
    color:inherit;
    font-size:7px;
    letter-spacing:.085em;
    text-shadow:0 1px rgba(0,0,0,.16);
}
.team-profile-page .team-player-position--goalkeeper { --position-color:#f59e0b; --position-ink:#18283f; }
.team-profile-page .team-player-position--defender { --position-color:#2563eb; }
.team-profile-page .team-player-position--centreback { --position-color:#6d28d9; }
.team-profile-page .team-player-position--midfielder { --position-color:#0786b5; }
.team-profile-page .team-player-position--forward { --position-color:#e11d48; }
.team-profile-page .team-player-position--versatile { --position-color:#475569; }
.team-profile-page .team-player-position--goalkeeper > i { background:#1f3552; color:#fbbf24; }

@media (max-width:620px) {
    .team-profile-page .team-player-position { min-height:28px; padding-right:9px; }
    .team-profile-page .team-player-position > i { width:17px; height:17px; font-size:7px; }
    .team-profile-page .team-player-position > b { font-size:6.5px; }
}

/* Team profile v72 · clean club-directory layout without changing existing content */
.team-profile-page { background:linear-gradient(180deg,#f2f8fc 0,#fff 32%,#eff6fb 100%); }
.team-profile-page .team-profile-subnav {
    position:sticky;
    top:0;
    z-index:14;
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#d8e7ef 78%);
    background:rgba(248,252,255,.91);
    box-shadow:0 9px 24px rgba(5,39,82,.06);
    backdrop-filter:blur(16px);
}
.team-profile-page .team-profile-subnav > .container {
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.team-profile-page .team-profile-subnav > .container > span {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#123d70;
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
    white-space:nowrap;
}
.team-profile-page .team-profile-subnav > .container > span > i {
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--team-color);
    box-shadow:0 0 0 5px color-mix(in srgb,var(--team-color),transparent 87%),0 0 14px color-mix(in srgb,var(--team-color),transparent 48%);
}
.team-profile-page .team-profile-subnav > .container > div {
    display:flex;
    align-items:stretch;
    align-self:stretch;
    gap:2px;
}
.team-profile-page .team-profile-subnav a {
    position:relative;
    display:inline-flex;
    align-items:center;
    padding:0 13px;
    color:#5c748e;
    font-size:7px;
    font-weight:900;
    letter-spacing:.08em;
    white-space:nowrap;
    transition:color .2s,background .2s;
}
.team-profile-page .team-profile-subnav a::after {
    content:'';
    position:absolute;
    right:13px;
    bottom:0;
    left:13px;
    height:3px;
    transform:scaleX(0);
    transform-origin:center;
    background:var(--team-color);
    box-shadow:0 0 13px color-mix(in srgb,var(--team-color),transparent 42%);
    transition:transform .22s ease-out;
}
.team-profile-page .team-profile-subnav a:hover,
.team-profile-page .team-profile-subnav a:focus-visible { color:color-mix(in srgb,var(--team-color),#103862 32%); background:color-mix(in srgb,var(--team-color),transparent 91%); }
.team-profile-page .team-profile-subnav a:hover::after,
.team-profile-page .team-profile-subnav a:focus-visible::after { transform:scaleX(1); }

.team-profile-page #club-directory,
.team-profile-page #trang-phuc,
.team-profile-page #doi-hinh { scroll-margin-top:72px; }
.team-profile-page .team-profile-overview--staff-only {
    padding-block:clamp(78px,9vw,126px);
    border-top:1px solid color-mix(in srgb,var(--team-color),#d7e6ef 84%);
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#d7e6ef 82%);
    background:
        radial-gradient(circle at 7% 17%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 26%),
        radial-gradient(circle at 93% 84%,rgba(94,216,240,.1),transparent 29%),
        linear-gradient(145deg,#f7fbfe,#fff 48%,#edf5fa);
}
.team-profile-page .team-profile-overview--staff-only .team-profile-overview-grid { max-width:1240px; }
.team-profile-page .team-profile-staff-head {
    position:relative;
    min-height:172px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:30px 34px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color),#d5e4ed 65%);
    border-left:5px solid var(--team-color);
    border-radius:3px 28px 3px 3px;
    background:linear-gradient(112deg,#fff,color-mix(in srgb,var(--team-color),#f4f9fc 93%));
    box-shadow:15px 17px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 26px 58px rgba(5,40,81,.09);
}
.team-profile-page .team-profile-staff-head::before {
    content:'CLUB';
    position:absolute;
    right:-9px;
    bottom:-21px;
    color:transparent;
    -webkit-text-stroke:1px color-mix(in srgb,var(--team-color),transparent 87%);
    font:900 126px/.8 var(--font-display);
    letter-spacing:-.075em;
    pointer-events:none;
}
.team-profile-page .team-profile-staff-head > div,
.team-profile-page .team-profile-staff-head > strong { position:relative; z-index:1; }
.team-profile-page .team-profile-staff-head > div { max-width:600px; }
.team-profile-page .team-profile-staff-head > div > span { color:var(--team-color); font-size:8px; font-weight:900; letter-spacing:.16em; }
.team-profile-page .team-profile-staff-head h2 { margin:9px 0 10px; color:#082e63; font:900 clamp(30px,3.4vw,48px)/1.08 var(--font-display); letter-spacing:-.05em; }
.team-profile-page .team-profile-staff-head p { max-width:530px; margin:0; color:#5d748b; font-size:13px; line-height:1.7; }
.team-profile-page .team-profile-staff-head > strong {
    min-width:112px;
    min-height:112px;
    display:grid;
    place-content:center;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 72%);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(135deg,var(--team-color),color-mix(in srgb,var(--team-color),#062c62 48%));
    box-shadow:0 0 0 9px color-mix(in srgb,var(--team-color),transparent 92%),0 17px 31px color-mix(in srgb,var(--team-color),transparent 76%);
    font:900 38px/.9 var(--font-display);
    text-align:center;
}
.team-profile-page .team-profile-staff-head > strong small { display:block; margin-top:7px; color:rgba(255,255,255,.77); font:900 6px/1 var(--font-body); letter-spacing:.12em; }
.team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.team-profile-page .team-profile-leaders .team-leader-card {
    min-height:332px;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:15px;
    padding:13px;
    border-top-width:4px;
    border-radius:3px 21px 3px 3px;
    background:linear-gradient(150deg,#fff,#f3f8fc);
}
.team-profile-page .team-leader-media { width:100%; height:190px; border-radius:2px 16px 2px 2px; }
.team-profile-page .team-leader-copy { min-height:94px; }
.team-profile-page .team-leader-copy small { color:var(--team-color); font-size:6.5px; letter-spacing:.13em; }
.team-profile-page .team-leader-copy strong { margin-top:5px; color:#0a3266; font-size:12px; line-height:1.35; }
.team-profile-page .team-leader-copy > a,
.team-profile-page .team-leader-copy > span { margin-top:auto; font-size:6.5px; }
.team-profile-page .team-profile-draw-note {
    min-height:78px;
    padding-inline:26px;
    border:1px solid color-mix(in srgb,var(--team-color),#0d396f 40%);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(100deg,#082f68,color-mix(in srgb,var(--team-color),#0a4d8a 44%));
}
.team-profile-page .team-kits-section { padding-block:clamp(82px,9vw,130px); }
.team-profile-page .team-roster-section { padding-block:clamp(84px,9vw,132px); }

@media (max-width:1180px) {
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-subnav > .container { min-height:50px; gap:0; overflow-x:auto; scrollbar-width:none; }
    .team-profile-page .team-profile-subnav > .container::-webkit-scrollbar { display:none; }
    .team-profile-page .team-profile-subnav > .container > span { display:none; }
    .team-profile-page .team-profile-subnav > .container > div { min-width:max-content; width:100%; justify-content:space-around; }
    .team-profile-page .team-profile-subnav a { min-height:50px; padding-inline:9px; font-size:6.2px; }
    .team-profile-page .team-profile-subnav a::after { right:9px; left:9px; }
    .team-profile-page #club-directory,
    .team-profile-page #trang-phuc,
    .team-profile-page #doi-hinh { scroll-margin-top:62px; }
    .team-profile-page .team-profile-overview--staff-only { padding-block:72px; }
    .team-profile-page .team-profile-staff-head { min-height:0; align-items:flex-start; flex-direction:column; gap:18px; padding:24px 20px; }
    .team-profile-page .team-profile-staff-head h2 { font-size:clamp(28px,8vw,39px); }
    .team-profile-page .team-profile-staff-head p { font-size:12px; }
    .team-profile-page .team-profile-staff-head > strong { min-width:76px; min-height:76px; align-self:flex-end; margin-top:-79px; font-size:27px; }
    .team-profile-page .team-profile-staff-head > strong small { margin-top:4px; font-size:5px; }
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:1fr; gap:13px; }
    .team-profile-page .team-profile-leaders .team-leader-card { min-height:158px; display:grid; grid-template-columns:106px minmax(0,1fr); gap:13px; padding:12px; }
    .team-profile-page .team-leader-media { width:96px; height:132px; }
    .team-profile-page .team-leader-copy { min-height:0; }
    .team-profile-page .team-leader-copy > a,
    .team-profile-page .team-leader-copy > span { margin-top:7px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-profile-subnav a,
    .team-profile-page .team-profile-subnav a::after { transition:none; }
}

/* Team profile v73 · compact section labels after editorial copy removal */
.team-profile-page .team-kits-heading { grid-template-columns:minmax(0,1fr); }
.team-profile-page .team-roster-intro.team-roster-intro--label {
    width:max-content;
    min-height:0;
    justify-self:end;
    align-self:center;
    padding:13px 18px 13px 21px;
    border-left-width:3px;
    border-radius:999px;
    background:rgba(4,35,79,.58);
    box-shadow:0 13px 30px rgba(0,12,44,.17),inset 0 1px rgba(255,255,255,.07);
}
.team-profile-page .team-roster-intro.team-roster-intro--label::after { display:none; }
.team-profile-page .team-roster-intro.team-roster-intro--label::before { right:13px; top:50%; transform:translateY(-50%); }
.team-profile-page .team-roster-intro.team-roster-intro--label small { padding-right:11px; }
@media (max-width:960px) {
    .team-profile-page .team-roster-intro.team-roster-intro--label { justify-self:start; }
}
@media (max-width:620px) {
    .team-profile-page .team-roster-intro.team-roster-intro--label { width:max-content; min-height:0; padding:11px 16px 11px 18px; }
}

/* Team profile v75 · contemporary club dossier, built around the existing team content */
.team-profile-page {
    --profile-navy:#041b43;
    --profile-ink:#082d64;
    --profile-sky:#7ae9f8;
    overflow-x:clip;
    background:
        radial-gradient(circle at 8% 23%,color-mix(in srgb,var(--team-color),transparent 92%),transparent 22%),
        radial-gradient(circle at 93% 61%,rgba(100,220,242,.12),transparent 25%),
        linear-gradient(180deg,#f4f9fd 0,#fff 27%,#edf5fa 100%);
}
.team-profile-page .team-profile-hero {
    border-bottom:4px solid color-mix(in srgb,var(--team-color),#77e9f8 43%);
    background:
        radial-gradient(circle at 13% 48%,color-mix(in srgb,var(--team-color),transparent 41%),transparent 31%),
        radial-gradient(circle at 82% 10%,rgba(122,233,248,.2),transparent 24%),
        linear-gradient(127deg,#020d26 0%,#06306c 51%,color-mix(in srgb,var(--team-color),#07598c 57%) 100%);
}
.team-profile-page .team-profile-hero::after {
    width:min(55vw,780px);
    height:min(55vw,780px);
    left:auto;
    right:-26vw;
    top:8%;
    opacity:.72;
    border-color:rgba(151,235,250,.2);
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(151,235,250,.12) 50%,transparent calc(50% + .5px)),
        linear-gradient(0deg,transparent calc(50% - .5px),rgba(151,235,250,.12) 50%,transparent calc(50% + .5px)),
        radial-gradient(circle at center,transparent 0 16%,rgba(151,235,250,.11) 16.15% 16.45%,transparent 16.6%),
        radial-gradient(circle at center,transparent 0 47%,rgba(151,235,250,.09) 47.15% 47.35%,transparent 47.5%);
    box-shadow:0 0 0 58px rgba(151,235,250,.018),0 0 0 116px rgba(151,235,250,.012);
    animation:teamProfilePitchPulse 12s ease-in-out infinite;
}
.team-profile-page .team-profile-hero-inner { align-items:center; }
.team-profile-page .team-identity-suite {
    border-color:rgba(151,235,250,.38);
    border-top-color:color-mix(in srgb,var(--team-color),#92edf9 41%);
    background:
        linear-gradient(135deg,transparent 0 49.85%,rgba(151,235,250,.045) 50%,transparent 50.15%),
        radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--team-color),transparent 54%),transparent 30%),
        linear-gradient(138deg,rgba(2,17,46,.98),rgba(4,59,111,.87));
    box-shadow:18px 21px 0 color-mix(in srgb,var(--team-color),transparent 79%),0 42px 92px rgba(0,7,30,.47),inset 0 1px rgba(255,255,255,.13);
}
.team-profile-page .team-identity-suite::before {
    border-color:rgba(151,235,250,.19);
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(151,235,250,.1) 50%,transparent calc(50% + .5px)),
        linear-gradient(0deg,transparent calc(50% - .5px),rgba(151,235,250,.06) 50%,transparent calc(50% + .5px)),
        radial-gradient(circle at 50% 25%,transparent 0 48px,rgba(151,235,250,.09) 49px 50px,transparent 51px);
}
.team-profile-page .team-identity-suite .team-profile-logo {
    box-shadow:0 20px 42px rgba(0,7,29,.25),inset 0 1px rgba(255,255,255,.9),0 0 0 7px rgba(151,235,250,.045);
}
.team-profile-page .team-profile-heading {
    border-top:1px solid rgba(151,235,250,.34);
    border-right:1px solid rgba(151,235,250,.16);
    border-bottom:1px solid rgba(151,235,250,.11);
    background:
        linear-gradient(90deg,rgba(151,235,250,.14) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 97% 8%,color-mix(in srgb,var(--team-color),transparent 52%),transparent 28%),
        linear-gradient(128deg,rgba(2,18,51,.94),rgba(5,66,124,.73) 66%,rgba(255,255,255,.08));
    box-shadow:0 34px 88px rgba(0,7,30,.39),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(151,235,250,.07);
}
.team-profile-page .team-profile-heading::before {
    right:26px;
    top:20px;
    color:rgba(197,244,251,.38);
    letter-spacing:.19em;
}
.team-profile-page .team-profile-heading > span {
    border-color:color-mix(in srgb,var(--team-color),#b7f7ff 57%);
    color:#b6f5fc;
    background:color-mix(in srgb,var(--team-color),transparent 89%);
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 93%);
}
.team-profile-page .team-profile-heading h1 {
    max-width:15ch;
    letter-spacing:-.062em;
    text-wrap:balance;
}
.team-profile-page .team-profile-heading > p { color:#d5e9f2; font-size:clamp(12px,1.1vw,14px); font-weight:700; letter-spacing:.025em; }
.team-profile-page .team-profile-heading > div { position:relative; z-index:2; }
.team-profile-page .team-profile-facts { gap:10px; padding-top:22px; }
.team-profile-page .team-profile-facts > div {
    min-height:86px;
    padding:14px 16px;
    border-color:rgba(209,247,252,.21);
    border-bottom-width:4px;
    background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035));
    box-shadow:inset 0 1px rgba(255,255,255,.1);
}
.team-profile-page .team-profile-facts > div::before {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    opacity:.7;
    transform:scaleX(.23);
    transform-origin:left;
    background:linear-gradient(90deg,#fff,transparent);
    transition:transform .28s ease;
}
.team-profile-page .team-profile-facts > div:hover::before { transform:scaleX(1); }
.team-profile-page .team-profile-facts dt { font-size:clamp(26px,2.5vw,36px); }
.team-profile-page .team-profile-facts dd { color:#c5f7fd; }
.team-profile-page .team-profile-ticker {
    position:relative;
    height:60px;
    overflow:hidden;
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#e2edf3 74%);
    background:linear-gradient(90deg,#031b43,color-mix(in srgb,var(--team-color),#093a77 49%),#06376f);
    box-shadow:0 12px 24px rgba(4,35,79,.1);
}
.team-profile-page .team-profile-ticker::before,
.team-profile-page .team-profile-ticker::after {
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    width:clamp(42px,7vw,120px);
    height:100%;
    pointer-events:none;
}
.team-profile-page .team-profile-ticker::before { left:0; background:linear-gradient(90deg,#031b43,transparent); }
.team-profile-page .team-profile-ticker::after { right:0; background:linear-gradient(-90deg,#06376f,transparent); }
.team-profile-page .team-profile-ticker > div { position:relative; z-index:2; }

.team-profile-page .team-profile-overview--staff-only {
    isolation:isolate;
    background:
        linear-gradient(90deg,transparent 49.95%,color-mix(in srgb,var(--team-color),transparent 93%) 50%,transparent 50.05%),
        radial-gradient(circle at 8% 17%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 26%),
        radial-gradient(circle at 93% 84%,rgba(94,216,240,.1),transparent 29%),
        linear-gradient(145deg,#f7fbfe,#fff 48%,#edf5fa);
}
.team-profile-page .team-profile-overview--staff-only::before {
    content:'';
    position:absolute;
    z-index:0;
    width:min(38vw,540px);
    aspect-ratio:1;
    left:-16vw;
    bottom:-21vw;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 83%);
    border-radius:50%;
    box-shadow:0 0 0 28px color-mix(in srgb,var(--team-color),transparent 95%),0 0 0 58px color-mix(in srgb,var(--team-color),transparent 97%);
}
.team-profile-page .team-profile-staff-head {
    min-height:184px;
    border-top:3px solid color-mix(in srgb,var(--team-color),#8cecf9 38%);
    border-right-color:color-mix(in srgb,var(--team-color),#d5e4ed 72%);
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 93%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 86% 40%,color-mix(in srgb,var(--team-color),transparent 84%),transparent 24%),
        linear-gradient(112deg,#fff,#f2f8fc);
}
.team-profile-page .team-profile-staff-head > strong {
    border-color:color-mix(in srgb,var(--team-color),#bff6ff 52%);
    box-shadow:0 0 0 9px color-mix(in srgb,var(--team-color),transparent 93%),0 19px 36px color-mix(in srgb,var(--team-color),transparent 73%);
}
.team-profile-page .team-profile-leaders .team-leader-card {
    position:relative;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color),#dbe9f1 76%);
    border-top:4px solid var(--team-color);
    box-shadow:9px 11px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 22px 48px rgba(5,40,81,.1);
    transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;
}
.team-profile-page .team-profile-leaders .team-leader-card::before {
    content:'';
    position:absolute;
    right:-49px;
    bottom:-55px;
    width:130px;
    height:130px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 85%);
    border-radius:50%;
    box-shadow:0 0 0 19px color-mix(in srgb,var(--team-color),transparent 96%);
    pointer-events:none;
}
.team-profile-page .team-leader-media {
    border-color:color-mix(in srgb,var(--team-color),#1e6eb2 58%);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 14px 26px rgba(8,42,86,.19);
}
.team-profile-page .team-leader-copy { position:relative; z-index:1; }
.team-profile-page .team-leader-copy > a {
    width:max-content;
    max-width:100%;
    min-height:27px;
    padding:0 9px;
    border:1px solid color-mix(in srgb,var(--team-color),#d5e8f1 71%);
    border-radius:999px;
    background:color-mix(in srgb,var(--team-color),#fff 94%);
    transition:transform .22s,background .22s,color .22s;
}
.team-profile-page .team-leader-copy > a:hover { transform:translateY(-2px); color:#fff; background:var(--team-color); }
.team-profile-page .team-profile-draw-note {
    overflow:hidden;
    box-shadow:11px 13px 0 color-mix(in srgb,var(--team-color),transparent 85%),0 22px 46px rgba(4,35,79,.22);
}

.team-profile-page .team-kits-section {
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(circle at 91% 15%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 24%),
        linear-gradient(145deg,#edf6fb,#fff 45%,#edf6fc);
}
.team-profile-page .team-kits-section::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:linear-gradient(90deg,var(--team-color),#80eaf8 48%,var(--team-color));
    opacity:.58;
}
.team-profile-page .team-profile-section-head {
    border-top:2px solid color-mix(in srgb,var(--team-color),#b6f6ff 45%);
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 92%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 97% 12%,color-mix(in srgb,var(--team-color),transparent 87%),transparent 25%),
        rgba(255,255,255,.93);
}
.team-profile-page .team-kits-heading { min-height:154px; }
.team-profile-page .team-kit-card {
    border-top-width:5px;
    box-shadow:10px 12px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 26px 56px rgba(7,42,92,.11);
}
.team-profile-page .team-kit-card::before {
    content:'';
    position:absolute;
    z-index:3;
    left:14px;
    top:14px;
    width:24px;
    height:24px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 68%);
    border-right:0;
    border-bottom:0;
    pointer-events:none;
}
.team-profile-page .team-kit-card:hover { box-shadow:14px 17px 0 color-mix(in srgb,var(--team-color),transparent 89%),0 35px 70px rgba(7,42,92,.18); }
.team-profile-page .team-kit-copy { padding-top:27px; }
.team-profile-page .team-kit-copy h3 { color:var(--profile-ink); }

.team-profile-page .team-roster-section {
    border-bottom:4px solid color-mix(in srgb,var(--team-color),#7ceaf8 45%);
    background:
        radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--team-color),transparent 52%),transparent 25%),
        radial-gradient(circle at 92% 82%,rgba(64,213,239,.22),transparent 27%),
        linear-gradient(135deg,#010b20 0%,#05275e 50%,#07588d 100%);
}
.team-profile-page .team-roster-heading.team-profile-section-head {
    border-color:rgba(151,235,250,.25);
    border-top-color:color-mix(in srgb,var(--team-color),#95f0fa 39%);
    background:
        linear-gradient(90deg,rgba(151,235,250,.08) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 93% 10%,color-mix(in srgb,var(--team-color),transparent 63%),transparent 28%),
        linear-gradient(126deg,rgba(3,27,68,.93),rgba(5,68,126,.72));
}
.team-profile-page .team-roster-grid { gap:clamp(13px,1.6vw,21px); }
.team-profile-page .team-roster-grid .team-player-card {
    overflow:hidden;
    border-color:rgba(255,255,255,.72);
    border-top-color:color-mix(in srgb,var(--team-color),#90f0fa 36%);
    box-shadow:10px 12px 0 color-mix(in srgb,var(--team-color),transparent 84%),0 26px 59px rgba(0,8,31,.33);
}
.team-profile-page .team-player-card-body { border-top:1px solid color-mix(in srgb,var(--team-color),#dbe9f2 78%); }
.team-profile-page .team-player-card-body::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:linear-gradient(90deg,var(--team-color),#86ecf9 50%,var(--team-color));
    opacity:.78;
}
.team-profile-page .team-player-jersey-number {
    text-shadow:0 8px 20px color-mix(in srgb,var(--team-color),transparent 72%);
}
@media (hover:hover) {
    .team-profile-page .team-profile-leaders .team-leader-card:hover { transform:translateY(-8px); border-color:color-mix(in srgb,var(--team-color),#b4e8f2 42%); box-shadow:13px 17px 0 color-mix(in srgb,var(--team-color),transparent 89%),0 32px 62px rgba(5,40,81,.16); }
    .team-profile-page .team-roster-grid .team-player-card:hover { transform:translateY(-8px) scale(1.008); box-shadow:13px 17px 0 color-mix(in srgb,var(--team-color),transparent 78%),0 36px 72px rgba(0,8,31,.42); }
    .team-profile-page .team-roster-grid .team-player-card:hover .team-player-portrait > img { transform:scale(1.045); }
}

@keyframes teamProfilePitchPulse {
    0%,100% { opacity:.58; transform:scale(.985); }
    50% { opacity:.82; transform:scale(1.025); }
}
@media (max-width:1180px) {
    .team-profile-page .team-profile-heading h1 { max-width:13ch; }
    .team-profile-page .team-profile-staff-head { min-height:168px; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-hero::after { width:108vw; height:108vw; right:-49vw; top:2%; opacity:.38; }
    .team-profile-page .team-profile-heading { border-top-width:1px; border-right-color:rgba(151,235,250,.13); }
    .team-profile-page .team-profile-heading h1 { max-width:none; }
    .team-profile-page .team-profile-facts > div { min-height:73px; padding:11px 9px; }
    .team-profile-page .team-profile-facts dt { font-size:clamp(22px,7vw,30px); }
    .team-profile-page .team-profile-ticker { height:54px; }
    .team-profile-page .team-profile-staff-head { min-height:0; border-top-width:3px; }
    .team-profile-page .team-profile-leaders .team-leader-card { box-shadow:7px 9px 0 color-mix(in srgb,var(--team-color),transparent 93%),0 18px 38px rgba(5,40,81,.1); }
    .team-profile-page .team-kits-heading { min-height:0; }
    .team-profile-page .team-profile-section-head { border-top-width:2px; }
    .team-profile-page .team-roster-grid .team-player-card { box-shadow:6px 8px 0 color-mix(in srgb,var(--team-color),transparent 85%),0 20px 43px rgba(0,8,31,.3); }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-facts { gap:4px; }
    .team-profile-page .team-profile-facts > div { padding-inline:6px; }
    .team-profile-page .team-profile-facts dd { letter-spacing:.06em; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-profile-hero::after { animation:none; }
    .team-profile-page :is(.team-profile-facts > div,.team-leader-card,.team-leader-copy > a,.team-kit-card,.team-player-card,.team-player-portrait > img) { transition:none !important; }
}

/* Team profile v76 · editorial matchday dossier with active section wayfinding */
.team-profile-page .team-profile-subnav {
    border-top:1px solid rgba(255,255,255,.72);
    background:linear-gradient(90deg,rgba(250,253,255,.97),rgba(245,251,255,.92));
}
.team-profile-page .team-profile-subnav > .container > span { color:var(--profile-ink); }
.team-profile-page .team-profile-subnav a {
    min-height:56px;
    padding-inline:16px;
    letter-spacing:.105em;
}
.team-profile-page .team-profile-subnav a[aria-current="location"] {
    color:color-mix(in srgb,var(--team-color),#062c61 27%);
    background:color-mix(in srgb,var(--team-color),transparent 91%);
}
.team-profile-page .team-profile-subnav a[aria-current="location"]::after { transform:scaleX(1); }
.team-profile-page .team-profile-subnav a:focus-visible {
    outline:2px solid var(--team-color);
    outline-offset:-4px;
}
.team-profile-page .team-profile-hero {
    min-height:clamp(690px,53vw,800px);
    background:
        linear-gradient(90deg,rgba(139,239,250,.04) 1px,transparent 1px),
        linear-gradient(0deg,rgba(139,239,250,.03) 1px,transparent 1px),
        radial-gradient(circle at 13% 48%,color-mix(in srgb,var(--team-color),transparent 42%),transparent 32%),
        radial-gradient(circle at 82% 10%,rgba(122,233,248,.18),transparent 25%),
        linear-gradient(127deg,#020d26 0%,#06306c 51%,color-mix(in srgb,var(--team-color),#07598c 57%) 100%);
    background-size:64px 64px,64px 64px,auto,auto,auto;
}
.team-profile-page .team-profile-hero::before {
    opacity:.9;
    -webkit-text-stroke:1px rgba(176,242,250,.08);
}
.team-profile-page .team-profile-hero-inner { min-height:clamp(610px,48vw,716px); }
.team-profile-page .team-identity-suite,
.team-profile-page .team-profile-heading { isolation:isolate; }
.team-profile-page .team-identity-suite::after { color:transparent; -webkit-text-stroke-color:rgba(171,239,249,.09); }
.team-profile-page .team-profile-heading {
    border-radius:3px 38px 3px 3px;
    background:
        linear-gradient(90deg,rgba(151,235,250,.1) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 97% 8%,color-mix(in srgb,var(--team-color),transparent 54%),transparent 29%),
        linear-gradient(128deg,rgba(2,18,51,.95),rgba(5,66,124,.76) 66%,rgba(255,255,255,.08));
}
.team-profile-page .team-profile-heading::after { height:4px; box-shadow:0 0 20px var(--team-sky),0 0 42px color-mix(in srgb,var(--team-color),transparent 44%); }
.team-profile-page .team-profile-heading h1 { font-size:clamp(54px,5.8vw,94px); line-height:.88; }
.team-profile-page .team-profile-heading > p { margin-top:29px; }
.team-profile-page .team-profile-heading > div { padding-top:3px; }
.team-profile-page .team-profile-facebook {
    min-height:45px;
    padding-inline:17px;
    border-radius:999px;
    background:rgba(255,255,255,.065);
}
.team-profile-page .team-profile-heading > div > small { letter-spacing:.13em; }
.team-profile-page .team-profile-facts {
    position:relative;
    margin-top:auto;
    padding-top:24px;
}
.team-profile-page .team-profile-facts::before {
    content:'TEAM DATA';
    position:absolute;
    left:0;
    top:6px;
    color:rgba(191,244,250,.43);
    font:900 6px/1 var(--font-body);
    letter-spacing:.18em;
}
.team-profile-page .team-profile-facts > div { border-radius:3px 14px 3px 3px; }
.team-profile-page .team-profile-facts dt { font-size:clamp(28px,2.5vw,39px); }
.team-profile-page .team-profile-ticker { border-top:1px solid rgba(142,235,249,.22); }

.team-profile-page .team-profile-overview--staff-only { padding-block:clamp(90px,9.5vw,142px); }
.team-profile-page .team-profile-staff-head {
    min-height:196px;
    padding:33px 38px;
    border-radius:3px 32px 3px 3px;
    box-shadow:17px 19px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 31px 70px rgba(5,40,81,.11);
}
.team-profile-page .team-profile-staff-head h2 {
    margin-top:11px;
    font-size:clamp(34px,3.7vw,55px);
    line-height:.98;
}
.team-profile-page .team-profile-overview--staff-only .team-profile-leaders { gap:18px; }
.team-profile-page .team-profile-leaders .team-leader-card {
    min-height:348px;
    padding:14px;
    border-radius:3px 24px 3px 3px;
    background:linear-gradient(152deg,#fff 0%,#f0f7fb 100%);
}
.team-profile-page .team-leader-media { height:196px; border-radius:2px 18px 2px 2px; }
.team-profile-page .team-leader-copy { min-height:105px; padding:1px 3px 3px; }
.team-profile-page .team-leader-copy strong { font-size:13px; }
.team-profile-page .team-leader-copy > a,
.team-profile-page .team-leader-copy > span { min-height:29px; font-size:7px; }
.team-profile-page .team-profile-draw-note {
    min-height:88px;
    border-radius:3px 21px 3px 3px;
}
.team-profile-page .team-profile-draw-note::after {
    content:'';
    position:absolute;
    right:24px;
    top:50%;
    width:32px;
    height:32px;
    transform:translateY(-50%);
    border:1px solid rgba(151,235,250,.45);
    border-radius:50%;
    box-shadow:0 0 0 9px rgba(151,235,250,.07),0 0 0 18px rgba(151,235,250,.035);
    pointer-events:none;
}

.team-profile-page .team-kits-section { padding-block:clamp(96px,10vw,146px); }
.team-profile-page .team-profile-section-head {
    min-height:164px;
    padding:clamp(28px,3.3vw,42px);
    border-radius:3px 32px 3px 3px;
}
.team-profile-page .team-profile-section-head h2 { font-size:clamp(35px,4.5vw,65px); }
.team-profile-page .team-kits-grid { gap:clamp(18px,2vw,28px); }
.team-profile-page .team-kit-card {
    border-radius:3px 25px 3px 3px;
    background:linear-gradient(150deg,#fff,#f4f9fc);
}
.team-profile-page .team-kit-visual { min-height:330px; padding:32px; }
.team-profile-page .team-kit-visual::before { inset:16px; border-radius:2px 20px 2px 2px; }
.team-profile-page .team-kit-copy { padding:29px 27px 32px !important; }
.team-profile-page .team-kit-copy h3 { margin-top:12px; font-size:clamp(26px,2.2vw,34px); }

.team-profile-page .team-roster-section { padding-block:clamp(96px,10vw,148px); }
.team-profile-page .team-roster-heading.team-profile-section-head { min-height:164px; }
.team-profile-page .team-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.team-profile-page .team-roster-grid .team-player-card {
    min-height:265px;
    grid-template-columns:148px minmax(0,1fr);
    border-radius:3px 23px 3px 3px;
}
.team-profile-page .team-player-portrait { min-height:261px; }
.team-profile-page .team-player-card-body { padding:20px 18px 18px; }
.team-profile-page .team-player-card-body h3 { font-size:clamp(17px,1.5vw,21px); }
.team-profile-page .team-player-card-body dl > div { border-radius:2px 10px 2px 2px; }
.team-profile-page .team-player-jersey-number { min-width:62px; }

@media (min-width:1181px) {
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:minmax(480px,.93fr) minmax(0,1.07fr);
        gap:clamp(48px,5vw,82px);
        padding-block:82px;
    }
    .team-profile-page .team-identity-suite,
    .team-profile-page .team-profile-heading { min-height:630px; }
    .team-profile-page .team-profile-heading { padding:clamp(42px,3.6vw,62px); }
    .team-profile-page .team-profile-heading > div { margin-top:7px; }
    .team-profile-page .team-profile-facts { margin-top:auto; }
}
@media (max-width:1180px) {
    .team-profile-page .team-profile-heading h1 { font-size:clamp(48px,6vw,73px); }
    .team-profile-page .team-profile-leaders .team-leader-card { min-height:315px; }
    .team-profile-page .team-leader-media { height:176px; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-subnav a { min-height:52px; padding-inline:13px; font-size:6.4px; }
    .team-profile-page .team-profile-hero { min-height:auto; background-size:46px 46px,46px 46px,auto,auto,auto; }
    .team-profile-page .team-profile-hero-inner { min-height:0; }
    .team-profile-page .team-profile-heading { border-radius:3px 25px 3px 3px; }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(42px,11vw,61px); line-height:.92; }
    .team-profile-page .team-profile-facebook { min-height:48px; }
    .team-profile-page .team-profile-facts { margin-top:25px; padding-top:22px; }
    .team-profile-page .team-profile-facts > div { min-height:70px; }
    .team-profile-page .team-profile-overview--staff-only { padding-block:78px; }
    .team-profile-page .team-profile-staff-head { min-height:0; padding:26px 21px; }
    .team-profile-page .team-profile-staff-head h2 { font-size:clamp(31px,8vw,42px); }
    .team-profile-page .team-profile-leaders .team-leader-card { min-height:158px; border-radius:3px 19px 3px 3px; }
    .team-profile-page .team-leader-media { height:132px; }
    .team-profile-page .team-profile-draw-note::after { right:20px; width:24px; height:24px; }
    .team-profile-page .team-kits-section,
    .team-profile-page .team-roster-section { padding-block:76px 86px; }
    .team-profile-page .team-profile-section-head,
    .team-profile-page .team-roster-heading.team-profile-section-head { min-height:0; }
    .team-profile-page .team-kit-visual { min-height:288px; }
    .team-profile-page .team-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .team-profile-page .team-roster-grid .team-player-card { min-height:0; grid-template-columns:1fr; }
    .team-profile-page .team-player-portrait { min-height:clamp(170px,48vw,222px); }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-subnav a { padding-inline:9px; font-size:6px; }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(38px,10.5vw,48px); }
    .team-profile-page .team-profile-facts dt { font-size:clamp(20px,6.8vw,27px); }
    .team-profile-page .team-profile-facts dd { font-size:5.2px; }
    .team-profile-page .team-roster-grid { gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-profile-subnav a::after { transition:none; }
}

/* Team profile v77 · readable club story and uncropped mobile player names */
.team-profile-page .team-identity-suite .team-hero-club-story {
    position:relative;
    min-height:0;
    padding:24px 23px 20px;
    overflow:hidden;
    border:1px solid rgba(151,235,250,.24);
    border-left:4px solid color-mix(in srgb,var(--team-color),#93eff9 42%);
    border-radius:3px 22px 3px 3px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 89%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 100% 0,color-mix(in srgb,var(--team-color),transparent 66%),transparent 32%),
        linear-gradient(132deg,rgba(1,18,48,.82),rgba(4,68,124,.5));
    box-shadow:0 17px 38px rgba(0,7,29,.22),inset 0 1px rgba(255,255,255,.09);
}
.team-profile-page .team-identity-suite .team-hero-club-story::before {
    right:-93px;
    bottom:-98px;
    width:176px;
    height:176px;
    border-color:rgba(151,235,250,.2);
    box-shadow:0 0 0 17px rgba(151,235,250,.035),0 0 0 37px rgba(151,235,250,.018);
}
.team-profile-page .team-identity-suite .team-hero-club-story::after {
    right:15px;
    top:31px;
    color:rgba(174,240,250,.1);
    font-size:108px;
}
.team-profile-page .team-identity-suite .team-hero-club-story > span {
    width:max-content;
    max-width:100%;
    min-height:27px;
    padding:0 10px;
    border:1px solid color-mix(in srgb,var(--team-color),#bcf6fb 63%);
    border-radius:999px;
    color:#c2f6fc;
    background:color-mix(in srgb,var(--team-color),rgba(1,18,48,.66) 73%);
    font-size:7px;
    letter-spacing:.14em;
    box-shadow:0 7px 18px rgba(0,7,29,.16),inset 0 1px rgba(255,255,255,.1);
}
.team-profile-page .team-identity-suite .team-hero-club-story > span > i {
    background:#d9fbff;
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 86%),0 0 13px color-mix(in srgb,var(--team-color),transparent 45%);
}
.team-profile-page .team-identity-suite .team-hero-club-story > p {
    max-width:none;
    margin:16px 0 0;
    padding:0 14px 0 16px;
    border-left:3px solid color-mix(in srgb,var(--team-color),#a6f2fa 42%);
    color:#f5fbfe;
    font-size:clamp(13.5px,1.12vw,15px);
    font-weight:500;
    line-height:1.8;
    letter-spacing:.004em;
    text-align:justify;
    text-align-last:left;
    text-shadow:0 1px rgba(0,8,30,.26);
}
.team-profile-page .team-identity-suite .team-hero-club-story-mark {
    min-height:29px;
    margin-top:15px;
    opacity:1;
}

@media (max-width:780px) {
    .team-profile-page .team-identity-suite .team-hero-club-story {
        padding:20px 16px 16px;
        border-left-width:4px;
        border-radius:3px 19px 3px 3px;
    }
    .team-profile-page .team-identity-suite .team-hero-club-story::after { right:8px; top:30px; font-size:88px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > span { min-height:26px; padding-inline:9px; font-size:6.5px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p {
        margin-top:14px;
        padding:0 7px 0 13px;
        font-size:13.5px;
        line-height:1.76;
        text-align:left;
    }
    .team-profile-page .team-identity-suite .team-hero-club-story-mark { margin-top:12px; }

    .team-profile-page .team-roster-grid .team-player-card {
        grid-template-rows:clamp(168px,46vw,222px) minmax(218px,auto);
        overflow:visible;
    }
    .team-profile-page .team-player-card-body {
        min-height:218px;
        overflow:visible;
    }
    .team-profile-page .team-player-card-body .team-player-identity {
        grid-template-columns:48px minmax(0,1fr);
        align-items:start;
        gap:9px;
        margin:13px 0 14px;
    }
    .team-profile-page .team-player-card-body .team-player-identity h3 {
        display:block;
        min-height:0;
        margin:2px 0 0;
        overflow:visible;
        color:#092f63;
        font-size:clamp(12.5px,3.5vw,15px);
        line-height:1.32;
        letter-spacing:-.018em;
        overflow-wrap:anywhere;
        text-wrap:pretty;
        -webkit-line-clamp:unset;
    }
    .team-profile-page .team-player-jersey-number { min-height:56px; font-size:28px; }
}
@media (max-width:390px) {
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:18px 13px 14px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { padding-left:11px; font-size:12.5px; line-height:1.74; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-rows:158px minmax(208px,auto); }
    .team-profile-page .team-player-card-body { min-height:208px; padding-inline:9px; }
    .team-profile-page .team-player-card-body .team-player-identity { grid-template-columns:43px minmax(0,1fr); gap:7px; }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:12px; }
    .team-profile-page .team-player-jersey-number { min-height:51px; font-size:24px; }
}

/* Team profile v78 · On narrow two-column rosters the large shirt number and
   player name need their own rows. This prevents the number badge from ever
   sitting over the first characters of a player's name. */
@media (max-width:780px) {
    .team-profile-page .team-roster-grid .team-player-card {
        grid-template-rows:clamp(168px,46vw,222px) minmax(250px,auto);
    }
    .team-profile-page .team-player-card-body {
        min-height:250px;
    }
    .team-profile-page .team-player-card-body .team-player-identity {
        grid-template-columns:minmax(0,1fr);
        align-items:start;
        gap:9px;
        margin:14px 0 15px;
    }
    .team-profile-page .team-player-jersey-number {
        width:max-content;
        max-width:100%;
        min-width:68px;
        min-height:54px;
        justify-self:start;
        box-sizing:border-box;
        padding-inline:12px;
        font-size:27px;
        line-height:1;
        transform:none;
    }
    .team-profile-page .team-player-card-body .team-player-identity h3 {
        position:relative;
        z-index:2;
        width:100%;
        min-width:0;
        margin:0;
        color:#092f63;
        font-size:clamp(13px,3.9vw,16px);
        line-height:1.25;
        letter-spacing:-.024em;
        overflow-wrap:anywhere;
        text-wrap:pretty;
    }
}
@media (max-width:390px) {
    .team-profile-page .team-roster-grid .team-player-card {
        grid-template-rows:158px minmax(238px,auto);
    }
    .team-profile-page .team-player-card-body { min-height:238px; }
    .team-profile-page .team-player-jersey-number {
        min-width:60px;
        min-height:50px;
        padding-inline:10px;
        font-size:24px;
    }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:12.5px; }
}

/* Team profile v79 · a clean, club-standard dossier across every breakpoint. */
.team-profile-page {
    --club-navy:#031b43;
    --club-ink:#082e63;
    --club-line:color-mix(in srgb,var(--team-color),#a9f2fb 48%);
    --club-soft:color-mix(in srgb,var(--team-color),#f5fbfe 92%);
    background:
        radial-gradient(circle at 6% 20%,color-mix(in srgb,var(--team-color),transparent 91%),transparent 24%),
        radial-gradient(circle at 94% 58%,rgba(106,230,248,.11),transparent 25%),
        linear-gradient(180deg,#f2f8fc 0,#fff 29%,#eef6fb 100%);
}
.team-profile-page .team-profile-subnav {
    position:relative;
    z-index:12;
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#d7e6ef 80%);
    background:linear-gradient(105deg,rgba(255,255,255,.98),rgba(244,250,253,.95));
    box-shadow:0 9px 24px rgba(6,39,81,.06);
}
.team-profile-page .team-profile-subnav > .container > span {
    color:var(--club-ink);
    font-size:7px;
    letter-spacing:.14em;
}
.team-profile-page .team-profile-subnav a {
    min-height:58px;
    border-left:1px solid rgba(10,54,98,.06);
    color:#526f8d;
    font-size:7px;
    letter-spacing:.105em;
}
.team-profile-page .team-profile-subnav a[aria-current="location"] {
    color:var(--club-ink);
    background:linear-gradient(180deg,color-mix(in srgb,var(--team-color),transparent 93%),transparent);
}
.team-profile-page .team-profile-subnav a::after {
    right:15px;
    bottom:0;
    left:15px;
    height:3px;
    border-radius:999px 999px 0 0;
}

.team-profile-page .team-profile-hero {
    border-bottom-width:5px;
    background:
        linear-gradient(90deg,rgba(158,240,249,.055) 1px,transparent 1px),
        linear-gradient(0deg,rgba(158,240,249,.045) 1px,transparent 1px),
        radial-gradient(circle at 12% 48%,color-mix(in srgb,var(--team-color),transparent 42%),transparent 33%),
        radial-gradient(circle at 83% 9%,rgba(126,234,249,.2),transparent 24%),
        linear-gradient(124deg,#020b21 0%,#052a62 48%,color-mix(in srgb,var(--team-color),#075f96 58%) 100%);
    background-size:58px 58px,58px 58px,auto,auto,auto;
}
.team-profile-page .team-profile-hero-inner {
    position:relative;
    z-index:2;
    align-items:stretch;
}
.team-profile-page .team-identity-suite {
    border-top-width:4px;
    border-right-color:rgba(177,243,250,.25);
    border-radius:3px 34px 3px 3px;
    background:
        linear-gradient(140deg,transparent 0 49.8%,rgba(160,240,250,.035) 50%,transparent 50.2%),
        radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--team-color),transparent 58%),transparent 27%),
        linear-gradient(142deg,rgba(2,18,49,.98),rgba(3,60,112,.88));
    box-shadow:16px 19px 0 color-mix(in srgb,var(--team-color),transparent 80%),0 36px 82px rgba(0,7,30,.43),inset 0 1px rgba(255,255,255,.12);
}
.team-profile-page .team-identity-suite .team-profile-logo {
    border-color:rgba(255,255,255,.88);
    background:
        radial-gradient(circle at 50% 42%,#fff 0 47%,#edf7fb 70%,#d9eaf3 100%);
    box-shadow:0 18px 34px rgba(0,8,30,.31),inset 0 1px rgba(255,255,255,.96),0 0 0 8px rgba(145,238,250,.045);
}
.team-profile-page .team-identity-suite .team-hero-slogan {
    padding-top:22px;
    padding-bottom:19px;
    border-top-color:rgba(169,241,250,.19);
}
.team-profile-page .team-identity-suite .team-hero-slogan > span,
.team-profile-page .team-identity-suite .team-hero-club-story > span {
    color:#c9f8fc;
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 {
    max-width:calc(100% - 40px);
    font-size:clamp(24px,2.3vw,33px);
    line-height:.96;
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 em {
    color:#87edf9;
    text-shadow:0 0 24px color-mix(in srgb,var(--team-color),transparent 23%);
}
.team-profile-page .team-identity-suite .team-hero-club-story {
    padding-top:21px;
    padding-bottom:11px;
    border-top-color:rgba(169,241,250,.19);
}
.team-profile-page .team-identity-suite .team-hero-club-story > p {
    color:#f5fbfe;
    font-size:clamp(13.5px,1.05vw,15px);
    line-height:1.82;
}

.team-profile-page .team-profile-heading {
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    border-left-width:5px;
    border-radius:3px 34px 3px 3px;
    background:
        linear-gradient(90deg,rgba(155,239,249,.1) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--team-color),transparent 55%),transparent 26%),
        linear-gradient(130deg,rgba(1,16,45,.96),rgba(4,61,115,.77) 66%,rgba(255,255,255,.06));
    box-shadow:0 34px 80px rgba(0,7,30,.42),inset 0 1px rgba(255,255,255,.13);
}
.team-profile-page .team-profile-heading > span {
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-radius:999px;
    color:#c8f6fc;
    font-size:7px;
    letter-spacing:.16em;
}
.team-profile-page .team-profile-heading h1 {
    max-width:12ch;
    margin-top:22px;
    font-size:clamp(54px,5.8vw,90px);
    line-height:.91;
    letter-spacing:-.065em;
    text-wrap:balance;
}
.team-profile-page .team-profile-heading > p {
    max-width:46ch;
    margin-top:24px;
    color:#d7ebf4;
    font-size:clamp(12px,1vw,14px);
    line-height:1.55;
}
.team-profile-page .team-profile-heading > div {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 17px;
    margin-top:19px;
}
.team-profile-page .team-profile-facebook {
    border:1px solid rgba(184,243,250,.28);
    background:rgba(255,255,255,.075);
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 11px 25px rgba(0,9,34,.12);
}
.team-profile-page .team-profile-heading > div > small {
    color:#a9dce6;
    font-size:6px;
    letter-spacing:.15em;
}
.team-profile-page .team-profile-facts {
    width:100%;
    margin-top:auto;
    padding-top:29px;
}
.team-profile-page .team-profile-facts > div {
    min-height:90px;
    border-radius:3px 16px 3px 3px;
    background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
}
.team-profile-page .team-profile-facts dd { color:#caf6fb; }

.team-profile-page .team-profile-overview--staff-only {
    padding-block:clamp(92px,9.2vw,140px);
    background:
        linear-gradient(90deg,transparent 49.95%,color-mix(in srgb,var(--team-color),transparent 93%) 50%,transparent 50.05%),
        radial-gradient(circle at 7% 15%,color-mix(in srgb,var(--team-color),transparent 89%),transparent 26%),
        linear-gradient(145deg,#f7fbfe,#fff 47%,#eef6fb);
}
.team-profile-page .team-profile-overview--staff-only .team-profile-overview-grid { max-width:1320px; }
.team-profile-page .team-profile-staff-head {
    min-height:190px;
    border-top:3px solid var(--club-line);
    border-left-width:5px;
    border-radius:3px 32px 3px 3px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 94%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 88% 40%,color-mix(in srgb,var(--team-color),transparent 85%),transparent 22%),
        linear-gradient(115deg,#fff,#f1f8fc);
}
.team-profile-page .team-profile-staff-head h2 {
    margin-top:10px;
    color:var(--club-ink);
    font-size:clamp(35px,3.5vw,54px);
    line-height:.96;
    white-space:nowrap;
}
.team-profile-page .team-profile-staff-head > strong {
    min-width:104px;
    min-height:104px;
    border-radius:22px 22px 22px 3px;
    transform:rotate(4deg);
}
.team-profile-page .team-profile-staff-head > strong small { transform:rotate(-4deg); }
.team-profile-page .team-profile-overview--staff-only .team-profile-leaders {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(13px,1.55vw,20px);
}
.team-profile-page .team-profile-leaders .team-leader-card {
    min-height:342px;
    padding:12px;
    border-top-width:4px;
    border-radius:3px 22px 3px 3px;
    background:linear-gradient(155deg,#fff 0%,#f2f8fc 100%);
}
.team-profile-page .team-leader-media {
    height:190px;
    border-radius:2px 16px 2px 2px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#eff8fb 87%),#e7f0f6);
}
.team-profile-page .team-leader-media > img { object-position:center top; }
.team-profile-page .team-leader-copy { min-height:110px; padding:2px 3px; }
.team-profile-page .team-leader-copy small { font-size:6.5px; letter-spacing:.14em; }
.team-profile-page .team-leader-copy strong { font-size:13px; line-height:1.35; }
.team-profile-page .team-profile-draw-note {
    grid-column:1 / -1;
    min-height:76px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:15px;
    padding:16px 24px;
    border-radius:3px 18px 3px 3px;
    background:
        radial-gradient(circle at 96% 50%,color-mix(in srgb,var(--team-color),transparent 54%),transparent 22%),
        linear-gradient(104deg,#031b43,#074d89);
}
.team-profile-page .team-profile-draw-note > span {
    width:max-content;
    min-height:28px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(187,244,250,.31);
    border-radius:999px;
    color:#baf4fa;
    font-size:6px;
    letter-spacing:.13em;
}
.team-profile-page .team-profile-draw-note > strong { font-size:clamp(12px,1.1vw,15px); }

.team-profile-page .team-kits-section {
    padding-block:clamp(94px,9vw,138px);
    background:
        radial-gradient(circle at 91% 15%,color-mix(in srgb,var(--team-color),transparent 87%),transparent 24%),
        linear-gradient(145deg,#eef7fb,#fff 45%,#edf6fb);
}
.team-profile-page .team-profile-section-head {
    min-height:158px;
    border-top:3px solid var(--club-line);
    border-radius:3px 30px 3px 3px;
    box-shadow:11px 13px 0 color-mix(in srgb,var(--team-color),transparent 95%),0 24px 54px rgba(7,42,92,.08);
}
.team-profile-page .team-profile-section-head h2 {
    color:var(--club-ink);
    font-size:clamp(36px,4.25vw,62px);
    letter-spacing:-.06em;
    white-space:nowrap;
}
.team-profile-page .team-kits-grid { gap:clamp(16px,1.9vw,26px); }
.team-profile-page .team-kit-card {
    overflow:hidden;
    border-top:5px solid var(--team-color);
    border-radius:3px 24px 3px 3px;
    background:linear-gradient(155deg,#fff,#f3f9fc);
    box-shadow:10px 13px 0 color-mix(in srgb,var(--team-color),transparent 94%),0 26px 56px rgba(7,42,92,.11);
}
.team-profile-page .team-kit-visual {
    min-height:320px;
    background:
        linear-gradient(145deg,color-mix(in srgb,var(--team-color),#edf7fb 88%),#f8fcfe);
}
.team-profile-page .team-kit-copy { padding:25px 25px 28px !important; }
.team-profile-page .team-kit-copy small { color:var(--team-color); font-size:7px; letter-spacing:.15em; }
.team-profile-page .team-kit-copy h3 { margin-top:10px; font-size:clamp(25px,2.1vw,33px); line-height:1.04; }

.team-profile-page .team-roster-section {
    padding-block:clamp(98px,9.5vw,146px);
    background:
        radial-gradient(circle at 7% 12%,color-mix(in srgb,var(--team-color),transparent 53%),transparent 25%),
        radial-gradient(circle at 93% 85%,rgba(88,223,244,.19),transparent 28%),
        linear-gradient(135deg,#010a20 0%,#06265c 49%,#07598e 100%);
}
.team-profile-page .team-roster-heading.team-profile-section-head {
    border-top-color:var(--club-line);
    box-shadow:11px 14px 0 rgba(3,22,57,.32),0 27px 62px rgba(0,5,25,.28);
}
.team-profile-page .team-roster-heading.team-profile-section-head h2 { color:#fff; }
.team-profile-page .team-roster-intro.team-roster-intro--label {
    border-left-color:var(--team-color);
    background:rgba(3,28,70,.66);
}
.team-profile-page .team-roster-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(15px,1.7vw,22px);
}
.team-profile-page .team-roster-grid .team-player-card {
    min-height:276px;
    grid-template-columns:158px minmax(0,1fr);
    border-top:4px solid var(--team-color);
    border-radius:3px 22px 3px 3px;
    background:linear-gradient(145deg,#fff 0%,#f5f9fc 100%);
    box-shadow:10px 13px 0 color-mix(in srgb,var(--team-color),transparent 84%),0 28px 59px rgba(0,8,31,.33);
}
.team-profile-page .team-player-portrait {
    min-height:272px;
    border-right:1px solid color-mix(in srgb,var(--team-color),#dbe8f0 79%);
    background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#eaf4f8 87%),#eef6fa);
}
.team-profile-page .team-player-card-body {
    min-width:0;
    padding:19px 18px 17px;
    background:
        radial-gradient(circle at 100% 0,color-mix(in srgb,var(--team-color),transparent 89%),transparent 34%),
        linear-gradient(145deg,#fff,#f8fbfd);
}
.team-profile-page .team-player-card-body header { gap:8px; }
.team-profile-page .team-player-position { box-shadow:0 5px 15px color-mix(in srgb,var(--team-color),transparent 91%); }
.team-profile-page .team-player-position > b { white-space:nowrap; }
.team-profile-page .team-player-card-body header > small { color:#758da4; font-size:6px; letter-spacing:.1em; }
.team-profile-page .team-player-identity { margin:16px 0 17px; }
.team-profile-page .team-player-jersey-number {
    min-width:62px;
    min-height:62px;
    border-radius:3px 15px 3px 3px;
    box-shadow:6px 7px 0 color-mix(in srgb,var(--team-color),transparent 84%),0 10px 20px color-mix(in srgb,var(--team-color),transparent 88%);
}
.team-profile-page .team-player-card-body .team-player-identity h3 {
    color:#082e63;
    font-size:clamp(18px,1.5vw,22px);
    line-height:1.14;
    letter-spacing:-.038em;
}
.team-profile-page .team-player-card-body dl { gap:8px; }
.team-profile-page .team-player-card-body dl > div {
    min-height:61px;
    border-radius:3px 11px 3px 3px;
    background:linear-gradient(145deg,#f3f8fb,#fbfdfe);
}
.team-profile-page .team-player-card-body dt { font-size:5px; letter-spacing:.07em; white-space:nowrap; }
.team-profile-page .team-player-card-body dd { font-size:21px; }

@media (min-width:1024px) {
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:minmax(375px,.8fr) minmax(520px,1.2fr);
        gap:clamp(38px,5vw,76px);
        min-height:660px;
        padding-block:84px;
    }
    .team-profile-page .team-identity-suite,
    .team-profile-page .team-profile-heading { min-height:640px; }
    .team-profile-page .team-profile-heading { padding:clamp(42px,3.8vw,64px); }
}
@media (max-width:1180px) and (min-width:781px) {
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .team-profile-page .team-profile-leaders .team-leader-card { min-height:300px; }
    .team-profile-page .team-leader-media { height:164px; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:132px minmax(0,1fr); }
    .team-profile-page .team-player-portrait { min-height:264px; }
}
@media (max-width:780px) {
    .team-profile-page .site-header.solid-header .nav-wrap { min-height:78px; }
    .team-profile-page .team-profile-subnav > .container > div { justify-content:flex-start; }
    .team-profile-page .team-profile-subnav a { min-height:52px; padding-inline:12px; font-size:6.1px; }
    .team-profile-page .team-profile-subnav a::after { right:11px; left:11px; }
    .team-profile-page .team-profile-hero { background-size:44px 44px,44px 44px,auto,auto,auto; }
    .team-profile-page .team-profile-heading {
        min-height:0;
        padding:30px 22px 26px;
        border-left-width:4px;
        border-radius:3px 24px 3px 3px;
    }
    .team-profile-page .team-profile-heading h1 {
        max-width:14ch;
        margin-top:17px;
        font-size:clamp(39px,10.6vw,56px);
        line-height:.93;
    }
    .team-profile-page .team-profile-heading > p { margin-top:18px; font-size:12px; }
    .team-profile-page .team-profile-heading > div { margin-top:17px; gap:10px; }
    .team-profile-page .team-profile-facebook { min-height:44px; padding-inline:14px; font-size:6.5px; }
    .team-profile-page .team-profile-facts { margin-top:23px; padding-top:21px; gap:7px; }
    .team-profile-page .team-profile-facts > div { min-height:72px; padding:10px 8px; border-radius:3px 12px 3px 3px; }
    .team-profile-page .team-profile-facts dt { font-size:clamp(22px,7vw,30px); }
    .team-profile-page .team-profile-facts dd { font-size:5px; letter-spacing:.07em; }
    .team-profile-page .team-identity-suite { border-radius:3px 26px 3px 3px; }
    .team-profile-page .team-identity-suite .team-hero-slogan { padding-top:19px; padding-bottom:17px; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { font-size:clamp(23px,6.6vw,30px); }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding-top:18px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > p { font-size:13px; line-height:1.76; }
    .team-profile-page .team-profile-overview--staff-only,
    .team-profile-page .team-kits-section,
    .team-profile-page .team-roster-section { padding-block:72px 80px; }
    .team-profile-page .team-profile-staff-head { min-height:0; padding:24px 19px; border-radius:3px 23px 3px 3px; }
    .team-profile-page .team-profile-staff-head h2 { font-size:clamp(26px,7.3vw,38px); }
    .team-profile-page .team-profile-staff-head > strong { min-width:73px; min-height:73px; margin-top:-76px; border-radius:16px 16px 16px 3px; font-size:25px; }
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:1fr; gap:12px; }
    .team-profile-page .team-profile-leaders .team-leader-card { min-height:156px; grid-template-columns:106px minmax(0,1fr); gap:13px; padding:11px; border-radius:3px 18px 3px 3px; }
    .team-profile-page .team-leader-media { width:96px; height:132px; }
    .team-profile-page .team-leader-copy { min-height:0; padding:1px 2px; }
    .team-profile-page .team-leader-copy strong { font-size:13px; }
    .team-profile-page .team-profile-draw-note { grid-template-columns:1fr; gap:9px; min-height:0; padding:18px; }
    .team-profile-page .team-profile-draw-note > strong { font-size:12px; line-height:1.45; }
    .team-profile-page .team-profile-section-head { min-height:0; padding:23px 18px; border-radius:3px 22px 3px 3px; }
    .team-profile-page .team-profile-section-head h2 { font-size:clamp(18px,5.5vw,25px); line-height:1; letter-spacing:-.06em; }
    .team-profile-page .team-kits-grid { grid-template-columns:1fr; gap:15px; }
    .team-profile-page .team-kit-visual { min-height:260px; }
    .team-profile-page .team-kit-copy { padding:21px 19px 23px !important; }
    .team-profile-page .team-kit-copy h3 { font-size:26px; }
    .team-profile-page .team-roster-heading.team-profile-section-head { gap:17px; }
    .team-profile-page .team-roster-intro.team-roster-intro--label { min-height:0; padding:10px 14px 10px 17px; }
    .team-profile-page .team-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .team-profile-page .team-roster-grid .team-player-card {
        min-height:0;
        grid-template-columns:1fr;
        grid-template-rows:clamp(168px,46vw,222px) minmax(250px,auto);
        border-radius:3px 17px 3px 3px;
    }
    .team-profile-page .team-player-portrait { min-height:0; border-right:0; border-bottom:1px solid color-mix(in srgb,var(--team-color),#dbe8f0 79%); }
    .team-profile-page .team-player-card-body { min-height:250px; padding:14px 12px 13px; }
    .team-profile-page .team-player-card-body header { gap:6px; }
    .team-profile-page .team-player-card-body header > small { display:none; }
    .team-profile-page .team-player-position { min-height:28px; max-width:100%; padding-right:8px; }
    .team-profile-page .team-player-position > b { min-width:0; overflow:hidden; text-overflow:ellipsis; }
    .team-profile-page .team-player-identity { margin:13px 0 14px; }
    .team-profile-page .team-player-jersey-number { min-width:64px; min-height:54px; font-size:26px; }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:clamp(13px,3.85vw,16px); line-height:1.22; }
    .team-profile-page .team-player-card-body dl { gap:5px; }
    .team-profile-page .team-player-card-body dl > div { min-height:51px; padding:7px 5px; }
    .team-profile-page .team-player-card-body dt { font-size:4.5px; }
    .team-profile-page .team-player-card-body dd { font-size:18px; }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-subnav a { padding-inline:9px; font-size:5.7px; }
    .team-profile-page .team-profile-heading { padding-inline:17px; }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(35px,10vw,45px); }
    .team-profile-page .team-profile-facts { gap:4px; }
    .team-profile-page .team-profile-facts > div { padding-inline:5px; }
    .team-profile-page .team-profile-section-head { padding-inline:14px; }
    .team-profile-page .team-profile-section-head h2 { font-size:clamp(17px,5.4vw,21px); }
    .team-profile-page .team-roster-grid { gap:9px; }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-rows:158px minmax(238px,auto); }
    .team-profile-page .team-player-card-body { min-height:238px; padding-inline:9px; }
    .team-profile-page .team-player-jersey-number { min-width:58px; min-height:50px; font-size:23px; }
    .team-profile-page .team-player-card-body .team-player-identity h3 { font-size:12.5px; }
    .team-profile-page .team-player-card-body dd { font-size:17px; }
}
@keyframes clubDossierScoreline {
    0%,18% { transform:translateX(-112%); opacity:0; }
    31%,70% { opacity:.9; }
    82%,100% { transform:translateX(380%); opacity:0; }
}
@media (hover:hover) {
    .team-profile-page .team-profile-heading::after { animation:clubDossierScoreline 7s ease-in-out infinite; }
    .team-profile-page .team-kit-card:hover { transform:translateY(-8px); }
    .team-profile-page .team-roster-grid .team-player-card:hover { transform:translateY(-7px); }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-profile-heading::after { animation:none !important; }
    .team-profile-page :is(.team-kit-card,.team-player-card,.team-leader-card) { transition:none !important; }
}

/* Home v80 · contact hub designed as an official club liaison desk. */
.home-page .contact-band {
    min-height:760px;
    padding-block:clamp(96px,9vw,142px);
    border-top:1px solid rgba(150,237,250,.72);
    border-bottom:4px solid #7be9fa;
    background:
        radial-gradient(circle at 8% 19%,rgba(92,217,244,.28),transparent 27%),
        radial-gradient(circle at 95% 78%,color-mix(in srgb,var(--blue),transparent 42%),transparent 31%),
        linear-gradient(125deg,#020d28 0%,#063476 51%,#0877aa 100%);
}
.home-page .contact-band::before {
    opacity:.22;
    background-image:
        linear-gradient(rgba(160,241,250,.16) 1px,transparent 1px),
        linear-gradient(90deg,rgba(160,241,250,.16) 1px,transparent 1px),
        radial-gradient(circle at 72% 52%,transparent 0 92px,rgba(160,241,250,.16) 93px 94px,transparent 95px);
    background-size:68px 68px,68px 68px,100% 100%;
    mask-image:linear-gradient(90deg,#000 0 79%,transparent 100%);
}
.home-page .contact-band::after {
    width:680px;
    height:680px;
    right:-290px;
    top:-235px;
    border:1px solid rgba(151,237,249,.14);
    background:radial-gradient(circle,rgba(102,231,248,.2),rgba(17,105,184,.04) 54%,transparent 70%);
    box-shadow:0 0 0 58px rgba(121,231,247,.025),0 0 0 116px rgba(121,231,247,.015);
}
.home-page .contact-watermark {
    left:auto;
    right:1.5%;
    bottom:-.13em;
    color:transparent;
    -webkit-text-stroke:1px rgba(172,241,250,.09);
    font-size:clamp(115px,15vw,230px);
    letter-spacing:-.09em;
}
.home-page .contact-orbit {
    width:590px;
    height:590px;
    left:-348px;
    border-color:rgba(143,236,249,.24);
    box-shadow:0 0 0 46px rgba(143,236,249,.018),0 0 0 92px rgba(143,236,249,.012);
}
.home-page .contact-orbit::before,.home-page .contact-orbit::after { border-color:rgba(143,236,249,.17); }
.home-page .contact-orbit i { background:#91effa; box-shadow:0 0 0 7px rgba(145,239,250,.09),0 0 24px rgba(145,239,250,.85); }
.home-page .contact-inner {
    grid-template-columns:minmax(0,1.06fr) minmax(400px,.78fr);
    gap:clamp(48px,6.7vw,104px);
    align-items:center;
}
.home-page .contact-heading { position:relative; max-width:750px; }
.home-page .contact-kicker-line {
    max-width:680px;
    margin-bottom:28px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(170,240,249,.2);
}
.home-page .contact-kicker-line .kicker {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#94eef9;
    font-size:8px;
    letter-spacing:.16em;
}
.home-page .contact-kicker-line .kicker::before {
    content:'';
    width:26px;
    height:2px;
    background:linear-gradient(90deg,#fff,#83edf9);
    box-shadow:0 0 14px rgba(131,237,249,.58);
}
.home-page .contact-kicker-line > b {
    min-height:29px;
    display:inline-flex;
    align-items:center;
    padding:0 11px;
    border:1px solid rgba(168,240,249,.26);
    border-radius:999px;
    color:#c8f8fc;
    background:rgba(2,27,66,.25);
    font-size:7px;
    letter-spacing:.16em;
}
.home-page .contact-inner h2 {
    max-width:720px;
    font-size:clamp(64px,6.6vw,102px);
    line-height:.89;
    letter-spacing:-.065em;
    text-shadow:0 13px 35px rgba(0,9,33,.27);
}
.home-page .contact-inner h2 > span { color:#fff; }
.home-page .contact-inner h2 em {
    position:relative;
    margin-top:13px;
    color:#8ceef9;
    text-shadow:0 0 28px rgba(117,231,247,.28);
}
.home-page .contact-inner h2 em::after {
    content:'';
    position:absolute;
    right:0;
    bottom:-11px;
    left:2px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#89edfa,#fff 58%,transparent);
    box-shadow:0 0 18px rgba(137,237,250,.58);
}
.home-page .contact-heading > p {
    max-width:590px;
    margin:34px 0 29px;
    color:#d4e8f2;
    font-size:15px;
    line-height:1.82;
    text-shadow:0 1px rgba(0,9,31,.2);
}
.home-page .contact-themes {
    max-width:680px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.home-page .contact-themes > a {
    min-width:0;
    min-height:72px;
    display:grid;
    grid-template-columns:25px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    padding:11px 10px;
    border:1px solid rgba(165,239,249,.23);
    border-radius:3px 14px 3px 3px;
    color:#d8f5f9;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
    box-shadow:inset 0 1px rgba(255,255,255,.08);
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.075em;
    line-height:1.4;
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.home-page .contact-themes > a > i {
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border:1px solid rgba(183,244,250,.38);
    border-radius:50%;
    color:#91effa;
    background:rgba(8,41,83,.44);
    font:normal 13px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    font-style:normal;
}
.home-page .contact-themes > a > span { min-width:0; }
.home-page .contact-themes > a > b { color:#8eecf8; font-size:11px; }
.home-page .contact-themes > a:hover,.home-page .contact-themes > a:focus-visible {
    transform:translateY(-4px);
    border-color:rgba(173,244,250,.61);
    color:#fff;
    background:linear-gradient(145deg,color-mix(in srgb,var(--blue),transparent 48%),rgba(109,232,248,.13));
    box-shadow:0 15px 31px rgba(0,7,29,.22),inset 0 1px rgba(255,255,255,.13);
}
.home-page .contact-themes > a:focus-visible { outline:2px solid #fff; outline-offset:3px; }

.home-page .contact-panel {
    padding:22px;
    overflow:hidden;
    border:1px solid rgba(178,242,250,.3);
    border-top:4px solid #83edf9;
    border-radius:3px 30px 3px 3px;
    background:
        linear-gradient(90deg,rgba(170,241,250,.08) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 93% 5%,rgba(104,228,247,.2),transparent 29%),
        linear-gradient(145deg,rgba(1,22,58,.83),rgba(4,64,120,.62));
    box-shadow:16px 19px 0 rgba(0,19,51,.18),0 34px 78px rgba(0,8,30,.35),inset 0 1px rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
}
.home-page .contact-panel::before {
    width:82px;
    height:3px;
    left:22px;
    top:-4px;
    background:linear-gradient(90deg,#fff,#83edf9);
    box-shadow:0 0 20px rgba(131,237,249,.75);
}
.home-page .contact-panel::after {
    content:'⚽';
    position:absolute;
    right:-22px;
    bottom:-24px;
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    border:1px solid rgba(179,243,250,.14);
    border-radius:50%;
    color:rgba(192,246,251,.17);
    box-shadow:0 0 0 20px rgba(158,239,249,.025),0 0 0 42px rgba(158,239,249,.014);
    font:normal 55px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;
    pointer-events:none;
}
.home-page .contact-panel-head {
    position:relative;
    z-index:1;
    margin-bottom:18px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(183,244,250,.18);
    color:#e0f7fa;
    font-size:7.5px;
    letter-spacing:.15em;
}
.home-page .contact-panel-head small {
    min-height:26px;
    padding:0 9px;
    border:1px solid rgba(155,239,249,.25);
    border-radius:999px;
    color:#a1eff9;
    background:rgba(143,236,249,.06);
    font-size:6px;
    letter-spacing:.11em;
}
.home-page .contact-panel-head i { box-shadow:0 0 0 4px rgba(120,227,247,.1),0 0 15px rgba(120,227,247,.8); }
.home-page .contact-primary-action {
    position:relative;
    z-index:1;
    min-height:112px;
    padding:20px 18px 20px 22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.66);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(108deg,#fff,#edfafd 72%,#b9f3fb);
    box-shadow:0 18px 42px rgba(0,8,29,.28);
}
.home-page .contact-primary-action::before {
    content:'';
    position:absolute;
    width:140px;
    height:140px;
    right:-71px;
    bottom:-93px;
    border:1px solid color-mix(in srgb,var(--blue),transparent 75%);
    border-radius:50%;
    box-shadow:0 0 0 18px color-mix(in srgb,var(--blue),transparent 94%);
}
.home-page .contact-primary-action > span,.home-page .contact-primary-action > b { position:relative; z-index:1; }
.home-page .contact-primary-action small { color:#487796; font-size:7px; letter-spacing:.14em; }
.home-page .contact-primary-action strong { max-width:280px; color:#092e65; font-size:clamp(19px,1.8vw,24px); line-height:1.08; }
.home-page .contact-primary-action > b {
    width:54px;
    height:54px;
    border:1px solid rgba(4,51,105,.13);
    background:linear-gradient(135deg,#1468da,#1ab4d2);
    box-shadow:0 12px 26px rgba(11,91,196,.25);
}
.home-page .contact-official {
    position:relative;
    z-index:1;
    min-height:98px;
    grid-template-columns:64px minmax(0,1fr);
    gap:15px;
    margin-top:13px;
    padding:14px 13px;
    border:1px solid rgba(178,242,250,.16);
    border-radius:3px 16px 3px 3px;
    background:rgba(0,19,54,.23);
}
.home-page .contact-official img {
    width:64px;
    height:64px;
    padding:5px;
    border:1px solid rgba(184,245,251,.25);
    border-radius:50%;
    background:rgba(255,255,255,.91);
    box-shadow:0 0 0 6px rgba(147,238,249,.06),0 10px 20px rgba(0,7,27,.18);
}
.home-page .contact-official small { color:#9beef8; font-size:6.5px; letter-spacing:.13em; }
.home-page .contact-official strong { color:#fff; font-size:12px; line-height:1.36; letter-spacing:.01em; }
.home-page .contact-channel-grid {
    position:relative;
    z-index:1;
    grid-template-columns:1fr;
    gap:9px;
    padding-top:13px;
}
.home-page .contact-channel-grid > a {
    min-height:66px;
    grid-template-columns:36px minmax(0,1fr) 24px;
    gap:11px;
    padding:10px 11px;
    border-color:rgba(176,242,250,.19);
    border-radius:3px 13px 3px 3px;
    background:rgba(1,20,53,.38);
}
.home-page .contact-channel-grid > a > span {
    width:36px;
    height:36px;
    border:1px solid rgba(176,242,250,.24);
    border-radius:50%;
    color:#a4f1fa;
    background:rgba(128,232,247,.1);
    font-size:15px;
}
.home-page .contact-channel-grid small { color:#a3edf8; font-size:6px; letter-spacing:.13em; }
.home-page .contact-channel-grid strong {
    overflow:visible;
    color:#fff;
    font-size:10px;
    line-height:1.35;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
}
.home-page .contact-channel-grid > a > b { color:#a0f0fa; font-size:13px; }
.home-page .contact-channel-grid > a:hover,.home-page .contact-channel-grid > a:focus-visible {
    transform:translateX(4px);
    border-color:rgba(177,242,250,.54);
    background:rgba(42,139,208,.35);
}

@media (max-width:1050px) {
    .home-page .contact-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap:38px; }
    .home-page .contact-inner h2 { font-size:clamp(56px,7.2vw,76px); }
    .home-page .contact-themes { grid-template-columns:1fr; max-width:510px; }
    .home-page .contact-themes > a { min-height:56px; }
}
@media (max-width:780px) {
    .home-page .contact-band { min-height:0; padding-block:72px 78px; }
    .home-page .contact-band::before { background-size:48px 48px,48px 48px,100% 100%; mask-image:none; }
    .home-page .contact-watermark { right:-18px; bottom:-.04em; font-size:clamp(88px,26vw,130px); }
    .home-page .contact-orbit { width:430px; height:430px; left:-315px; top:34%; }
    .home-page .contact-inner { grid-template-columns:1fr; gap:39px; }
    .home-page .contact-kicker-line { margin-bottom:20px; padding-bottom:13px; }
    .home-page .contact-inner h2 { max-width:600px; font-size:clamp(44px,12.6vw,63px); line-height:.91; }
    .home-page .contact-inner h2 em { margin-top:9px; }
    .home-page .contact-heading > p { margin:28px 0 23px; font-size:14px; }
    .home-page .contact-themes { grid-template-columns:1fr; max-width:none; gap:8px; }
    .home-page .contact-themes > a { min-height:58px; grid-template-columns:28px minmax(0,1fr) 24px; padding-inline:12px; font-size:7px; }
    .home-page .contact-themes > a > i { width:28px; height:28px; }
    .home-page .contact-panel { width:100%; max-width:590px; margin-inline:auto; padding:18px; border-radius:3px 23px 3px 3px; }
    .home-page .contact-panel::before { left:18px; }
    .home-page .contact-panel-head { margin-bottom:15px; padding-bottom:13px; }
    .home-page .contact-primary-action { min-height:100px; padding:17px; }
    .home-page .contact-primary-action strong { max-width:230px; font-size:20px; }
    .home-page .contact-primary-action > b { width:48px; height:48px; }
    .home-page .contact-official { min-height:88px; grid-template-columns:54px minmax(0,1fr); padding:12px; }
    .home-page .contact-official img { width:54px; height:54px; }
    .home-page .contact-channel-grid > a { min-height:65px; }
}
@media (max-width:390px) {
    .home-page .contact-band { padding-block:64px 70px; }
    .home-page .contact-kicker-line > b { display:none; }
    .home-page .contact-inner h2 { font-size:clamp(40px,12.1vw,49px); }
    .home-page .contact-heading > p { font-size:13px; line-height:1.76; }
    .home-page .contact-themes > a { min-height:54px; font-size:6.5px; }
    .home-page .contact-panel { padding:14px; }
    .home-page .contact-panel::before { left:14px; }
    .home-page .contact-panel-head { align-items:flex-start; flex-direction:column; gap:8px; }
    .home-page .contact-primary-action { min-height:96px; grid-template-columns:minmax(0,1fr) 46px; padding:15px; }
    .home-page .contact-primary-action strong { font-size:18px; }
    .home-page .contact-primary-action > b { width:46px; height:46px; }
    .home-page .contact-official { grid-template-columns:48px minmax(0,1fr); gap:11px; }
    .home-page .contact-official img { width:48px; height:48px; }
    .home-page .contact-official strong { font-size:11px; }
    .home-page .contact-channel-grid > a { grid-template-columns:33px minmax(0,1fr) 20px; gap:8px; padding-inline:9px; }
    .home-page .contact-channel-grid > a > span { width:33px; height:33px; }
    .home-page .contact-channel-grid strong { font-size:9px; }
}
@keyframes contactHubOrbit {
    from { transform:translateY(-50%) rotate(0deg); }
    to { transform:translateY(-50%) rotate(360deg); }
}
@media (prefers-reduced-motion:no-preference) {
    .home-page .contact-orbit { animation:contactHubOrbit 36s linear infinite; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .contact-orbit { animation:none; }
    .home-page .contact-themes > a,.home-page .contact-channel-grid > a { transition:none; }
}

/* Home hero v81 · a matchday editorial opening with a dedicated broadcast deck. */
.home-page .hero {
    min-height:980px;
    background:
        radial-gradient(circle at 76% 16%,rgba(74,210,239,.25),transparent 24%),
        radial-gradient(circle at 6% 79%,rgba(20,112,224,.26),transparent 30%),
        linear-gradient(128deg,#010918 0%,#041e4b 47%,#075d91 100%);
}
.home-page .hero::before {
    content:'';
    position:absolute;
    z-index:0;
    width:min(82vw,1180px);
    aspect-ratio:1.72;
    right:-25vw;
    bottom:-21vw;
    border:1px solid rgba(151,238,250,.12);
    border-radius:50%;
    box-shadow:0 0 0 8vw rgba(123,231,248,.018),0 0 0 16vw rgba(123,231,248,.012);
    pointer-events:none;
}
.home-page .hero-grid {
    z-index:1;
    opacity:.1;
    background-size:64px 64px;
    mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 56%,transparent 100%);
}
.home-page .hero-content {
    grid-template-columns:minmax(0,.89fr) minmax(500px,1.11fr);
    gap:clamp(34px,4.5vw,76px);
    align-items:center;
    padding-top:158px;
    padding-bottom:158px;
}
.home-page .hero-copy {
    min-height:622px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding:38px 39px 35px;
    border:1px solid rgba(178,244,250,.23);
    border-top:3px solid #82ebf9;
    border-left:4px solid #82ebf9;
    border-radius:3px 30px 3px 3px;
    background:
        linear-gradient(90deg,rgba(156,239,250,.08) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 96% 9%,rgba(69,202,238,.2),transparent 25%),
        linear-gradient(132deg,rgba(1,14,36,.94),rgba(3,39,81,.73));
    box-shadow:16px 18px 0 rgba(3,17,45,.24),0 38px 84px rgba(0,7,28,.34),inset 0 1px rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
}
.home-page .hero-copy::before {
    width:105px;
    height:3px;
    left:35px;
    top:-3px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#8bedf9);
    box-shadow:0 0 19px rgba(139,237,249,.7);
}
.home-page .hero-copy::after {
    width:27px;
    height:27px;
    right:16px;
    top:16px;
    border-color:rgba(154,239,250,.55);
}
.home-page .hero-broadcast-tag {
    min-height:27px;
    margin-bottom:19px;
    padding:0 11px 0 0;
    border:1px solid rgba(171,241,250,.21);
    border-left:0;
    border-radius:0 999px 999px 0;
    color:#fff;
    background:rgba(142,236,249,.055);
    font-size:7px;
    letter-spacing:.16em;
}
.home-page .hero-broadcast-tag::before {
    width:29px;
    height:2px;
    margin-right:1px;
    background:linear-gradient(90deg,#fff,#87edf9);
}
.home-page .hero-broadcast-tag b {
    padding-left:10px;
    color:#9cedf8;
    font-size:6.5px;
}
.home-page .season-pill {
    gap:11px;
    margin-bottom:18px;
    color:#c7e3ed;
    font-size:8px;
    letter-spacing:.15em;
}
.home-page .season-pill span {
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(140,237,249,.45);
    border-radius:3px 10px 3px 3px;
    color:#93edf8;
    background:rgba(123,231,248,.1);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 0 4px rgba(127,232,249,.035);
}
.home-page .hero h1 {
    max-width:none;
    font-size:clamp(61px,5.4vw,94px);
    line-height:.88;
    letter-spacing:-.071em;
    text-shadow:0 12px 36px rgba(0,8,30,.36);
}
.home-page .hero h1 > span { color:#fff; }
.home-page .hero h1 > em {
    position:relative;
    color:#85edf9;
    text-shadow:0 0 29px rgba(116,232,248,.29);
}
.home-page .hero h1 > em::after {
    content:'';
    position:absolute;
    right:0;
    bottom:-11px;
    left:2px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#83edf9,#fff 58%,transparent);
    box-shadow:0 0 18px rgba(131,237,249,.65);
}
.home-page .hero-manifesto {
    width:100%;
    gap:11px;
    margin:30px 0 27px;
}
.home-page .hero-manifesto::before {
    left:36px;
    top:40px;
    bottom:40px;
    background:linear-gradient(180deg,transparent,#83edf9 20%,#83edf9 80%,transparent);
}
.home-page .hero-manifesto > p,
.home-page .hero-manifesto > p.is-bridge {
    min-height:85px;
    grid-template-columns:74px minmax(0,1fr);
    gap:16px;
    margin-left:0;
    padding:15px 46px 15px 15px;
    border-color:rgba(151,237,249,.25);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(110deg,rgba(5,29,67,.82),rgba(5,60,111,.56));
    box-shadow:0 15px 34px rgba(0,7,27,.18),inset 0 1px rgba(255,255,255,.07);
}
.home-page .hero-manifesto > p.is-bridge {
    border-color:rgba(142,232,250,.35);
    background:linear-gradient(110deg,rgba(3,31,74,.9),rgba(8,77,137,.58));
}
.home-page .hero-manifesto > p::before { top:13px; bottom:13px; }
.home-page .hero-manifesto .manifesto-index {
    width:65px;
    min-height:56px;
    padding-left:14px;
}
.home-page .hero-manifesto .manifesto-index b { font-size:30px; }
.home-page .hero-manifesto .manifesto-index small { max-width:52px; color:#9bedf8; }
.home-page .hero-manifesto > p > strong {
    color:#f5fbfe;
    font-size:clamp(13px,.92vw,16px);
    line-height:1.5;
}
.home-page .hero-manifesto > p.is-lead > strong { font-size:clamp(15px,1.08vw,19px); }
.home-page .hero-actions { gap:15px; }
.home-page .hero-actions .btn-primary {
    min-height:54px;
    padding-inline:22px;
    border:1px solid rgba(181,244,250,.24);
    border-radius:3px 14px 3px 3px;
    background:linear-gradient(135deg,#1577df,#14afcf);
    box-shadow:8px 9px 0 rgba(89,222,243,.12),0 12px 27px rgba(0,9,34,.23);
}
.home-page .hero-actions .text-link {
    min-height:46px;
    padding:0 8px 0 3px;
    color:#e4f8fb;
    font-size:8px;
    letter-spacing:.12em;
}
.home-page .hero-actions .play {
    width:38px;
    height:38px;
    color:#86edf9;
    border-color:rgba(147,237,250,.45);
    background:rgba(134,237,249,.07);
}

.home-page .hero-visual-stage {
    height:680px;
    border:1px solid rgba(162,239,250,.46);
    border-top:4px solid #83edf9;
    border-radius:3px 38px 3px 3px;
    background:#03183c;
    box-shadow:19px 23px 0 rgba(94,225,245,.09),0 43px 94px rgba(0,6,27,.46),inset 0 1px rgba(255,255,255,.12);
}
.home-page .hero-visual-stage::before {
    inset:14px;
    border-color:rgba(210,250,253,.2);
    border-radius:2px 29px 2px 2px;
}
.home-page .hero-visual-stage::after {
    width:96px;
    height:3px;
    right:17px;
    top:14px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#83edf9);
    box-shadow:0 0 19px rgba(131,237,249,.68);
}
.home-page .hero-visual-stage .hero-slides::after {
    background:linear-gradient(180deg,rgba(1,12,31,.19) 0%,transparent 29%,transparent 56%,rgba(1,13,33,.79) 100%),linear-gradient(90deg,rgba(2,16,43,.09),transparent 48%);
}
.home-page .hero-visual-stage .hero-slide { clip-path:inset(0 0 0 4%); }
.home-page .hero-visual-stage .hero-slide img { filter:saturate(1.11) contrast(1.06) brightness(1.08); }
.home-page .hero-visual-stage .hero-side {
    left:20px;
    right:20px;
    top:20px;
    min-height:136px;
    grid-template-columns:82px minmax(0,1.1fr) minmax(0,.9fr);
    gap:8px 15px;
    padding:14px 16px;
    border-color:rgba(190,247,252,.28);
    border-left:4px solid #83edf9;
    border-radius:3px 20px 3px 3px;
    background:
        radial-gradient(circle at 5% 50%,rgba(85,222,244,.21),transparent 25%),
        linear-gradient(112deg,rgba(1,14,36,.94),rgba(4,52,98,.83));
    box-shadow:0 18px 43px rgba(0,7,28,.39),inset 0 1px rgba(255,255,255,.1);
}
.home-page .hero-visual-stage .hero-side::after { right:15px; top:12px; font-size:34px; }
.home-page .hero-visual-stage .hero-side-label { gap:4px; }
.home-page .hero-visual-stage .hero-side-label > span { color:#93eef9; font-size:7px; letter-spacing:.19em; }
.home-page .hero-visual-stage .hero-side-label > strong { font-size:13px; letter-spacing:.08em; }
.home-page .hero-visual-stage .hero-crest {
    width:74px;
    height:86px;
    padding:5px;
    border-color:rgba(159,241,250,.3);
    box-shadow:0 0 0 7px rgba(130,235,249,.045),0 13px 25px rgba(0,7,28,.28);
}
.home-page .hero-visual-stage .hero-date,
.home-page .hero-visual-stage .hero-location {
    min-height:63px;
    border-color:rgba(170,240,250,.23);
    border-radius:3px 12px 3px 3px;
}
.home-page .hero-visual-stage .hero-date { padding:8px 13px; }
.home-page .hero-visual-stage .hero-date small { font-size:5.8px; }
.home-page .hero-visual-stage .hero-date strong { font-size:30px; }
.home-page .hero-visual-stage .hero-date span { font-size:7px; }
.home-page .hero-visual-stage .hero-location { padding:8px 12px 8px 14px; }
.home-page .hero-visual-stage .hero-location strong { font-size:20px; }
.home-page .hero-visual-stage .hero-slider-controls { left:20px; right:20px; bottom:20px; }
.home-page .hero-visual-stage .hero-slider-panel {
    min-height:94px;
    grid-template-columns:52px minmax(0,1fr) 52px;
    gap:11px;
    padding:8px;
    border:1px solid rgba(186,246,252,.25);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(112deg,rgba(1,14,38,.95),rgba(4,59,109,.84));
    box-shadow:0 15px 34px rgba(0,7,26,.28),inset 0 1px rgba(255,255,255,.08);
}
.home-page .hero-visual-stage .hero-slider-panel > button {
    width:52px;
    height:56px;
    border:1px solid rgba(180,244,250,.19);
    border-radius:3px 12px 3px 3px;
    color:#baf6fb;
    background:rgba(139,236,249,.08);
}
.home-page .hero-visual-stage .hero-slider-panel > button:hover,
.home-page .hero-visual-stage .hero-slider-panel > button:focus-visible { color:#fff; background:#146fd9; }
.home-page .hero-visual-stage .hero-slider-caption { gap:3px; }
.home-page .hero-visual-stage .hero-slider-caption > strong { color:#fff; font-size:12px; }
.home-page .hero-visual-stage .hero-slider-caption > b {
    min-width:58px;
    min-height:21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:4px;
    padding-inline:7px;
    border:1px solid rgba(169,241,250,.22);
    border-radius:999px;
    color:#9ceef9;
    background:rgba(142,235,249,.07);
    font-size:7px;
}
.home-page .hero-visual-stage .hero-slider-timeline { height:3px; }
.home-page .hero-visual-stage .hero-slider-dots { gap:5px; }
.home-page .hero-visual-stage .hero-slider-dots button {
    width:27px;
    height:19px;
    border-radius:3px 7px 3px 3px;
    color:#b2d8e2;
}
.home-page .hero-visual-stage .hero-slider-dots button[aria-current="true"] { width:44px; color:#fff; }

@media (min-width:1500px) {
    .home-page .hero-content { grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr); }
    .home-page .hero-copy { min-height:654px; }
    .home-page .hero-visual-stage { height:710px; }
}
@media (max-width:1180px) {
    .home-page .hero { min-height:0; }
    .home-page .hero-content { grid-template-columns:1fr; gap:34px; padding-top:154px; padding-bottom:168px; }
    .home-page .hero-copy { min-height:0; max-width:900px; margin-inline:auto; }
    .home-page .hero-visual-stage { width:100%; height:610px; }
}
@media (max-width:780px) {
    .home-page .hero { min-height:0; }
    .home-page .hero::before { width:130vw; right:-68vw; bottom:-38vw; }
    .home-page .hero-grid { background-size:46px 46px; }
    .home-page .hero-content { gap:22px; padding-top:133px; padding-bottom:159px; }
    .home-page .hero-copy { padding:24px 19px 22px; border-left-width:3px; border-radius:3px 22px 3px 3px; }
    .home-page .hero-copy::before { width:67px; left:18px; }
    .home-page .hero-copy::after { width:18px; height:18px; right:10px; top:10px; }
    .home-page .hero-broadcast-tag { min-height:25px; gap:8px; margin-bottom:15px; padding-right:8px; font-size:6px; }
    .home-page .hero-broadcast-tag::before { width:22px; }
    .home-page .hero-broadcast-tag b { padding-left:8px; font-size:5.5px; }
    .home-page .season-pill { margin-bottom:14px; font-size:6.5px; }
    .home-page .season-pill span { min-height:26px; padding-inline:9px; }
    .home-page .hero h1 { font-size:clamp(45px,12.2vw,62px); line-height:.91; }
    .home-page .hero h1 > em::after { bottom:-8px; height:2px; }
    .home-page .hero-manifesto { gap:8px; margin:24px 0 21px; }
    .home-page .hero-manifesto::before { left:25px; top:35px; bottom:35px; }
    .home-page .hero-manifesto > p,.home-page .hero-manifesto > p.is-bridge { min-height:74px; grid-template-columns:56px minmax(0,1fr); gap:10px; padding:12px 30px 12px 10px; border-radius:3px 15px 3px 3px; }
    .home-page .hero-manifesto .manifesto-index { width:53px; min-height:49px; padding-left:9px; }
    .home-page .hero-manifesto .manifesto-index b { font-size:23px; }
    .home-page .hero-manifesto .manifesto-index small { max-width:43px; font-size:4.8px; }
    .home-page .hero-manifesto > p > strong { font-size:12px; line-height:1.5; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:13px; }
    .home-page .manifesto-spark { right:10px; top:9px; font-size:10px; }
    .home-page .hero-actions { width:100%; gap:12px; }
    .home-page .hero-actions .btn-primary { min-height:49px; flex:1; padding-inline:15px; font-size:8px; }
    .home-page .hero-actions .text-link { min-height:42px; padding-right:0; font-size:6.5px; }
    .home-page .hero-actions .play { width:32px; height:32px; }
    .home-page .hero-visual-stage { height:500px; border-top-width:3px; border-radius:3px 24px 3px 3px; }
    .home-page .hero-visual-stage::before { inset:9px; border-radius:2px 17px 2px 2px; }
    .home-page .hero-visual-stage::after { width:59px; right:10px; top:9px; }
    .home-page .hero-visual-stage .hero-side { left:11px; right:11px; top:11px; min-height:108px; grid-template-columns:54px minmax(0,1.08fr) minmax(0,.92fr); gap:4px 8px; padding:8px 9px; border-left-width:3px; }
    .home-page .hero-visual-stage .hero-side::after { right:8px; top:8px; font-size:24px; }
    .home-page .hero-visual-stage .hero-side-label > strong { font-size:9px; }
    .home-page .hero-visual-stage .hero-crest { width:50px; height:59px; }
    .home-page .hero-visual-stage .hero-date,.home-page .hero-visual-stage .hero-location { min-height:50px; border-radius:3px 9px 3px 3px; }
    .home-page .hero-visual-stage .hero-date { gap:1px 6px; padding:6px 8px; }
    .home-page .hero-visual-stage .hero-date strong { font-size:20px; }
    .home-page .hero-visual-stage .hero-date span { font-size:6px; }
    .home-page .hero-visual-stage .hero-location { padding:6px 7px 6px 9px; }
    .home-page .hero-visual-stage .hero-location strong { font-size:14px; }
    .home-page .hero-visual-stage .hero-slider-controls { left:11px; right:11px; bottom:11px; }
    .home-page .hero-visual-stage .hero-slider-panel { min-height:80px; grid-template-columns:42px minmax(0,1fr) 42px; gap:6px; padding:6px; }
    .home-page .hero-visual-stage .hero-slider-panel > button { width:42px; height:46px; }
    .home-page .hero-visual-stage .hero-slider-caption > strong { max-width:42vw; font-size:9px; }
    .home-page .hero-visual-stage .hero-slider-dots button { width:22px; height:17px; }
    .home-page .hero-visual-stage .hero-slider-dots button[aria-current="true"] { width:36px; }
}
@media (max-width:440px) {
    .home-page .hero-content { padding-top:124px; padding-bottom:148px; }
    .home-page .hero-copy { padding:20px 15px 19px; }
    .home-page .hero h1 { font-size:clamp(40px,12vw,52px); }
    .home-page .hero-manifesto > p,.home-page .hero-manifesto > p.is-bridge { grid-template-columns:48px minmax(0,1fr); gap:8px; padding:11px 27px 11px 8px; }
    .home-page .hero-manifesto .manifesto-index { width:46px; padding-left:8px; }
    .home-page .hero-manifesto .manifesto-index b { font-size:21px; }
    .home-page .hero-manifesto .manifesto-index small { display:none; }
    .home-page .hero-manifesto > p > strong { font-size:11px; }
    .home-page .hero-manifesto > p.is-lead > strong { font-size:12.5px; }
    .home-page .hero-actions { align-items:stretch; flex-direction:column; }
    .home-page .hero-actions .btn-primary,.home-page .hero-actions .text-link { width:100%; justify-content:center; }
    .home-page .hero-visual-stage { height:420px; }
    .home-page .hero-visual-stage .hero-side { min-height:105px; grid-template-columns:40px minmax(0,1.08fr) minmax(0,.92fr); grid-template-rows:auto 1fr; gap:3px 5px; padding:7px; }
    .home-page .hero-visual-stage .hero-side::after { display:none; }
    .home-page .hero-visual-stage .hero-side-label > span { font-size:5px; }
    .home-page .hero-visual-stage .hero-side-label > strong { font-size:7px; letter-spacing:.055em; }
    .home-page .hero-visual-stage .hero-crest { width:37px; height:44px; padding:2px; }
    .home-page .hero-visual-stage .hero-date,.home-page .hero-visual-stage .hero-location { grid-row:2; min-height:48px; }
    .home-page .hero-visual-stage .hero-date strong { font-size:16px; }
    .home-page .hero-visual-stage .hero-date span { font-size:5px; }
    .home-page .hero-visual-stage .hero-location span { font-size:5px; white-space:normal; }
    .home-page .hero-visual-stage .hero-date small,.home-page .hero-visual-stage .hero-location small { font-size:4.5px; }
    .home-page .hero-visual-stage .hero-location strong { font-size:12px; }
    .home-page .hero-visual-stage .hero-slider-panel { grid-template-columns:38px minmax(0,1fr) 38px; gap:5px; }
    .home-page .hero-visual-stage .hero-slider-panel > button { width:38px; height:44px; }
    .home-page .hero-visual-stage .hero-slider-caption > strong { max-width:36vw; font-size:8px; }
    .home-page .hero-visual-stage .hero-slider-caption > b { min-height:18px; font-size:6px; }
    .home-page .hero-visual-stage .hero-slider-dots button { width:18px; }
    .home-page .hero-visual-stage .hero-slider-dots button[aria-current="true"] { width:28px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-slide,.home-page .hero-slide img,.home-page .hero-manifesto > p { transition:none !important; animation:none !important; }
}

/* Previous season archive title · calibrated scale v82 */
.previous-season-copy h2 {
    max-width:31ch;
    font-size:clamp(28px,2.55vw,42px);
    line-height:1.08;
    letter-spacing:-.045em;
    text-wrap:pretty;
}
@media (max-width:1050px) {
    .previous-season-copy h2 { font-size:clamp(27px,3.25vw,36px); }
}
@media (max-width:780px) {
    .previous-season-copy h2 {
        max-width:100%;
        font-size:clamp(24px,7.1vw,34px);
        line-height:1.12;
        letter-spacing:-.04em;
    }
}
@media (max-width:480px) {
    .previous-season-copy h2 { font-size:clamp(22px,6.8vw,29px); line-height:1.15; }
}

/* Rich text from the Admin editor · articles and club story v83 */
.prose.rich-text > :first-child { margin-top:0; }
.prose.rich-text > :last-child { margin-bottom:0; }
.prose.rich-text p { margin:0 0 1.35em; }
.prose.rich-text :is(h2,h3,h4) { margin:1.5em 0 .65em; color:#082b62; font-family:var(--font-display); font-weight:900; line-height:1.15; letter-spacing:-.035em; }
.prose.rich-text h2 { font-size:clamp(25px,3vw,35px); }
.prose.rich-text h3 { font-size:clamp(21px,2.35vw,28px); }
.prose.rich-text h4 { font-size:clamp(18px,2vw,23px); }
.prose.rich-text :is(ul,ol) { margin:0 0 1.4em; padding-left:1.35em; }
.prose.rich-text li + li { margin-top:.38em; }
.prose.rich-text blockquote { margin:1.5em 0; padding:.45em 0 .45em 1.1em; border-left:4px solid var(--cyan); color:#325777; font-size:1.05em; font-style:italic; font-weight:600; }
.prose.rich-text a,.team-club-story-content a { color:#1168bf; font-weight:800; text-decoration:underline; text-decoration-color:color-mix(in srgb,#1168bf,transparent 55%); text-decoration-thickness:1px; text-underline-offset:3px; }
.prose.rich-text figure { width:100%; margin:2em 0; overflow:hidden; border:1px solid #d6e2eb; border-radius:8px; background:#edf5fa; box-shadow:0 14px 34px rgba(4,40,79,.11); }
.prose.rich-text :is(figure img,figure video,figure iframe) { width:100%; display:block; border:0; background:#082b62; }
.prose.rich-text figure img { max-height:min(72vh,760px); object-fit:contain; background:#edf5fa; }
.prose.rich-text figure :is(video,iframe) { aspect-ratio:16/9; }
.prose.rich-text figure iframe { min-height:280px; }
.prose.rich-text figcaption { padding:11px 16px; color:#5a7288; background:#fff; font-size:13px; font-style:italic; line-height:1.55; text-align:center; }
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content { position:relative; z-index:1; max-width:720px; color:#506f8c; font-size:14px; line-height:1.78; text-align:justify; text-align-last:left; }
.team-profile-page .team-identity-suite .team-club-story-content > :first-child { margin-top:0; }
.team-profile-page .team-identity-suite .team-club-story-content > :last-child { margin-bottom:0; }
.team-profile-page .team-identity-suite .team-club-story-content p { margin:0 0 .92em; }
.team-profile-page .team-identity-suite .team-club-story-content :is(h2,h3,h4) { margin:1.05em 0 .48em; color:#082b62; font-family:var(--font-display); font-weight:900; line-height:1.17; letter-spacing:-.025em; }
.team-profile-page .team-identity-suite .team-club-story-content h2 { font-size:clamp(20px,1.8vw,27px); }
.team-profile-page .team-identity-suite .team-club-story-content h3 { font-size:clamp(17px,1.5vw,21px); }
.team-profile-page .team-identity-suite .team-club-story-content h4 { font-size:15px; }
.team-profile-page .team-identity-suite .team-club-story-content :is(ul,ol) { margin:.15em 0 .95em; padding-left:1.2em; }
.team-profile-page .team-identity-suite .team-club-story-content li + li { margin-top:.28em; }
.team-profile-page .team-identity-suite .team-club-story-content blockquote { margin:1em 0; padding:.25em 0 .25em .9em; border-left:3px solid var(--team-color); color:#254d74; font-style:italic; font-weight:700; }
@media (max-width:780px) {
    .prose.rich-text h2 { font-size:clamp(23px,7vw,30px); }
    .prose.rich-text h3 { font-size:clamp(20px,6vw,25px); }
    .prose.rich-text figure { margin:1.55em 0; border-radius:6px; }
    .prose.rich-text figure iframe { min-height:190px; }
    .prose.rich-text figcaption { padding:9px 12px; font-size:12px; }
    .team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content { max-width:none; font-size:13px; line-height:1.76; text-align:left; }
    .team-profile-page .team-identity-suite .team-club-story-content h2 { font-size:21px; }
    .team-profile-page .team-identity-suite .team-club-story-content h3 { font-size:17px; }
}

/* Team profile v85 · professional club identity layout and team-colour slogan */
.team-profile-page .team-profile-hero {
    min-height:0;
}
.team-profile-page .team-profile-hero-inner {
    min-height:0;
    align-items:stretch;
    gap:clamp(28px,3.5vw,62px);
    padding-block:clamp(62px,6vw,94px);
}
.team-profile-page .team-identity-suite {
    width:auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(145px,.56fr) minmax(0,1.44fr);
    grid-template-areas:
        'crest slogan'
        'story story';
    grid-template-rows:minmax(224px,auto) auto;
    gap:16px;
    padding:18px;
    border:1px solid rgba(182,241,249,.28);
    border-top:4px solid var(--team-color);
    border-radius:4px 34px 4px 4px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.055) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--team-color),transparent 50%),transparent 27%),
        linear-gradient(142deg,rgba(1,18,48,.98),rgba(4,62,111,.88));
    box-shadow:15px 17px 0 color-mix(in srgb,var(--team-color),transparent 83%),0 30px 70px rgba(0,8,31,.4),inset 0 1px rgba(255,255,255,.14);
}
.team-profile-page .team-identity-suite::before { inset:12px; }
.team-profile-page .team-identity-suite .team-profile-logo {
    grid-area:crest;
    align-self:stretch;
    width:100%;
    min-height:224px;
    aspect-ratio:auto;
    padding:25px 16px 42px;
    border:1px solid rgba(255,255,255,.94);
    border-radius:3px 24px 3px 3px;
    background:radial-gradient(circle at 50% 37%,#fff 0 46%,#edf8fb 71%,#d3e8f1 100%);
}
.team-profile-page .team-identity-suite .team-profile-logo img { max-height:164px; }
.team-profile-page .team-identity-suite .team-hero-slogan {
    grid-area:slogan;
    align-self:stretch;
    min-width:0;
    min-height:224px;
    padding:23px 20px 18px;
    border:1px solid color-mix(in srgb,var(--team-color),#c9f6fb 46%);
    border-left:4px solid var(--team-color);
    border-radius:3px 22px 3px 3px;
    background:
        radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--team-color),transparent 62%),transparent 34%),
        linear-gradient(135deg,rgba(2,18,48,.9),color-mix(in srgb,var(--team-color),#062557 78%));
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 14px 28px rgba(0,8,30,.17);
}
.team-profile-page .team-identity-suite .team-hero-slogan > span {
    color:color-mix(in srgb,var(--team-color),#fff 26%);
    border-color:color-mix(in srgb,var(--team-color),#fff 56%);
    background:rgba(0,13,39,.47);
}
.team-profile-page .team-identity-suite .team-hero-slogan > span > i {
    background:var(--team-color);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--team-color),transparent 86%),0 0 14px color-mix(in srgb,var(--team-color),transparent 42%);
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 {
    max-width:calc(100% - 46px);
    margin-top:15px;
    color:var(--team-color);
    font-size:clamp(25px,2.28vw,34px);
    line-height:.99;
    text-shadow:0 2px rgba(255,255,255,.16),0 12px 26px rgba(0,7,29,.45);
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 b,
.team-profile-page .team-identity-suite .team-hero-slogan h2 em {
    color:var(--team-color);
    text-shadow:inherit;
}
.team-profile-page .team-identity-suite .team-hero-slogan h2 em { font-style:italic; }
.team-profile-page .team-identity-suite .team-hero-slogan-track {
    right:13px;
    bottom:16px;
    border-color:color-mix(in srgb,var(--team-color),#fff 46%);
}
.team-profile-page .team-identity-suite .team-hero-slogan-track::before,
.team-profile-page .team-identity-suite .team-hero-slogan-track::after { background:var(--team-color); }
.team-profile-page .team-identity-suite .team-hero-club-story {
    grid-area:story;
    min-height:0;
    padding:25px 25px 21px;
    border:1px solid rgba(202,248,252,.31);
    border-left:4px solid var(--team-color);
    border-radius:3px 23px 3px 3px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 85%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 97% 0,color-mix(in srgb,var(--team-color),transparent 63%),transparent 32%),
        linear-gradient(135deg,rgba(1,15,43,.96),rgba(3,53,100,.82));
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 16px 35px rgba(0,7,28,.25);
}
.team-profile-page .team-identity-suite .team-hero-club-story > span {
    color:#d9fbff;
    border-color:color-mix(in srgb,var(--team-color),#d7faff 55%);
    background:color-mix(in srgb,var(--team-color),rgba(1,19,48,.82) 72%);
}
.team-profile-page .team-identity-suite .team-hero-club-story > span > i { background:var(--team-color); }
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content,
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content :is(p,li) {
    max-width:78ch;
    color:rgba(255,255,255,.96);
    font-size:clamp(13.5px,1.04vw,15px);
    line-height:1.82;
    text-shadow:0 1px rgba(0,8,30,.34);
}
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content :is(h2,h3,h4) { color:#fff; }
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content :is(strong,b) { color:#fff; }
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content a { color:color-mix(in srgb,var(--team-color),#fff 32%); text-decoration-color:currentColor; }
.team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content blockquote {
    border-left-color:var(--team-color);
    color:rgba(255,255,255,.94);
}
.team-profile-page .team-identity-suite .team-hero-club-story-mark { opacity:.86; }

.team-profile-page .team-profile-heading {
    min-height:0;
    padding:clamp(34px,3.4vw,58px);
    border-left:5px solid var(--team-color);
    border-radius:4px 36px 4px 4px;
    background:
        linear-gradient(90deg,rgba(188,243,249,.09) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 95% 10%,color-mix(in srgb,var(--team-color),transparent 56%),transparent 27%),
        linear-gradient(132deg,rgba(1,17,48,.98),rgba(4,64,118,.81));
}
.team-profile-page .team-profile-heading > span { color:#d9fbff; }
.team-profile-page .team-profile-heading h1 { max-width:13ch; }
.team-profile-page .team-profile-heading > div { gap:12px; }
.team-profile-page .team-profile-facebook { border-color:color-mix(in srgb,var(--team-color),#fff 50%); }
.team-profile-page .team-profile-facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.team-profile-page .team-profile-facts > div { min-height:95px; }

@media (min-width:1024px) {
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);
    }
}
@media (min-width:1180px) {
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:minmax(466px,.94fr) minmax(0,1.06fr);
        gap:clamp(42px,4.8vw,78px);
    }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:1fr;
        gap:27px;
        padding-block:42px 58px;
    }
    .team-profile-page .team-identity-suite {
        width:100%;
        grid-template-columns:112px minmax(0,1fr);
        grid-template-rows:minmax(150px,auto) auto;
        gap:12px;
        padding:12px;
        border-radius:3px 26px 3px 3px;
    }
    .team-profile-page .team-identity-suite::before { inset:8px; }
    .team-profile-page .team-identity-suite .team-profile-logo {
        min-height:150px;
        padding:16px 9px 30px;
        border-radius:2px 17px 2px 2px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo::before { inset:8px; }
    .team-profile-page .team-identity-suite .team-profile-logo > span { min-height:25px; font-size:5px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:99px; }
    .team-profile-page .team-identity-suite .team-hero-slogan {
        min-height:150px;
        padding:16px 14px 14px;
        border-left-width:3px;
        border-radius:2px 18px 2px 2px;
    }
    .team-profile-page .team-identity-suite .team-hero-slogan > span { max-width:100%; padding:5px 7px; font-size:5.7px; letter-spacing:.08em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { max-width:calc(100% - 34px); margin-top:11px; font-size:clamp(19px,5.7vw,26px); }
    .team-profile-page .team-identity-suite .team-hero-slogan-track { right:7px; bottom:9px; transform:scale(.74); transform-origin:bottom right; }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:19px 16px 16px; border-left-width:3px; border-radius:2px 19px 2px 2px; }
    .team-profile-page .team-identity-suite .team-hero-club-story > span { min-height:25px; padding-inline:8px; font-size:6px; }
    .team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content :is(p,li) { font-size:13px; line-height:1.75; text-align:left; }
    .team-profile-page .team-profile-heading { padding:29px 21px 25px; border-radius:3px 25px 3px 3px; }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(39px,10.5vw,57px); }
    .team-profile-page .team-profile-facts { gap:8px; }
    .team-profile-page .team-profile-facts > div { min-height:74px; }
}
@media (max-width:390px) {
    .team-profile-page .team-identity-suite { grid-template-columns:94px minmax(0,1fr); gap:10px; padding:10px; }
    .team-profile-page .team-identity-suite .team-profile-logo,
    .team-profile-page .team-identity-suite .team-hero-slogan { min-height:132px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:84px; }
    .team-profile-page .team-identity-suite .team-hero-slogan { padding:13px 11px 12px; }
    .team-profile-page .team-identity-suite .team-hero-slogan h2 { font-size:clamp(18px,5.7vw,23px); }
    .team-profile-page .team-identity-suite .team-hero-club-story { padding:16px 13px 14px; }
    .team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-suite .team-hero-club-story .team-club-story-content :is(p,li) { font-size:12.5px; }
}

/* Team profile v87 · bright club dossier with intentional responsive grids */
.team-profile-page {
    --profile-paper:#f7fbff;
    --profile-sky:#eaf7ff;
    --profile-ink:#082f62;
    --profile-muted:#587590;
}
.team-profile-page .team-profile-heading {
    align-items:center;
    justify-content:center;
    text-align:center;
    border-top:4px solid var(--team-color);
    border-left:1px solid rgba(199,243,248,.3);
    border-radius:4px 30px 4px 4px;
    background:
        linear-gradient(90deg,rgba(203,246,251,.11) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 50% -9%,color-mix(in srgb,var(--team-color),transparent 50%),transparent 44%),
        linear-gradient(145deg,#07386f,#0a5c98 100%);
    box-shadow:0 26px 62px rgba(0,18,53,.3),inset 0 1px rgba(255,255,255,.2);
}
.team-profile-page .team-profile-heading > span { justify-content:center; }
.team-profile-page .team-profile-heading h1 {
    max-width:none;
    text-align:center;
    text-wrap:balance;
}
.team-profile-page .team-profile-heading > p { max-width:32ch; text-align:center; }
.team-profile-page .team-profile-heading > div { justify-content:center; }
.team-profile-page .team-profile-heading > div > small { width:100%; text-align:center; }
.team-profile-page .team-profile-facebook { justify-content:center; }
.team-profile-page .team-profile-facts { margin-top:34px; }
.team-profile-page .team-profile-facts::before { left:50%; transform:translateX(-50%); }
.team-profile-page .team-profile-facts > div {
    border:1px solid rgba(206,245,249,.25);
    background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
}
.team-profile-page .team-profile-facts dt,
.team-profile-page .team-profile-facts dd { text-align:center; }

.team-profile-page .team-profile-overview--staff-only {
    background:
        radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 26%),
        linear-gradient(145deg,#eef9ff,#fff 44%,#f1f9ff);
}
.team-profile-page .team-profile-staff-head {
    min-height:150px;
    display:grid;
    place-items:center;
    padding:28px 30px;
    border:1px solid #d4e8f3;
    border-top:4px solid var(--team-color);
    border-left-width:1px;
    border-radius:4px 26px 4px 4px;
    text-align:center;
    background:
        radial-gradient(circle at 50% -40%,color-mix(in srgb,var(--team-color),transparent 72%),transparent 55%),
        linear-gradient(145deg,#fff,#edf8fd);
    box-shadow:0 18px 44px rgba(7,53,102,.1),inset 0 1px #fff;
}
.team-profile-page .team-profile-staff-head > div { max-width:none; }
.team-profile-page .team-profile-staff-head h2 {
    margin:9px 0 0;
    color:var(--profile-ink);
    font-size:clamp(30px,3.2vw,48px);
    line-height:1;
    white-space:normal;
    text-wrap:balance;
}
.team-profile-page .team-profile-overview--staff-only .team-profile-leaders {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(14px,1.6vw,22px);
}
.team-profile-page .team-profile-leaders .team-leader-card {
    min-height:318px;
    padding:12px;
    border:1px solid #dcebf3;
    border-top:4px solid var(--team-color);
    border-radius:4px 20px 4px 4px;
    background:linear-gradient(150deg,#fff 0%,#f3fbff 100%);
    box-shadow:0 16px 34px rgba(7,53,102,.1),inset 0 1px #fff;
}
.team-profile-page .team-leader-media {
    height:178px;
    border:1px solid #d7e9f2;
    border-radius:3px 15px 3px 3px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#eff9fc 86%),#eaf4f9);
}
.team-profile-page .team-leader-media > img { object-position:center top; }
.team-profile-page .team-leader-copy { min-height:103px; }
.team-profile-page .team-leader-copy strong { color:var(--profile-ink); }

.team-profile-page .team-kits-section {
    background:
        radial-gradient(circle at 91% 9%,color-mix(in srgb,var(--team-color),transparent 88%),transparent 24%),
        linear-gradient(145deg,#eaf7ff,#fff 49%,#f5fbff);
}
.team-profile-page .team-kits-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
    gap:clamp(16px,1.85vw,26px);
}
.team-profile-page .team-kit-card {
    border:1px solid #d9eaf3;
    border-top:5px solid var(--team-color);
    box-shadow:0 17px 36px rgba(7,53,102,.1),inset 0 1px #fff;
}
.team-profile-page .team-kit-visual {
    display:grid;
    place-items:center;
    min-height:300px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#e6f6fb 90%),#f9fdff);
}
.team-profile-page .team-kit-visual > img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}

.team-profile-page .team-roster-section {
    background:
        radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--team-color),transparent 84%),transparent 23%),
        radial-gradient(circle at 94% 91%,rgba(92,222,244,.18),transparent 27%),
        linear-gradient(145deg,#e9f8ff,#fafdff 45%,#edf8ff);
}
.team-profile-page .team-roster-heading.team-profile-section-head {
    border:1px solid #d7eaf3;
    border-top:4px solid var(--team-color);
    background:linear-gradient(145deg,#fff,#edf8fd);
    box-shadow:0 18px 42px rgba(7,53,102,.1),inset 0 1px #fff;
}
.team-profile-page .team-roster-heading.team-profile-section-head h2 { color:var(--profile-ink); }
.team-profile-page .team-roster-intro.team-roster-intro--label {
    border-left-color:var(--team-color);
    color:var(--profile-muted);
    background:#f4fbff;
}
.team-profile-page .team-roster-grid { gap:clamp(15px,1.7vw,22px); }
.team-profile-page .team-roster-grid .team-player-card {
    border:1px solid #d7eaf3;
    border-top:4px solid var(--team-color);
    background:linear-gradient(145deg,#fff,#f4fbff);
    box-shadow:0 16px 36px rgba(7,53,102,.13),inset 0 1px #fff;
}
.team-profile-page .team-player-card-body { background:linear-gradient(145deg,#fff,#f7fcff); }
.team-profile-page .team-player-portrait { background:linear-gradient(145deg,color-mix(in srgb,var(--team-color),#e7f5f9 87%),#f2f9fc); }

@media (max-width:1279px) and (min-width:781px) {
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .team-profile-page .team-leader-media { height:194px; }
}
@media (min-width:1400px) {
    .team-profile-page .team-roster-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .team-profile-page .team-roster-grid .team-player-card { grid-template-columns:142px minmax(0,1fr); }
    .team-profile-page .team-player-portrait { min-height:274px; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-heading {
        min-height:0;
        padding:31px 20px 26px;
        border-top-width:4px;
        border-left-width:1px;
        border-radius:3px 23px 3px 3px;
    }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(40px,11vw,56px); }
    .team-profile-page .team-profile-facts { margin-top:28px; padding-top:22px; }
    .team-profile-page .team-profile-overview--staff-only,
    .team-profile-page .team-kits-section,
    .team-profile-page .team-roster-section { padding-block:66px 74px; }
    .team-profile-page .team-profile-staff-head { min-height:126px; padding:23px 16px; border-radius:3px 20px 3px 3px; }
    .team-profile-page .team-profile-staff-head h2 { font-size:clamp(28px,8vw,37px); }
    .team-profile-page .team-profile-overview--staff-only .team-profile-leaders { grid-template-columns:1fr; gap:13px; }
    .team-profile-page .team-profile-leaders .team-leader-card {
        min-height:154px;
        grid-template-columns:112px minmax(0,1fr);
        gap:14px;
        padding:10px;
        border-radius:3px 17px 3px 3px;
    }
    .team-profile-page .team-leader-media { width:100%; height:132px; }
    .team-profile-page .team-leader-copy { min-height:0; align-self:center; }
    .team-profile-page .team-kits-grid { grid-template-columns:1fr; }
    .team-profile-page .team-kit-visual { min-height:264px; }
    .team-profile-page .team-roster-heading.team-profile-section-head { background:linear-gradient(145deg,#fff,#edf8fd); }
    .team-profile-page .team-roster-heading.team-profile-section-head h2 { color:var(--profile-ink); }
    .team-profile-page .team-roster-grid .team-player-card { box-shadow:0 12px 27px rgba(7,53,102,.12),inset 0 1px #fff; }
}
@media (max-width:390px) {
    .team-profile-page .team-profile-heading { padding-inline:16px; }
    .team-profile-page .team-leader-card .team-leader-media { height:124px; }
    .team-profile-page .team-leader-copy strong { font-size:12.5px; }
}

/* Team profile v88 · a single club narrative card and high-contrast squad */
.team-profile-page .team-identity-suite {
    grid-template-columns:minmax(194px,.78fr) minmax(0,1.22fr);
    grid-template-areas:'crest narrative';
    grid-template-rows:minmax(390px,auto);
    align-items:stretch;
    gap:18px;
    padding:18px;
}
.team-profile-page .team-identity-suite .team-profile-logo {
    grid-area:crest;
    min-height:390px;
    padding:36px 20px 54px;
    border-color:#fff;
    border-radius:4px 28px 4px 4px;
    box-shadow:0 18px 34px rgba(0,10,33,.26),inset 0 1px #fff,0 0 0 8px color-mix(in srgb,var(--team-color),transparent 90%);
}
.team-profile-page .team-identity-suite .team-profile-logo::before { inset:13px; }
.team-profile-page .team-identity-suite .team-profile-logo img {
    max-width:100%;
    max-height:278px;
    object-fit:contain;
    object-position:center;
}
.team-profile-page .team-identity-narrative {
    grid-area:narrative;
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color),#c9f7fb 56%);
    border-left:4px solid var(--team-color);
    border-radius:4px 26px 4px 4px;
    background:
        radial-gradient(circle at 100% 0,color-mix(in srgb,var(--team-color),transparent 56%),transparent 36%),
        linear-gradient(145deg,rgba(1,18,49,.98),rgba(3,67,121,.83));
    box-shadow:inset 0 1px rgba(255,255,255,.14),0 17px 36px rgba(0,8,31,.21);
}
.team-profile-page .team-identity-narrative::before {
    content:'';
    position:absolute;
    z-index:0;
    right:-38px;
    bottom:-38px;
    width:160px;
    height:160px;
    border:1px solid rgba(196,246,251,.18);
    border-radius:50%;
    box-shadow:0 0 0 22px rgba(196,246,251,.035),0 0 0 46px rgba(196,246,251,.018);
    pointer-events:none;
}
.team-profile-page .team-identity-narrative :is(.team-hero-slogan,.team-hero-club-story) {
    position:relative;
    z-index:1;
    width:auto;
    min-height:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan {
    flex:0 0 auto;
    padding:27px 25px 23px;
    border-bottom:1px solid rgba(203,247,252,.22);
}
.team-profile-page .team-identity-narrative .team-hero-slogan::after { display:none; }
.team-profile-page .team-identity-narrative .team-hero-slogan > span {
    color:color-mix(in srgb,var(--team-color),#fff 27%);
    border-color:color-mix(in srgb,var(--team-color),#fff 55%);
    background:rgba(0,13,40,.42);
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    max-width:calc(100% - 48px);
    margin-top:15px;
    color:var(--team-color);
    font-size:clamp(26px,2.3vw,35px);
    line-height:.98;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    color:var(--team-color);
    text-shadow:0 1px rgba(255,255,255,.17),0 11px 24px rgba(0,7,30,.42);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track { right:20px; bottom:18px; }
.team-profile-page .team-identity-narrative .team-hero-club-story {
    flex:1 1 auto;
    padding:22px 25px 18px;
}
.team-profile-page .team-identity-narrative .team-hero-club-story::before,
.team-profile-page .team-identity-narrative .team-hero-club-story::after { display:none; }
.team-profile-page .team-identity-narrative .team-hero-club-story > span {
    color:#fff;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    padding:0;
}
.team-profile-page .team-identity-narrative .team-hero-club-story > span > i { background:var(--team-color); }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) {
    color:rgba(255,255,255,.96);
    font-size:clamp(13.5px,1.04vw,15px);
    line-height:1.78;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(h2,h3,h4,strong,b) { color:#fff; }
.team-profile-page .team-identity-narrative .team-hero-club-story-mark { margin-top:13px; opacity:.78; }

.team-profile-page .team-roster-section {
    border-top:1px solid rgba(141,238,249,.5);
    border-bottom:4px solid var(--team-color);
    background:
        linear-gradient(90deg,rgba(139,239,250,.055) 1px,transparent 1px),
        linear-gradient(0deg,rgba(139,239,250,.04) 1px,transparent 1px),
        radial-gradient(circle at 7% 13%,color-mix(in srgb,var(--team-color),transparent 53%),transparent 27%),
        radial-gradient(circle at 93% 86%,rgba(78,222,244,.18),transparent 28%),
        linear-gradient(135deg,#031635,#063a77 52%,#096a9e 100%);
    background-size:58px 58px,58px 58px,auto,auto,auto;
}
.team-profile-page .team-roster-heading.team-profile-section-head {
    border-color:rgba(179,243,250,.48);
    border-top:4px solid var(--team-color);
    background:
        radial-gradient(circle at 93% 7%,color-mix(in srgb,var(--team-color),transparent 52%),transparent 31%),
        linear-gradient(138deg,#051c47,#0a5791);
    box-shadow:0 22px 48px rgba(0,8,32,.35),inset 0 1px rgba(255,255,255,.18);
}
.team-profile-page .team-roster-heading.team-profile-section-head .kicker { color:#bdf7fc; }
.team-profile-page .team-roster-heading.team-profile-section-head h2 {
    color:#fff;
    text-shadow:0 3px 0 rgba(0,12,41,.2),0 14px 28px rgba(0,7,29,.3);
}
.team-profile-page .team-roster-intro.team-roster-intro--label {
    border-left-color:var(--team-color);
    color:#e7fbff;
    background:rgba(1,18,50,.38);
}
.team-profile-page .team-roster-intro.team-roster-intro--label small { color:#e7fbff; }
.team-profile-page .team-roster-grid .team-player-card {
    border-color:rgba(206,243,248,.78);
    border-top:4px solid var(--team-color);
    box-shadow:0 17px 39px rgba(0,6,26,.29),inset 0 1px #fff;
}

@media (max-width:780px) {
    .team-profile-page .team-identity-suite {
        grid-template-columns:1fr;
        grid-template-areas:'crest' 'narrative';
        grid-template-rows:auto auto;
        gap:14px;
        padding:13px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo {
        width:min(100%,244px);
        min-height:250px;
        margin-inline:auto;
        padding:24px 17px 43px;
        border-radius:3px 23px 3px 3px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:174px; }
    .team-profile-page .team-identity-narrative { border-left-width:3px; border-radius:3px 22px 3px 3px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:21px 17px 18px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan > span { font-size:6.2px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 { max-width:calc(100% - 39px); font-size:clamp(23px,7vw,30px); }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { right:10px; bottom:12px; transform:scale(.84); transform-origin:bottom right; }
    .team-profile-page .team-identity-narrative .team-hero-club-story { padding:19px 17px 16px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) { font-size:13px; line-height:1.76; text-align:left; }
    .team-profile-page .team-roster-section { background-size:44px 44px,44px 44px,auto,auto,auto; }
    .team-profile-page .team-roster-heading.team-profile-section-head { border-radius:3px 21px 3px 3px; }
}
@media (max-width:390px) {
    .team-profile-page .team-identity-suite .team-profile-logo { width:min(100%,220px); min-height:226px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:158px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:18px 14px 16px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 { font-size:clamp(21px,6.9vw,26px); }
    .team-profile-page .team-identity-narrative .team-hero-club-story { padding:17px 14px 14px; }
}

/* Team profile v89 · logo, slogan and story share one unified identity card */
.team-profile-page .team-identity-suite {
    overflow:hidden;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--team-color),#bceff5 56%);
    border-top:5px solid var(--team-color);
    border-radius:4px 34px 4px 4px;
    background:
        linear-gradient(90deg,rgba(195,246,250,.07) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--team-color),transparent 52%),transparent 28%),
        linear-gradient(142deg,#03183f,#07528b);
    box-shadow:0 30px 68px rgba(0,7,29,.39),inset 0 1px rgba(255,255,255,.16);
}
.team-profile-page .team-identity-suite::before { inset:15px; border-color:rgba(207,248,252,.18); }
.team-profile-page .team-identity-suite .team-profile-logo {
    width:auto;
    min-height:0;
    padding:23px 10px 48px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.team-profile-page .team-identity-suite .team-profile-logo::before {
    inset:6px 8px 27px;
    border:1px solid color-mix(in srgb,var(--team-color),#e4fbfd 54%);
    border-radius:50%;
    background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.95) 0 40%,rgba(214,242,247,.9) 68%,rgba(130,221,237,.18) 100%);
    box-shadow:0 0 0 9px rgba(169,241,249,.045),0 0 0 18px rgba(169,241,249,.024);
}
.team-profile-page .team-identity-suite .team-profile-logo img,
.team-profile-page .team-identity-suite .team-profile-logo > strong { z-index:2; }
.team-profile-page .team-identity-suite .team-profile-logo img {
    width:88%;
    height:88%;
    max-height:288px;
    filter:drop-shadow(0 18px 18px rgba(0,9,32,.27));
}
.team-profile-page .team-identity-suite .team-profile-logo > span {
    z-index:3;
    bottom:0;
    min-height:31px;
    color:#d9fbff;
    border:0;
    background:transparent;
    font-size:6px;
}
.team-profile-page .team-identity-narrative {
    border:0;
    border-left:1px solid rgba(204,247,252,.24);
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.team-profile-page .team-identity-narrative::before { opacity:.72; }
.team-profile-page .team-identity-narrative .team-hero-slogan {
    padding:25px 24px 21px;
    border-bottom-color:rgba(204,247,252,.24);
}
.team-profile-page .team-identity-narrative .team-hero-club-story { padding:21px 24px 14px; }

@media (max-width:780px) {
    .team-profile-page .team-identity-suite {
        padding:18px 16px 16px;
        border-radius:3px 27px 3px 3px;
    }
    .team-profile-page .team-identity-suite::before { inset:10px; }
    .team-profile-page .team-identity-suite .team-profile-logo {
        width:min(100%,270px);
        min-height:244px;
        padding:16px 8px 44px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo::before { inset:4px 9px 27px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { width:90%; height:90%; max-height:185px; }
    .team-profile-page .team-identity-narrative {
        border-top:1px solid rgba(204,247,252,.25);
        border-left:0;
    }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:20px 4px 18px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story { padding:18px 4px 8px; }
}
@media (max-width:390px) {
    .team-profile-page .team-identity-suite { padding:15px 12px 13px; }
    .team-profile-page .team-identity-suite .team-profile-logo { width:min(100%,236px); min-height:218px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:166px; }
}

/* Team profile v90 · full-width club identity, vertical team dossier below */
@media (min-width:781px) {
    .team-profile-page .team-profile-hero { min-height:0; }
    .team-profile-page .team-profile-hero-inner {
        grid-template-columns:1fr;
        min-height:0;
        gap:26px;
        padding-block:clamp(62px,6vw,92px) 118px;
    }
    .team-profile-page .team-identity-suite {
        grid-template-columns:minmax(280px,.52fr) minmax(0,1.48fr);
        grid-template-rows:minmax(390px,auto);
        width:100%;
        max-width:none;
    }
    .team-profile-page .team-identity-suite::after { display:none; }
    .team-profile-page .team-identity-suite .team-profile-logo {
        min-height:390px;
        padding:26px 14px 51px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:292px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:31px 34px 25px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story { padding:24px 34px 18px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) {
        max-width:84ch;
        font-size:clamp(14px,1vw,15.5px);
        line-height:1.82;
    }
    .team-profile-page .team-profile-heading {
        width:min(100%,680px);
        min-height:0;
        margin-inline:auto;
        padding:36px 46px 34px;
    }
    .team-profile-page .team-profile-heading h1 { font-size:clamp(48px,5vw,72px); }
    .team-profile-page .team-profile-heading > p { margin-top:14px; }
    .team-profile-page .team-profile-heading > div { margin-top:19px; }
    .team-profile-page .team-profile-facts { margin-top:27px; }
    .team-profile-page .team-profile-facts > div { min-height:82px; }
}
@media (min-width:1180px) {
    .team-profile-page .team-identity-suite { grid-template-columns:minmax(318px,.5fr) minmax(0,1.5fr); }
    .team-profile-page .team-identity-suite .team-profile-logo { min-height:414px; }
}

/* Team profile v91 · crest-first identity, with the narrative below */
.team-profile-page .team-identity-suite .team-profile-logo::before { display:none; }
.team-profile-page .team-identity-suite .team-profile-logo img {
    filter:
        drop-shadow(0 18px 20px rgba(0,8,31,.38))
        drop-shadow(0 0 16px color-mix(in srgb,var(--team-color),transparent 58%));
}

@media (min-width:781px) {
    .team-profile-page .team-identity-suite {
        grid-template-columns:minmax(0,1fr);
        grid-template-areas:
            'crest'
            'narrative';
        grid-template-rows:auto auto;
        gap:0;
        padding:clamp(24px,2.4vw,36px) clamp(28px,4.5vw,68px) 26px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo {
        width:min(100%,350px);
        min-height:292px;
        justify-self:center;
        padding:16px 12px 45px;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img {
        width:100%;
        height:100%;
        max-height:236px;
        object-fit:contain;
        object-position:center;
    }
    .team-profile-page .team-identity-suite .team-profile-logo > span { min-height:30px; }
    .team-profile-page .team-identity-narrative {
        border-top:1px solid rgba(204,247,252,.27);
        border-left:0;
    }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:30px clamp(24px,3.1vw,46px) 24px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story { padding:23px clamp(24px,3.1vw,46px) 17px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) {
        max-width:84ch;
        font-size:clamp(14px,1vw,15.5px);
        line-height:1.82;
    }
}
@media (min-width:1180px) {
    .team-profile-page .team-identity-suite .team-profile-logo { width:min(100%,380px); min-height:316px; }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:258px; }
}

/* Team profile v92 · editorial Club Story pull quote */
.team-profile-page .team-identity-narrative .team-hero-club-story {
    isolation:isolate;
    padding-left:clamp(26px,3.2vw,50px);
    border-left:3px solid var(--team-color);
    background:linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 87%),transparent 42%);
}
.team-profile-page .team-identity-narrative .team-hero-club-story::before {
    content:'“';
    position:absolute;
    z-index:0;
    top:9px;
    left:7px;
    color:color-mix(in srgb,var(--team-color),#fff 24%);
    font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(76px,8vw,132px);
    font-weight:700;
    line-height:.72;
    opacity:.42;
    pointer-events:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story > * { position:relative; z-index:1; }
.team-profile-page .team-identity-narrative .team-hero-club-story > span {
    display:flex;
    align-items:center;
    gap:9px;
    color:#fff;
    font-weight:800;
    letter-spacing:.115em;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) {
    color:#fff;
    text-shadow:0 1px 0 rgba(0,7,28,.2);
}
.team-profile-page .team-identity-narrative .team-hero-club-story-mark { opacity:.52; }

@media (min-width:781px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story {
        padding:28px clamp(28px,3.4vw,52px) 21px clamp(42px,4.5vw,66px);
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story::before { top:16px; left:17px; }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story {
        padding:24px 16px 17px 30px;
        border-left-width:3px;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story::before {
        top:13px;
        left:5px;
        font-size:82px;
    }
}

/* Team profile v93 · one vertical club narrative followed by a light team card */
.team-profile-page .team-profile-hero-inner {
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
}
.team-profile-page .team-profile-heading {
    width:min(100%,840px);
    min-height:0;
    margin-inline:auto;
    border:1px solid color-mix(in srgb,var(--team-color),#d8eaf4 66%);
    border-top:5px solid var(--team-color);
    border-left-width:1px;
    border-radius:4px 30px 4px 4px;
    color:var(--profile-ink);
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 90%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 94% 7%,color-mix(in srgb,var(--team-color),transparent 86%),transparent 30%),
        linear-gradient(145deg,#fff,#edf9ff 100%);
    box-shadow:0 24px 52px rgba(5,44,90,.15),inset 0 1px #fff;
}
.team-profile-page .team-profile-heading::before { color:rgba(8,47,98,.28); }
.team-profile-page .team-profile-heading::after {
    background:linear-gradient(90deg,transparent,var(--team-color),#7eeafb,transparent);
    box-shadow:0 0 16px color-mix(in srgb,var(--team-color),transparent 48%);
}
.team-profile-page .team-profile-heading > span {
    border-color:color-mix(in srgb,var(--team-color),#b7ddeb 54%);
    color:color-mix(in srgb,var(--team-color),#082f62 36%);
    background:color-mix(in srgb,var(--team-color),#fff 91%);
    box-shadow:inset 0 1px #fff,0 0 0 5px color-mix(in srgb,var(--team-color),transparent 94%);
}
.team-profile-page .team-profile-heading h1 {
    color:var(--profile-ink);
    background:none;
    -webkit-text-fill-color:var(--profile-ink);
    filter:none;
    text-shadow:none;
}
.team-profile-page .team-profile-heading > p { color:#45637f; }
.team-profile-page .team-profile-heading > p::before {
    background:linear-gradient(90deg,var(--team-color),#7eeafb);
    box-shadow:0 0 10px color-mix(in srgb,var(--team-color),transparent 47%);
}
.team-profile-page .team-profile-facebook,
.team-profile-page .team-profile-facebook.is-pending {
    border-color:color-mix(in srgb,var(--team-color),#c2ddea 58%);
    color:#0a3d72;
    background:#fff;
    box-shadow:0 10px 20px rgba(7,53,102,.08),inset 0 1px #fff;
}
.team-profile-page .team-profile-facebook i {
    color:#fff;
    background:var(--team-color);
}
.team-profile-page .team-profile-facebook b { color:var(--team-color); }
.team-profile-page .team-profile-facebook:hover,
.team-profile-page .team-profile-facebook:focus-visible {
    color:#fff;
    border-color:var(--team-color);
    background:var(--team-color);
    box-shadow:0 16px 28px color-mix(in srgb,var(--team-color),transparent 63%);
}
.team-profile-page .team-profile-facebook:hover i,
.team-profile-page .team-profile-facebook:focus-visible i { color:var(--team-color); background:#fff; }
.team-profile-page .team-profile-facebook:hover b,
.team-profile-page .team-profile-facebook:focus-visible b { color:#fff; }
.team-profile-page .team-profile-heading > div > small { color:#51718d; }
.team-profile-page .team-profile-facts { border-top-color:#d7e8f2; }
.team-profile-page .team-profile-facts::before { color:#55718a; }
.team-profile-page .team-profile-facts > div {
    border-color:#d6e7f0;
    border-bottom-color:var(--team-color);
    background:linear-gradient(145deg,#fff,#edf8fd);
    box-shadow:inset 0 1px #fff,0 8px 17px rgba(8,54,102,.06);
}
.team-profile-page .team-profile-facts > div::after { border-color:color-mix(in srgb,var(--team-color),transparent 74%); }
.team-profile-page .team-profile-facts > div:hover {
    border-color:color-mix(in srgb,var(--team-color),#d6e7f0 36%);
    background:#fff;
}
.team-profile-page .team-profile-facts dt { color:#082f62; }
.team-profile-page .team-profile-facts dd { color:color-mix(in srgb,var(--team-color),#315a81 32%); }

@media (min-width:781px) {
    .team-profile-page .team-profile-hero-inner { gap:30px; }
    .team-profile-page .team-profile-heading { padding:clamp(34px,3.4vw,52px); }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-hero-inner { gap:21px; }
    .team-profile-page .team-profile-heading { width:100%; padding:28px 19px 23px; }
    .team-profile-page .team-profile-heading::before { right:15px; top:15px; font-size:5px; }
    .team-profile-page .team-profile-heading > p { margin-bottom:22px; }
    .team-profile-page .team-profile-facebook { min-height:43px; }
    .team-profile-page .team-profile-facts { margin-top:26px; padding-top:22px; }
    .team-profile-page .team-profile-facts > div { min-height:80px; }
}

/* Team profile v94 · full-width, light club dossier */
.team-profile-page .team-profile-heading {
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
        'copy'
        'facts';
    gap:28px;
    margin:0;
    padding:clamp(28px,3.2vw,48px);
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color),#d7e9f2 68%);
    border-top:6px solid var(--team-color);
    border-radius:4px 34px 4px 4px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 91%) 0 1px,transparent 1px 100%),
        linear-gradient(0deg,color-mix(in srgb,var(--team-color),transparent 94%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 98% 4%,color-mix(in srgb,var(--team-color),transparent 86%),transparent 30%),
        linear-gradient(145deg,#fff 0%,#f7fcff 54%,#eaf7fd 100%);
    background-size:48px 48px,48px 48px,auto,auto;
    box-shadow:0 28px 58px rgba(7,49,92,.16),inset 0 1px #fff;
}
.team-profile-page .team-profile-heading::before {
    top:20px;
    right:26px;
    color:#62809a;
    font-size:6px;
    letter-spacing:.18em;
}
.team-profile-page .team-profile-heading::after {
    left:clamp(28px,3.2vw,48px);
    right:auto;
    width:clamp(84px,10vw,154px);
    background:linear-gradient(90deg,var(--team-color),#79e7f7,transparent);
    box-shadow:0 0 14px color-mix(in srgb,var(--team-color),transparent 54%);
}
.team-profile-page .team-profile-heading-copy {
    grid-area:copy;
    position:relative;
    z-index:1;
    min-width:0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    text-align:left;
}
.team-profile-page .team-profile-heading-copy > span {
    width:max-content;
    max-width:100%;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    margin:0;
    padding:0 12px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color),#c6e1ec 55%);
    border-radius:999px;
    color:#164b7e;
    background:color-mix(in srgb,var(--team-color),#fff 91%);
    box-shadow:inset 0 1px #fff,0 0 0 5px color-mix(in srgb,var(--team-color),transparent 95%);
    font-size:7px;
    font-weight:900;
    letter-spacing:.15em;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.team-profile-page .team-profile-heading-copy h1 {
    max-width:14ch;
    margin:20px 0 0;
    color:#082f62;
    background:none;
    -webkit-text-fill-color:#082f62;
    font-size:clamp(46px,5.4vw,82px);
    line-height:.9;
    letter-spacing:-.065em;
    text-align:left;
    text-shadow:none;
}
.team-profile-page .team-profile-heading-copy > p {
    position:relative;
    width:auto;
    max-width:40ch;
    margin:20px 0 0;
    padding-left:37px;
    color:#45657f;
    font-size:clamp(12px,1vw,14px);
    font-weight:700;
    line-height:1.55;
    letter-spacing:.025em;
    text-align:left;
}
.team-profile-page .team-profile-heading-copy > p::before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:24px;
    height:3px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,var(--team-color),#7eeafb);
    box-shadow:0 0 10px color-mix(in srgb,var(--team-color),transparent 48%);
}
.team-profile-page .team-profile-heading-links {
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px 16px;
    width:100%;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid #d9e8f0;
}
.team-profile-page .team-profile-heading-links > small {
    color:#55748e;
    font-size:6px;
    font-weight:900;
    letter-spacing:.14em;
}
.team-profile-page .team-profile-heading .team-profile-facebook { min-height:44px; }
.team-profile-page .team-profile-facts {
    grid-area:facts;
    position:relative;
    align-self:stretch;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:end;
    gap:12px;
    width:100%;
    margin:0;
    padding:33px 0 0;
    border:0;
    border-top:1px solid #d9e8f0;
}
.team-profile-page .team-profile-facts::before {
    content:'TEAM DATA · MÙA IV';
    position:absolute;
    left:0;
    top:13px;
    color:#587791;
    font:900 6px/1 var(--font-body);
    letter-spacing:.18em;
    transform:none;
}
.team-profile-page .team-profile-facts > div {
    min-height:100px;
    align-items:center;
    justify-content:center;
    padding:16px;
    border:1px solid #d8e8f1;
    border-top:3px solid color-mix(in srgb,var(--team-color),#d9edf4 38%);
    border-bottom:0;
    border-radius:3px 16px 3px 3px;
    background:linear-gradient(145deg,#fff,#eef9fd);
    box-shadow:inset 0 1px #fff,0 11px 22px rgba(7,50,95,.07);
}
.team-profile-page .team-profile-facts > div::after {
    right:-18px;
    top:-18px;
    border-color:color-mix(in srgb,var(--team-color),transparent 77%);
}
.team-profile-page .team-profile-facts dt {
    color:#082f62;
    font-size:clamp(30px,3.2vw,46px);
    text-align:center;
}
.team-profile-page .team-profile-facts dd {
    margin-top:8px;
    color:color-mix(in srgb,var(--team-color),#365d81 32%);
    font-size:6.5px;
    text-align:center;
}

@media (min-width:900px) {
    .team-profile-page .team-profile-heading {
        grid-template-columns:minmax(0,1.18fr) minmax(286px,.82fr);
        grid-template-areas:'copy facts';
        gap:clamp(34px,5vw,84px);
    }
    .team-profile-page .team-profile-facts {
        min-height:218px;
        padding:33px 0 0 clamp(25px,3.1vw,48px);
        border-top:0;
        border-left:1px solid #d9e8f0;
    }
    .team-profile-page .team-profile-facts::before { left:clamp(25px,3.1vw,48px); }
    .team-profile-page .team-profile-facts > div { min-height:148px; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-heading {
        gap:22px;
        padding:25px 17px 23px;
        border-top-width:5px;
        border-radius:3px 24px 3px 3px;
        background-size:38px 38px,38px 38px,auto,auto;
    }
    .team-profile-page .team-profile-heading::before { top:15px; right:14px; font-size:5px; }
    .team-profile-page .team-profile-heading::after { left:17px; width:80px; }
    .team-profile-page .team-profile-heading-copy > span { min-height:28px; padding-inline:10px; font-size:6px; }
    .team-profile-page .team-profile-heading-copy h1 { max-width:100%; margin-top:17px; font-size:clamp(40px,10.5vw,56px); }
    .team-profile-page .team-profile-heading-copy > p { margin-top:17px; padding-left:31px; font-size:12px; }
    .team-profile-page .team-profile-heading-copy > p::before { width:20px; }
    .team-profile-page .team-profile-heading-links { gap:10px; margin-top:18px; padding-top:16px; }
    .team-profile-page .team-profile-heading-links > small { width:100%; font-size:5.6px; }
    .team-profile-page .team-profile-heading .team-profile-facebook { min-height:43px; }
    .team-profile-page .team-profile-facts { gap:8px; padding-top:30px; }
    .team-profile-page .team-profile-facts::before { top:12px; font-size:5.5px; }
    .team-profile-page .team-profile-facts > div { min-height:82px; padding:12px 8px; }
    .team-profile-page .team-profile-facts dt { font-size:31px; }
    .team-profile-page .team-profile-facts dd { margin-top:6px; font-size:5.7px; }
}

/* Team profile v95 · full-width bright identity dossier */
.team-profile-page .team-identity-suite {
    width:100%;
    max-width:none;
    gap:0;
    padding:clamp(25px,3.1vw,46px) clamp(22px,4.6vw,70px) 28px;
    border:1px solid color-mix(in srgb,var(--team-color),#d8e9f2 68%);
    border-top:6px solid var(--team-color);
    border-radius:4px 36px 4px 4px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 92%) 0 1px,transparent 1px 100%),
        linear-gradient(0deg,color-mix(in srgb,var(--team-color),transparent 95%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 97% 5%,color-mix(in srgb,var(--team-color),transparent 86%),transparent 30%),
        linear-gradient(145deg,#fff 0%,#f8fcff 55%,#edf9fd 100%);
    background-size:50px 50px,50px 50px,auto,auto;
    box-shadow:0 29px 60px rgba(6,48,91,.16),inset 0 1px #fff;
}
.team-profile-page .team-identity-suite::before {
    inset:13px;
    border-color:rgba(27,85,126,.12);
    background:none;
}
.team-profile-page .team-identity-suite::after { display:none; }
.team-profile-page .team-identity-suite .team-profile-logo {
    min-height:0;
    padding:8px 12px 46px;
    border:0;
    border-bottom:1px solid #d9e9f1;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.team-profile-page .team-identity-suite .team-profile-logo img {
    filter:
        drop-shadow(0 17px 20px rgba(5,45,86,.21))
        drop-shadow(0 0 13px color-mix(in srgb,var(--team-color),transparent 66%));
}
.team-profile-page .team-identity-suite .team-profile-logo > span {
    color:#164b7e;
    font-size:6px;
    font-weight:900;
    letter-spacing:.18em;
}
.team-profile-page .team-identity-suite .team-identity-narrative {
    overflow:visible;
    border:0;
    border-top:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.team-profile-page .team-identity-narrative::before {
    right:-30px;
    bottom:-34px;
    border-color:color-mix(in srgb,var(--team-color),transparent 76%);
    box-shadow:0 0 0 20px color-mix(in srgb,var(--team-color),transparent 94%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan {
    padding:clamp(24px,2.7vw,38px) clamp(4px,1.3vw,18px) clamp(22px,2.4vw,31px);
    border-bottom:1px solid #d9e9f1;
    background:transparent;
}
.team-profile-page .team-identity-narrative .team-hero-slogan > span {
    color:#164b7e;
    border-color:color-mix(in srgb,var(--team-color),#c9e2ed 57%);
    background:color-mix(in srgb,var(--team-color),#fff 92%);
    box-shadow:inset 0 1px #fff,0 0 0 4px color-mix(in srgb,var(--team-color),transparent 95%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan > span > i { box-shadow:none; }
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    max-width:min(100%,27ch);
    color:color-mix(in srgb,var(--team-color),#082f62 30%);
    text-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    color:color-mix(in srgb,var(--team-color),#082f62 30%);
    text-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    border-color:color-mix(in srgb,var(--team-color),#b9dce9 58%);
    opacity:.78;
}
.team-profile-page .team-identity-narrative .team-hero-club-story {
    isolation:isolate;
    padding:clamp(25px,2.8vw,40px) clamp(12px,1.7vw,24px) clamp(18px,2.1vw,28px) clamp(32px,4.2vw,64px);
    border-left:3px solid var(--team-color);
    background:linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 89%),transparent 48%);
}
.team-profile-page .team-identity-narrative .team-hero-club-story::before {
    z-index:0;
    color:color-mix(in srgb,var(--team-color),#fff 27%);
    opacity:.25;
}
.team-profile-page .team-identity-narrative .team-hero-club-story > span {
    color:#0b396a;
    font-weight:900;
    letter-spacing:.125em;
}
.team-profile-page .team-identity-narrative .team-hero-club-story > span > i { background:var(--team-color); }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) {
    max-width:84ch;
    color:#183e67;
    font-size:clamp(13.5px,1.04vw,15.5px);
    line-height:1.82;
    text-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(h2,h3,h4,strong,b) { color:#082f62; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content a { color:color-mix(in srgb,var(--team-color),#06376e 28%); }
.team-profile-page .team-identity-narrative .team-hero-club-story-mark { opacity:.58; }

@media (min-width:781px) {
    .team-profile-page .team-identity-suite {
        grid-template-rows:auto auto;
        padding-bottom:31px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo {
        width:min(100%,390px);
        min-height:316px;
        padding-top:4px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:255px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding-left:clamp(6px,1.7vw,26px); }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-suite {
        padding:19px 16px 20px;
        border-top-width:5px;
        border-radius:3px 25px 3px 3px;
        background-size:38px 38px,38px 38px,auto,auto;
    }
    .team-profile-page .team-identity-suite::before { inset:9px; }
    .team-profile-page .team-identity-suite .team-profile-logo {
        width:min(100%,276px);
        min-height:244px;
        padding:5px 7px 42px;
    }
    .team-profile-page .team-identity-suite .team-profile-logo img { max-height:186px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan { padding:22px 2px 20px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 { max-width:calc(100% - 34px); font-size:clamp(23px,7vw,30px); }
    .team-profile-page .team-identity-narrative .team-hero-club-story {
        padding:24px 8px 17px 28px;
        border-left-width:3px;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story::before { top:13px; left:4px; font-size:82px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content,
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li) { font-size:13px; line-height:1.76; }
}

/* Team profile v96 · centered match-day Team Slogan */
.team-profile-page .team-identity-narrative .team-hero-slogan {
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:194px;
    padding:clamp(27px,3vw,42px) clamp(14px,3vw,38px) clamp(22px,2.7vw,34px);
    overflow:hidden;
    text-align:center;
    background:
        linear-gradient(90deg,transparent 49.85%,color-mix(in srgb,var(--team-color),transparent 88%) 50%,transparent 50.15%),
        radial-gradient(circle at 50% 0,color-mix(in srgb,var(--team-color),transparent 87%),transparent 43%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan > span {
    align-self:center;
    min-height:29px;
    display:inline-flex;
    justify-content:center;
    padding-inline:12px;
    color:#123f70;
    font-size:6.5px;
    letter-spacing:.16em;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    width:100%;
    max-width:min(100%,32ch);
    justify-content:center;
    gap:4px 10px;
    margin:17px 0 0;
    color:color-mix(in srgb,var(--team-color),#082f62 28%);
    font-size:clamp(28px,3.2vw,47px);
    line-height:.94;
    text-align:center;
    text-wrap:balance;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    color:color-mix(in srgb,var(--team-color),#082f62 28%);
    text-shadow:0 1px #fff,0 12px 25px color-mix(in srgb,var(--team-color),transparent 86%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 em { font-style:italic; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    position:relative;
    right:auto;
    bottom:auto;
    flex:0 0 auto;
    width:min(100%,324px);
    height:48px;
    display:block;
    margin:19px auto 0;
    overflow:visible;
    border:0;
    border-radius:0;
    box-shadow:none;
    opacity:1;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    left:0;
    top:50%;
    width:100%;
    height:2px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--team-color),#7ae8f7 33%) 12% 74%,transparent 100%);
    box-shadow:0 0 12px color-mix(in srgb,var(--team-color),transparent 76%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    right:1px;
    top:9px;
    width:32px;
    height:28px;
    border:2px solid color-mix(in srgb,var(--team-color),#b8dce9 47%);
    border-left:0;
    background:repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in srgb,var(--team-color),transparent 78%) 6px 7px);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    position:absolute;
    z-index:2;
    left:12%;
    top:50%;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:2px solid #0b477a;
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 50%,#0b477a 0 17%,transparent 18%),
        radial-gradient(circle at 26% 31%,#0b477a 0 9%,transparent 10%),
        radial-gradient(circle at 74% 31%,#0b477a 0 9%,transparent 10%),
        radial-gradient(circle at 28% 74%,#0b477a 0 9%,transparent 10%),
        radial-gradient(circle at 73% 74%,#0b477a 0 9%,transparent 10%),
        #fff;
    box-shadow:0 7px 14px rgba(7,51,94,.18),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 91%);
    color:transparent;
    font-size:0;
    animation:teamSloganBallPulse 4.8s ease-in-out infinite;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > b {
    position:absolute;
    z-index:1;
    right:34px;
    top:5px;
    width:1px;
    height:38px;
    display:block;
    background:color-mix(in srgb,var(--team-color),#b8dce9 47%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span {
    position:absolute;
    z-index:1;
    left:45%;
    top:50%;
    width:8px;
    height:8px;
    display:block;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid color-mix(in srgb,var(--team-color),#b8dce9 54%);
    background:#fff;
}
.team-profile-page .team-identity-narrative .team-hero-slogan:hover .team-hero-slogan-track > i {
    transform:translateY(-50%);
    animation-duration:1.5s;
}

@keyframes teamSloganBallPulse {
    0%,100% { transform:translateY(-50%) rotate(0deg) scale(1); }
    42% { transform:translateY(calc(-50% - 5px)) rotate(145deg) scale(1.04); }
    58% { transform:translateY(-50%) rotate(205deg) scale(.98); }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan {
        min-height:178px;
        padding:25px 10px 21px;
    }
    .team-profile-page .team-identity-narrative .team-hero-slogan > span { min-height:27px; padding-inline:10px; font-size:6px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 {
        max-width:100%;
        margin-top:15px;
        font-size:clamp(25px,7.8vw,34px);
    }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,272px); height:44px; margin-top:16px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { width:31px; height:31px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::after { top:8px; width:28px; height:26px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > b { right:30px; height:35px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { animation:none; }
}

/* Team profile v104 · static slogan lock-up, no football flight animation */
.team-profile-page .team-identity-narrative .team-hero-slogan {
    min-height:0;
    padding:clamp(29px,3.4vw,46px) clamp(16px,3vw,38px) clamp(25px,3vw,37px);
    border:1px solid color-mix(in srgb,var(--team-color),#cfe5ee 59%);
    border-top:4px solid var(--team-color);
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#d2e7ef 68%);
    border-radius:3px 24px 3px 3px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 93%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 50% 0,color-mix(in srgb,var(--team-color),transparent 87%),transparent 48%),
        linear-gradient(145deg,#fff,#f6fbfd);
    background-size:38px 38px,auto,auto;
    box-shadow:0 17px 37px rgba(7,53,102,.09),inset 0 1px #fff;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    width:100%;
    max-width:30ch;
    gap:4px;
    margin:0;
    text-align:center;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    color:var(--team-slogan-primary);
    font-size:clamp(29px,3.45vw,49px);
    line-height:.96;
    letter-spacing:-.055em;
    text-shadow:0 1px #fff;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 em {
    color:var(--team-slogan-contrast);
    font-style:italic;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    position:relative;
    width:min(100%,230px);
    height:29px;
    margin:20px auto 0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    content:'';
    position:absolute;
    z-index:0;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    transform:translateY(-50%);
    border:0;
    border-radius:0;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--team-color),#75dfea 35%) 20% 80%,transparent);
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    content:'◆';
    position:absolute;
    z-index:1;
    top:50%;
    right:15%;
    width:auto;
    height:auto;
    transform:translateY(-50%);
    border:0;
    background:none;
    box-shadow:none;
    color:var(--team-slogan-contrast);
    font:900 9px/1 var(--font-body);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    bottom:auto;
    width:28px;
    height:28px;
    transform:translate(-50%,-50%);
    border:2px solid #0c426f;
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 50%,#0c426f 0 17%,transparent 18%),
        radial-gradient(circle at 26% 31%,#0c426f 0 9%,transparent 10%),
        radial-gradient(circle at 74% 31%,#0c426f 0 9%,transparent 10%),
        radial-gradient(circle at 28% 74%,#0c426f 0 9%,transparent 10%),
        radial-gradient(circle at 73% 74%,#0c426f 0 9%,transparent 10%),#fff;
    box-shadow:0 0 0 5px #fff,0 0 0 7px color-mix(in srgb,var(--team-color),transparent 91%);
    color:transparent;
    font-size:0;
    animation:none !important;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > :is(b,span) { display:none; }
.team-profile-page .team-identity-narrative .team-hero-slogan:hover .team-hero-slogan-track > i {
    transform:translate(-50%,-50%);
    animation:none;
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan {
        min-height:0;
        padding:27px 14px 24px;
        border-radius:3px 20px 3px 3px;
    }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) { font-size:clamp(27px,8vw,37px); }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,210px); height:27px; margin-top:18px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { width:26px; height:26px; }
}

/* Team profile v99 · stadium-pitch slogan shot with an illustrated football */
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    width:min(100%,350px);
    height:86px;
    margin-top:18px;
    --slogan-shot-mid:clamp(76px,9vw,112px);
    --slogan-shot-end:clamp(180px,19vw,220px);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    z-index:2;
    left:4%;
    top:8px;
    width:77%;
    height:65px;
    transform:rotate(-9deg);
    border-top:2px dashed color-mix(in srgb,var(--team-color),#2f93c9 37%);
    border-radius:50%;
    background:none;
    box-shadow:0 -4px 15px color-mix(in srgb,var(--team-color),transparent 85%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    z-index:3;
    right:4px;
    bottom:11px;
    width:66px;
    height:54px;
    transform:perspective(140px) rotateY(-12deg) skewY(-2deg);
    border:2px solid #f9feff;
    border-bottom-width:3px;
    border-left-color:#d4eff6;
    background:
        repeating-linear-gradient(90deg,transparent 0 7px,rgba(20,95,137,.28) 7px 8px),
        repeating-linear-gradient(0deg,transparent 0 8px,rgba(20,95,137,.22) 8px 9px),
        linear-gradient(145deg,rgba(255,255,255,.76),rgba(199,239,244,.25));
    box-shadow:0 0 0 1px color-mix(in srgb,var(--team-color),transparent 77%),0 0 20px color-mix(in srgb,var(--team-color),transparent 78%),inset 0 0 13px rgba(255,255,255,.76);
    animation:teamSloganGoalGlow 7.2s ease-in-out infinite;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span {
    position:absolute;
    z-index:0;
    inset:auto 0 0;
    display:block;
    height:41px;
    overflow:hidden;
    transform:perspective(150px) rotateX(32deg);
    transform-origin:center bottom;
    border:1px solid color-mix(in srgb,var(--team-color),#a6dfe5 69%);
    border-radius:3px 3px 18px 18px;
    background:
        linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.78) 49.5% 50.5%,transparent 50.5%),
        linear-gradient(90deg,rgba(255,255,255,.7) 0 1px,transparent 1px 100%),
        linear-gradient(96deg,#eef9ff,#d7f2fb 47%,#eefaff);
    background-size:auto,25% 100%,auto;
    box-shadow:0 8px 15px color-mix(in srgb,var(--team-color),transparent 89%),inset 0 1px rgba(255,255,255,.9);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::before,
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::after {
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    width:13%;
    border:1px solid rgba(255,255,255,.72);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::before { left:2%; border-right:0; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::after { right:2%; border-left:0; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track > b {
    z-index:4;
    right:7px;
    bottom:7px;
    width:58px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#d7f1f4,#fff,#d7f1f4);
    box-shadow:0 0 8px rgba(168,231,239,.9);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    z-index:5;
    left:5%;
    bottom:12px;
    width:38px;
    height:38px;
    border:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='ball' cx='31%25' cy='24%25' r='78%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.67' stop-color='%23f4f7fa'/%3E%3Cstop offset='1' stop-color='%23c9d5df'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='url(%23ball)' stroke='%23657788' stroke-width='2'/%3E%3Cpath d='M50 29 64 39 59 57 41 57 36 39Z' fill='%23041e3d'/%3E%3Cpath d='m36 39-17 6-4 18 13 12 13-18Z' fill='%23113b61'/%3E%3Cpath d='m64 39 17 6 4 18-13 12-13-18Z' fill='%23113b61'/%3E%3Cpath d='m41 57-13 18 22 16 22-16-13-18Z' fill='%230a2b4c'/%3E%3Cpath d='M19 45 31 28l19 1M81 45 69 28l-19 1M15 63l7 18 28 10M85 63l-7 18-28 10' fill='none' stroke='%23879aaa' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='37' cy='22' r='8' fill='%23fff' opacity='.72'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    box-shadow:0 9px 15px rgba(7,44,79,.28),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 91%);
    animation:teamSloganShotToGoal 7.2s cubic-bezier(.31,.04,.18,1) infinite;
}
.team-profile-page .team-identity-narrative .team-hero-slogan:hover .team-hero-slogan-track > i {
    transform:translate3d(0,0,0) rotate(0deg);
    animation-duration:4.2s;
}
@keyframes teamSloganShotToGoal {
    0%,14% { transform:translate3d(0,0,0) rotate(0deg) scale(1); opacity:1; }
    37% { transform:translate3d(var(--slogan-shot-mid),-42px,0) rotate(265deg) scale(1.05); opacity:1; }
    57% { transform:translate3d(calc(var(--slogan-shot-end) - 42px),-17px,0) rotate(520deg) scale(1); opacity:1; }
    68% { transform:translate3d(var(--slogan-shot-end),2px,0) rotate(710deg) scale(.91); opacity:1; }
    78%,100% { transform:translate3d(var(--slogan-shot-end),6px,0) rotate(780deg) scale(.84); opacity:.88; }
}
@keyframes teamSloganGoalGlow {
    0%,53%,100% { filter:brightness(1); }
    68% { filter:brightness(1.12) drop-shadow(0 0 5px rgba(132,233,245,.86)); }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan { min-height:222px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,286px); height:77px; margin-top:16px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::before { top:7px; height:57px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::after { right:2px; bottom:10px; width:56px; height:47px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > span { height:36px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > b { right:5px; bottom:6px; width:49px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { bottom:10px; width:34px; height:34px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i,
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::after { animation:none; }
}

/* Team profile v100 · club story as an editorial match-day narrative */
.team-profile-page .team-identity-narrative .team-hero-club-story {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(29px,3.5vw,52px) clamp(22px,4.8vw,72px) clamp(28px,3.2vw,46px);
    border:1px solid color-mix(in srgb,var(--team-color),#cde2ed 63%);
    border-left:6px solid var(--team-color);
    border-radius:4px 30px 4px 4px;
    background:
        linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 93%) 0 1px,transparent 1px 100%),
        linear-gradient(0deg,color-mix(in srgb,var(--team-color),transparent 95%) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 96% 0,color-mix(in srgb,var(--team-color),transparent 86%),transparent 29%),
        linear-gradient(145deg,#fff 0%,#f9fcff 55%,#eff9fb 100%);
    background-size:42px 42px,42px 42px,auto,auto;
    box-shadow:0 22px 48px rgba(8,51,93,.11),inset 0 1px #fff;
}
.team-profile-page .team-identity-narrative .team-hero-club-story::before {
    content:'“';
    position:absolute;
    z-index:0;
    top:clamp(9px,1.7vw,20px);
    left:clamp(15px,2.3vw,32px);
    color:color-mix(in srgb,var(--team-color),#fff 27%);
    font:900 clamp(76px,10vw,142px)/.6 Georgia,serif;
    opacity:.62;
    pointer-events:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story::after {
    content:'';
    position:absolute;
    z-index:0;
    right:-46px;
    bottom:-59px;
    width:188px;
    height:188px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 77%);
    border-radius:50%;
    box-shadow:0 0 0 22px color-mix(in srgb,var(--team-color),transparent 94%),0 0 0 45px color-mix(in srgb,var(--team-color),transparent 97%);
    pointer-events:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story > * { position:relative; z-index:1; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
    display:block;
    max-width:84ch;
    color:#183e67;
    font-size:clamp(14px,1.05vw,16px);
    line-height:1.84;
    text-align:justify;
    text-wrap:pretty;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
    position:relative;
    max-width:36ch;
    margin:0 0 clamp(18px,2.1vw,26px);
    padding:0 0 17px;
    color:color-mix(in srgb,var(--team-color),#092f61 28%);
    border-bottom:2px solid color-mix(in srgb,var(--team-color),#97eaf4 48%);
    font:900 clamp(20px,2.45vw,34px)/1.12 var(--font-display);
    letter-spacing:-.035em;
    text-align:left;
    text-transform:uppercase;
    text-wrap:balance;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child::after {
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:68px;
    height:2px;
    background:linear-gradient(90deg,var(--team-color),#7eeaf7);
    box-shadow:0 0 12px color-mix(in srgb,var(--team-color),transparent 60%);
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,ul,ol,blockquote) { margin:0; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :not(:first-child) { margin-top:15px; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(strong,b) {
    color:color-mix(in srgb,var(--team-color),#092f61 27%);
    font-weight:900;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content em {
    color:color-mix(in srgb,var(--team-color),#173b67 36%);
    font-weight:700;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content blockquote {
    max-width:66ch;
    margin-top:23px;
    padding:14px 0 14px 18px;
    border-left:3px solid var(--team-color);
    color:#143e69;
    font-size:1.07em;
    font-weight:700;
    line-height:1.64;
    text-align:left;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    max-width:76ch;
    margin-top:22px;
    padding:0;
    list-style:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) li {
    min-height:60px;
    display:flex;
    align-items:center;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--team-color),#c7e0eb 58%);
    border-radius:3px 14px 3px 3px;
    background:color-mix(in srgb,var(--team-color),#fff 94%);
    color:#17436e;
    font-size:.84em;
    font-weight:800;
    line-height:1.38;
    text-align:left;
}
.team-profile-page .team-identity-narrative .team-hero-club-story-mark {
    width:100%;
    justify-content:flex-end;
    margin-top:20px;
    padding-top:14px;
    border-top:1px solid color-mix(in srgb,var(--team-color),#d1e5ee 64%);
    opacity:.76;
}
.team-profile-page .team-identity-narrative .team-hero-club-story-mark > i {
    color:transparent;
    font-size:0;
    background:
        radial-gradient(circle at 50% 50%,#103d69 0 18%,transparent 19%),
        radial-gradient(circle at 28% 32%,#103d69 0 9%,transparent 10%),
        radial-gradient(circle at 73% 31%,#103d69 0 9%,transparent 10%),
        radial-gradient(circle at 29% 73%,#103d69 0 9%,transparent 10%),
        radial-gradient(circle at 72% 73%,#103d69 0 9%,transparent 10%),#fff;
    border:2px solid #103d69;
}
.team-profile-page .team-identity-narrative .team-hero-club-story-mark > b {
    border-color:color-mix(in srgb,var(--team-color),#5fcddd 46%);
    box-shadow:0 0 10px color-mix(in srgb,var(--team-color),transparent 77%);
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story {
        padding:27px 18px 23px 22px;
        border-left-width:4px;
        border-radius:3px 23px 3px 3px;
        background-size:32px 32px,32px 32px,auto,auto;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story::before { top:14px; left:10px; font-size:82px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
        font-size:13.5px;
        line-height:1.78;
        text-align:left;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
        margin-bottom:18px;
        padding-bottom:14px;
        font-size:clamp(19px,6.4vw,27px);
        line-height:1.14;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) { grid-template-columns:1fr; gap:7px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) li { min-height:51px; }
    .team-profile-page .team-identity-narrative .team-hero-club-story-mark { margin-top:17px; padding-top:12px; }
}

/* Team profile v101 · calm, simple club story */
.team-profile-page .team-identity-narrative .team-hero-club-story {
    padding:26px clamp(20px,3.2vw,42px) 22px;
    border:0;
    border-top:1px solid #d9e8f0;
    border-left:3px solid var(--team-color);
    border-radius:0;
    background:linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 93%),transparent 42%);
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story::before,
.team-profile-page .team-identity-narrative .team-hero-club-story::after { display:none; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
    max-width:78ch;
    color:#183e67;
    font-size:clamp(13.5px,1.04vw,15.5px);
    line-height:1.8;
    text-align:left;
    text-wrap:pretty;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
    max-width:64ch;
    margin:0 0 14px;
    padding:0;
    border:0;
    color:color-mix(in srgb,var(--team-color),#092f61 28%);
    font:800 clamp(17px,2vw,23px)/1.28 var(--font-display);
    letter-spacing:-.018em;
    text-align:left;
    text-transform:none;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child::after { content:none; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :not(:first-child) { margin-top:12px; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) {
    display:block;
    margin:14px 0 0;
    padding-left:20px;
    list-style:disc;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(ul,ol) li {
    display:list-item;
    min-height:0;
    margin:5px 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#17436e;
    font-size:1em;
    font-weight:inherit;
    line-height:1.7;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content blockquote {
    margin-top:16px;
    padding:0 0 0 14px;
    border-left:2px solid var(--team-color);
    color:#143e69;
    font-size:1em;
    font-weight:600;
    line-height:1.75;
}
.team-profile-page .team-identity-narrative .team-hero-club-story-mark { display:none; }
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story {
        padding:22px 17px 19px;
        border-left-width:3px;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
        font-size:13px;
        line-height:1.76;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
        margin-bottom:12px;
        font-size:clamp(16px,5.4vw,20px);
        line-height:1.3;
    }
}

/* Team profile v102 · keep club-story paragraphs visually even */
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
    max-width:none;
    margin:0;
    padding:0;
    border:0;
    color:inherit;
    font:inherit;
    letter-spacing:normal;
    line-height:inherit;
    text-align:inherit;
    text-transform:none;
    text-wrap:inherit;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child::after { content:none; }
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > :first-child {
        margin:0;
        font-size:inherit;
        line-height:inherit;
    }
}

/* Team profile v103 · centered mobile player details */
@media (max-width:780px) {
    .team-profile-page .team-player-card-body {
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    .team-profile-page .team-player-card-body header {
        width:100%;
        justify-content:center;
    }
    .team-profile-page .team-player-position {
        justify-content:center;
        margin-inline:auto;
    }
    .team-profile-page .team-player-card-body .team-player-identity {
        width:100%;
        grid-template-columns:minmax(0,1fr);
        justify-items:center;
        align-items:center;
        text-align:center;
    }
    .team-profile-page .team-player-jersey-number { margin-inline:auto; }
    .team-profile-page .team-player-card-body .team-player-identity h3 {
        width:100%;
        margin-inline:auto;
        text-align:center;
    }
    .team-profile-page .team-player-card-body dl {
        width:100%;
        text-align:center;
    }
    .team-profile-page .team-player-card-body dl > div {
        align-items:center;
        justify-content:center;
        text-align:center;
    }
    .team-profile-page .team-player-card-body :is(dt,dd) { width:100%; text-align:center; }
}

/* Team profile v98 · content-first headings without internal English labels */
.team-profile-page .team-identity-suite .team-profile-logo { padding-bottom:20px; }
.team-profile-page .team-identity-narrative .team-hero-slogan h2 { margin-top:0; }
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content { margin-top:0; }
.team-profile-page .team-profile-facts { padding-top:0; }
.team-profile-page .team-profile-facts::before { content:none; }
.team-profile-page .team-kit-card::after { content:none; }
.team-profile-page .team-profile-staff-head h2 { margin-top:0; }
.team-profile-page .team-kits-heading .team-section-heading-copy h2,
.team-profile-page .team-roster-heading .team-section-heading-copy h2 { margin-top:0; }
@media (min-width:900px) {
    .team-profile-page .team-profile-facts { padding-top:0; }
}
@media (max-width:780px) {
    .team-profile-page .team-profile-facts { padding-top:0; }
}

/* Team profile v97 · two-tone club slogan and a match-day goal animation */
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    align-items:center;
    flex-direction:column;
    gap:5px;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    display:block;
    color:var(--team-slogan-primary);
    text-shadow:0 1px #fff,0 12px 25px color-mix(in srgb,var(--team-slogan-primary),transparent 86%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 em {
    color:var(--team-slogan-contrast);
    font-style:italic;
    text-shadow:0 1px #fff,0 12px 25px color-mix(in srgb,var(--team-slogan-contrast),transparent 86%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    width:min(100%,350px);
    height:70px;
    margin-top:17px;
    isolation:isolate;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    z-index:0;
    left:4%;
    top:10px;
    width:76%;
    height:53px;
    transform:rotate(-8deg);
    border-top:2px dashed color-mix(in srgb,var(--team-color),#4ccfe0 42%);
    border-radius:50%;
    background:none;
    box-shadow:0 -4px 13px color-mix(in srgb,var(--team-color),transparent 86%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    z-index:0;
    right:5px;
    top:auto;
    bottom:8px;
    width:57px;
    height:47px;
    box-sizing:border-box;
    transform:perspective(120px) rotateY(-12deg) skewY(-2deg);
    transform-origin:right bottom;
    border:2px solid color-mix(in srgb,var(--team-color),#2a628c 45%);
    border-bottom-width:3px;
    border-left-color:color-mix(in srgb,var(--team-color),#c4e5ee 56%);
    background:
        repeating-linear-gradient(90deg,transparent 0 7px,color-mix(in srgb,var(--team-color),transparent 74%) 7px 8px),
        repeating-linear-gradient(0deg,transparent 0 8px,color-mix(in srgb,var(--team-color),transparent 82%) 8px 9px);
    box-shadow:0 0 18px color-mix(in srgb,var(--team-color),transparent 84%),inset 0 0 13px rgba(255,255,255,.6);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    z-index:2;
    left:5%;
    top:auto;
    bottom:9px;
    width:32px;
    height:32px;
    transform:translate3d(0,0,0) rotate(0deg);
    border-color:#0b477a;
    box-shadow:0 7px 14px rgba(7,51,94,.2),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 90%);
    animation:teamSloganBallToGoal 6.2s cubic-bezier(.36,.04,.18,1) infinite;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > b {
    z-index:1;
    right:9px;
    top:auto;
    bottom:4px;
    width:48px;
    height:2px;
    background:color-mix(in srgb,var(--team-color),#2a628c 45%);
    box-shadow:0 0 8px color-mix(in srgb,var(--team-color),transparent 78%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span { display:none; }
.team-profile-page .team-identity-narrative .team-hero-slogan:hover .team-hero-slogan-track > i {
    transform:translate3d(0,0,0) rotate(0deg);
    animation-duration:3.4s;
}
@keyframes teamSloganBallToGoal {
    0%,12% { transform:translate3d(0,0,0) rotate(0deg) scale(1); opacity:1; }
    42% { transform:translate3d(clamp(74px,10vw,125px),-35px,0) rotate(240deg) scale(1.04); opacity:1; }
    67% { transform:translate3d(clamp(165px,20vw,222px),3px,0) rotate(500deg) scale(.92); opacity:1; }
    78%,100% { transform:translate3d(clamp(174px,21vw,232px),6px,0) rotate(560deg) scale(.86); opacity:.95; }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan { min-height:204px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 { gap:4px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,286px); height:64px; margin-top:15px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::before { top:8px; height:48px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::after { right:3px; bottom:7px; width:51px; height:42px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { bottom:8px; width:30px; height:30px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > b { right:7px; bottom:3px; width:43px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { animation:none; }
}

/* Team profile v104-final · static slogan identity lock-up */
.team-profile-page .team-identity-narrative .team-hero-slogan {
    min-height:0;
    padding:clamp(29px,3.4vw,46px) clamp(16px,3vw,38px) clamp(25px,3vw,37px);
    border:1px solid color-mix(in srgb,var(--team-color),#cfe5ee 59%);
    border-top:4px solid var(--team-color);
    border-bottom:1px solid color-mix(in srgb,var(--team-color),#d2e7ef 68%);
    border-radius:3px 24px 3px 3px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--team-color),transparent 93%) 0 1px,transparent 1px 100%),radial-gradient(circle at 50% 0,color-mix(in srgb,var(--team-color),transparent 87%),transparent 48%),linear-gradient(145deg,#fff,#f6fbfd);
    background-size:38px 38px,auto,auto;
    box-shadow:0 17px 37px rgba(7,53,102,.09),inset 0 1px #fff;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 {
    width:100%;
    max-width:30ch;
    gap:4px;
    margin:0;
    text-align:center;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) {
    color:var(--team-slogan-primary);
    font-size:clamp(29px,3.45vw,49px);
    line-height:.96;
    letter-spacing:-.055em;
    text-shadow:0 1px #fff;
}
.team-profile-page .team-identity-narrative .team-hero-slogan h2 em { color:var(--team-slogan-contrast); font-style:italic; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    position:relative;
    width:min(100%,230px);
    height:29px;
    margin:20px auto 0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    content:'';
    position:absolute;
    z-index:0;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    transform:translateY(-50%);
    border:0;
    border-radius:0;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--team-color),#75dfea 35%) 20% 80%,transparent);
    box-shadow:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    content:'◆';
    position:absolute;
    z-index:1;
    top:50%;
    right:15%;
    width:auto;
    height:auto;
    transform:translateY(-50%);
    border:0;
    background:none;
    box-shadow:none;
    color:var(--team-slogan-contrast);
    font:900 9px/1 var(--font-body);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    bottom:auto;
    width:28px;
    height:28px;
    transform:translate(-50%,-50%);
    border:2px solid #0c426f;
    border-radius:50%;
    background:radial-gradient(circle at 50% 50%,#0c426f 0 17%,transparent 18%),radial-gradient(circle at 26% 31%,#0c426f 0 9%,transparent 10%),radial-gradient(circle at 74% 31%,#0c426f 0 9%,transparent 10%),radial-gradient(circle at 28% 74%,#0c426f 0 9%,transparent 10%),radial-gradient(circle at 73% 74%,#0c426f 0 9%,transparent 10%),#fff;
    box-shadow:0 0 0 5px #fff,0 0 0 7px color-mix(in srgb,var(--team-color),transparent 91%);
    color:transparent;
    font-size:0;
    animation:none !important;
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > :is(b,span) { display:none; }
.team-profile-page .team-identity-narrative .team-hero-slogan:hover .team-hero-slogan-track > i { transform:translate(-50%,-50%); animation:none; }
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan { min-height:0; padding:27px 14px 24px; border-radius:3px 20px 3px 3px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan h2 :is(b,em) { font-size:clamp(27px,8vw,37px); }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,210px); height:27px; margin-top:18px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { width:26px; height:26px; }
}

/* Team profile v105 · crest-style highlight for the Team Slogan */
.team-profile-page .team-identity-narrative .team-hero-slogan { isolation:isolate; overflow:hidden; }
.team-profile-page .team-identity-narrative .team-hero-slogan::before {
    content:'';
    position:absolute;
    z-index:1;
    inset:10px;
    border:1px solid color-mix(in srgb,var(--team-color),transparent 79%);
    border-radius:2px 16px 2px 2px;
    pointer-events:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan::after {
    content:'';
    position:absolute;
    z-index:1;
    top:-48%;
    left:-135px;
    width:82px;
    height:200%;
    transform:rotate(20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:teamSloganLogoShine 6.8s 1.1s ease-in-out infinite;
    pointer-events:none;
}
.team-profile-page .team-identity-narrative .team-hero-slogan :is(h2,.team-hero-slogan-track) { position:relative; z-index:2; }
@keyframes teamSloganLogoShine {
    0%,67%,100% { left:-135px; opacity:0; }
    74% { opacity:.66; }
    88% { left:120%; opacity:0; }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan::before { inset:8px; border-radius:2px 13px 2px 2px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan::after { width:64px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-narrative .team-hero-slogan::after { animation:none; }
}

/* Team profile v106 · full-width, justified Team Story */
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
    width:100%;
    max-width:none;
    text-align:justify;
    text-align-last:left;
    hyphens:auto;
}
.team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content :is(p,li,blockquote) {
    text-align:justify;
    text-align-last:left;
}
@media (min-width:981px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
        column-count:2;
        column-gap:clamp(34px,5vw,72px);
        column-rule:1px solid color-mix(in srgb,var(--team-color),#dbeaf1 67%);
        column-fill:balance;
    }
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content > * { break-inside:avoid-column; }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-club-story .team-club-story-content {
        width:100%;
        column-count:auto;
        text-align:justify;
    }
}

/* Team profile v107 · finishing shot into the Team Slogan goal */
.team-profile-page .team-identity-narrative .team-hero-slogan-track {
    width:min(100%,330px);
    height:76px;
    margin-top:19px;
    isolation:isolate;
    --slogan-shot-mid:clamp(75px,9vw,110px);
    --slogan-shot-end:clamp(178px,19vw,219px);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::before {
    z-index:2;
    top:8px;
    left:4%;
    width:76%;
    height:59px;
    transform:rotate(-9deg);
    border-top:2px dashed color-mix(in srgb,var(--team-color),#37a9d6 35%);
    border-radius:50%;
    background:none;
    box-shadow:0 -4px 14px color-mix(in srgb,var(--team-color),transparent 86%);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track::after {
    content:'';
    z-index:3;
    top:auto;
    right:4px;
    bottom:10px;
    width:59px;
    height:48px;
    box-sizing:border-box;
    transform:perspective(130px) rotateY(-12deg) skewY(-2deg);
    transform-origin:right bottom;
    border:2px solid #f9feff;
    border-bottom-width:3px;
    border-left-color:#d2eff5;
    border-radius:0;
    background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(15,92,136,.27) 7px 8px),repeating-linear-gradient(0deg,transparent 0 8px,rgba(15,92,136,.21) 8px 9px),linear-gradient(145deg,rgba(255,255,255,.78),rgba(199,239,244,.27));
    box-shadow:0 0 0 1px color-mix(in srgb,var(--team-color),transparent 78%),0 0 19px color-mix(in srgb,var(--team-color),transparent 79%),inset 0 0 12px rgba(255,255,255,.73);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span {
    position:absolute;
    z-index:0;
    inset:auto 0 0;
    display:block;
    height:37px;
    overflow:hidden;
    transform:perspective(150px) rotateX(31deg);
    transform-origin:center bottom;
    border:1px solid color-mix(in srgb,var(--team-color),#a6dfe5 69%);
    border-radius:3px 3px 16px 16px;
    background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.8) 49.5% 50.5%,transparent 50.5%),linear-gradient(90deg,rgba(255,255,255,.72) 0 1px,transparent 1px 100%),linear-gradient(96deg,#eef9ff,#d7f2fb 47%,#eefaff);
    background-size:auto,25% 100%,auto;
    box-shadow:0 8px 15px color-mix(in srgb,var(--team-color),transparent 90%),inset 0 1px rgba(255,255,255,.9);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::before,
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::after {
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    width:13%;
    border:1px solid rgba(255,255,255,.7);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::before { left:2%; border-right:0; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track > span::after { right:2%; border-left:0; }
.team-profile-page .team-identity-narrative .team-hero-slogan-track > b {
    position:absolute;
    z-index:4;
    right:7px;
    bottom:6px;
    display:block;
    width:52px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#d7f1f4,#fff,#d7f1f4);
    box-shadow:0 0 8px rgba(168,231,239,.9);
}
.team-profile-page .team-identity-narrative .team-hero-slogan-track > i {
    z-index:5;
    top:auto;
    left:5%;
    bottom:11px;
    width:36px;
    height:36px;
    transform:translate3d(0,0,0) rotate(0deg);
    border:0;
    border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='ball' cx='31%25' cy='24%25' r='78%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.67' stop-color='%23f4f7fa'/%3E%3Cstop offset='1' stop-color='%23c9d5df'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='url(%23ball)' stroke='%23657788' stroke-width='2'/%3E%3Cpath d='M50 29 64 39 59 57 41 57 36 39Z' fill='%23041e3d'/%3E%3Cpath d='m36 39-17 6-4 18 13 12 13-18Z' fill='%23113b61'/%3E%3Cpath d='m64 39 17 6 4 18-13 12-13-18Z' fill='%23113b61'/%3E%3Cpath d='m41 57-13 18 22 16 22-16-13-18Z' fill='%230a2b4c'/%3E%3Cpath d='M19 45 31 28l19 1M81 45 69 28l-19 1M15 63l7 18 28 10M85 63l-7 18-28 10' fill='none' stroke='%23879aaa' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='37' cy='22' r='8' fill='%23fff' opacity='.72'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    box-shadow:0 9px 15px rgba(7,44,79,.28),0 0 0 5px color-mix(in srgb,var(--team-color),transparent 91%);
    color:transparent;
    font-size:0;
    animation:teamSloganFinishingShot 6.8s cubic-bezier(.31,.04,.18,1) infinite !important;
}
@keyframes teamSloganFinishingShot {
    0%,14% { transform:translate3d(0,0,0) rotate(0deg) scale(1); opacity:1; }
    38% { transform:translate3d(var(--slogan-shot-mid),-40px,0) rotate(265deg) scale(1.05); opacity:1; }
    58% { transform:translate3d(calc(var(--slogan-shot-end) - 40px),-16px,0) rotate(520deg) scale(1); opacity:1; }
    69% { transform:translate3d(var(--slogan-shot-end),2px,0) rotate(715deg) scale(.91); opacity:1; }
    79%,100% { transform:translate3d(var(--slogan-shot-end),5px,0) rotate(780deg) scale(.85); opacity:.9; }
}
@media (max-width:780px) {
    .team-profile-page .team-identity-narrative .team-hero-slogan-track { width:min(100%,276px); height:70px; margin-top:17px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::before { height:54px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track::after { right:2px; bottom:9px; width:53px; height:43px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > span { height:33px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > b { right:5px; bottom:5px; width:47px; }
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { bottom:9px; width:32px; height:32px; }
}
@media (prefers-reduced-motion:reduce) {
    .team-profile-page .team-identity-narrative .team-hero-slogan-track > i { animation:none !important; }
    .news-frame { transition:none; }
    .news-frame.is-changing { transform:none; }
}

/* Editorial newsroom · home news v113 */
.newsroom-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#f4faff 0%,#fff 78%); }
.newsroom-section::before { display:none !important; content:none !important; height:0 !important; max-height:0 !important; background:none !important; box-shadow:none !important; opacity:0 !important; visibility:hidden !important; }
.newsroom-section::after { content:'NEWSROOM'; position:absolute; z-index:0; top:58px; right:-18px; color:rgba(13,88,173,.035); font:900 clamp(70px,12vw,190px)/1 var(--font-display); letter-spacing:-.075em; pointer-events:none; }
.newsroom-section .container { position:relative; z-index:1; }
.newsroom-head { align-items:flex-end; gap:28px; margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid #d8e7f0; }
.newsroom-head-copy { min-width:0; }
.newsroom-head h2 { max-width:760px; margin-top:9px; color:#06295e; font-size:clamp(42px,5vw,72px); line-height:.98; letter-spacing:-.055em; }
.newsroom-head-actions { display:flex; align-items:center; justify-content:flex-end; gap:18px; flex:0 0 auto; }
.newsroom-total { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:8px; min-width:86px; padding-right:18px; border-right:1px solid #cbdae6; }
.newsroom-total b { grid-row:1/3; color:#145cff; font:900 34px/.85 var(--font-display); letter-spacing:-.06em; }
.newsroom-total small { color:#537088; font-size:8px; font-weight:900; letter-spacing:.1em; white-space:nowrap; }
.newsroom-head .section-link { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 18px; border:1px solid #a9c5da; color:#0d4e91; background:#fff; font-size:10px; font-weight:900; letter-spacing:.065em; text-decoration:none; transition:color .18s,background .18s,border-color .18s,transform .18s; }
.newsroom-head .section-link span { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#145cff; font-size:14px; transition:transform .18s; }
.newsroom-head .section-link:hover,.newsroom-head .section-link:focus-visible { border-color:#145cff; color:#fff; background:#145cff; outline:0; transform:translateY(-2px); }
.newsroom-head .section-link:hover span,.newsroom-head .section-link:focus-visible span { color:#145cff; background:#fff; transform:translateX(2px); }
.newsroom-section .news-grid { grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr); gap:30px; }
.newsroom-section .news-feature { min-height:590px; border:1px solid #c7d9e7; border-radius:18px; box-shadow:0 20px 45px rgba(8,49,108,.14); }
.newsroom-section .news-feature::after { content:''; position:absolute; z-index:2; inset:20px; border:1px solid rgba(255,255,255,.35); border-radius:10px; pointer-events:none; }
.newsroom-section .news-feature-index { position:absolute; z-index:3; top:25px; right:27px; color:#fff; font:900 48px/.8 var(--font-display); letter-spacing:-.065em; text-shadow:0 2px 16px rgba(0,16,42,.38); }
.newsroom-section .news-overlay { z-index:1; background:linear-gradient(0deg,rgba(3,16,36,.95),rgba(3,16,36,.25) 52%,rgba(3,16,36,.02) 78%); }
.newsroom-section .news-copy { z-index:3; right:48px; bottom:45px; left:48px; }
.newsroom-section .news-copy > span { display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border:1px solid rgba(137,231,249,.52); color:#b5f2ff; background:rgba(5,40,91,.42); font-size:9px; }
.newsroom-section .news-copy h3 { max-width:700px; margin:15px 0 13px; font-size:clamp(32px,3.25vw,52px); line-height:1.03; letter-spacing:-.045em; }
.newsroom-section .news-copy p { max-width:630px; color:#e9f5fa; font-size:14px; line-height:1.7; }
.newsroom-section .news-copy b { min-height:38px; display:inline-flex; align-items:center; margin-top:13px; padding:0 13px; border:1px solid rgba(255,255,255,.42); color:#fff; font-size:9px; letter-spacing:.08em; transition:color .18s,background .18s; }
.newsroom-section .news-feature:hover .news-copy b { color:#082753; background:#fff; }
.newsroom-section :is(.news-feature,.news-item):focus-visible { outline:3px solid #145cff; outline-offset:4px; }
.newsroom-section .news-stack { align-content:start; gap:0; padding:0 24px; border:1px solid #d6e3ed; border-radius:18px; background:rgba(255,255,255,.9); box-shadow:0 16px 34px rgba(8,49,108,.06); }
.newsroom-section .news-stack-head { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:2px solid #145cff; }
.newsroom-section .news-stack-head span { color:#082b62; font:900 19px/1 var(--font-display); letter-spacing:-.02em; }
.newsroom-section .news-stack-head small { color:#47718e; font-size:8px; font-weight:900; letter-spacing:.1em; }
.newsroom-section .news-item { grid-template-columns:130px minmax(0,1fr); gap:17px; min-height:157px; align-items:center; padding:19px 0; border-color:#dfe9f0; transition:background .18s,transform .18s; }
.newsroom-section .news-item:hover { transform:translateX(4px); }
.newsroom-section .news-item img { width:130px; height:116px; border-radius:10px; filter:saturate(1); box-shadow:0 8px 18px rgba(11,54,98,.11); }
.newsroom-section .news-item h3 { margin:7px 0 8px; color:#082b62; font-size:20px; line-height:1.18; letter-spacing:-.035em; }
.newsroom-section .news-item p { display:-webkit-box; overflow:hidden; color:#58728a; font-size:12px; line-height:1.58; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newsroom-section .news-item b { margin-top:8px; color:#145cff; font-size:8px; }
.newsroom-section .news-pagination { margin-top:31px; padding-top:21px; }
@media (max-width:900px) {
    .newsroom-head { align-items:flex-start; flex-direction:column; }
    .newsroom-head-actions { width:100%; justify-content:space-between; }
    .newsroom-section .news-grid { grid-template-columns:1fr; }
    .newsroom-section .news-stack { grid-template-columns:repeat(3,minmax(0,1fr)); display:grid; gap:0 20px; padding:0 20px 20px; }
    .newsroom-section .news-stack-head { grid-column:1/-1; }
    .newsroom-section .news-item { grid-template-columns:1fr; min-height:0; align-items:start; }
    .newsroom-section .news-item img { width:100%; height:160px; }
}
@media (max-width:780px) {
    .newsroom-section::after { top:76px; right:-4px; font-size:92px; }
    .newsroom-head { gap:17px; margin-bottom:22px; padding-bottom:16px; }
    .newsroom-head h2 { font-size:42px; }
    .newsroom-head-actions { align-items:stretch; gap:11px; }
    .newsroom-total { min-width:69px; padding-right:11px; }
    .newsroom-total b { font-size:29px; }
    .newsroom-total small { font-size:7px; }
    .newsroom-head .section-link { flex:1; min-height:48px; padding:0 13px; font-size:9px; }
    .newsroom-section .news-feature { min-height:490px; border-radius:14px; }
    .newsroom-section .news-feature::after { inset:12px; border-radius:8px; }
    .newsroom-section .news-feature-index { top:20px; right:21px; font-size:38px; }
    .newsroom-section .news-copy { right:25px; bottom:25px; left:25px; }
    .newsroom-section .news-copy h3 { margin:12px 0 10px; font-size:32px; }
    .newsroom-section .news-copy p { display:-webkit-box; overflow:hidden; font-size:13px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .newsroom-section .news-stack { display:grid; grid-template-columns:1fr; gap:0; padding:0 17px 9px; border-radius:14px; }
    .newsroom-section .news-stack-head { min-height:65px; }
    .newsroom-section .news-item { grid-template-columns:104px minmax(0,1fr); gap:14px; min-height:126px; padding:15px 0; }
    .newsroom-section .news-item img { width:104px; height:96px; }
    .newsroom-section .news-item h3 { margin:5px 0 6px; font-size:17px; }
    .newsroom-section .news-item p { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .newsroom-head .section-link,.newsroom-head .section-link span,.newsroom-section .news-item { transition:none; }
    .newsroom-section .news-item:hover { transform:none; }
}

/* News categories · gallery-like browsing for the tournament newsroom */
.news-filter {
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 26px;
    padding:7px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border:1px solid #d5e4ee;
    border-radius:4px 18px 4px 4px;
    background:rgba(255,255,255,.88);
    box-shadow:0 14px 32px rgba(8,60,126,.07);
}
.news-filter::-webkit-scrollbar { display:none; }
.news-filter button {
    min-height:44px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 15px;
    border:0;
    border-radius:3px 12px 3px 3px;
    color:#476178;
    background:transparent;
    font:800 9px/1 var(--font-body);
    letter-spacing:.07em;
    touch-action:manipulation;
    cursor:pointer;
    transition:color .18s,background .18s,transform .18s,box-shadow .18s;
}
.news-filter button small {
    min-width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#105eae;
    background:#e7f4fc;
    font-size:8px;
}
.news-filter button:hover,.news-filter button:focus-visible { color:#0e4f94; background:#edf7ff; outline:0; transform:translateY(-1px); }
.news-filter button:focus-visible { box-shadow:0 0 0 3px rgba(20,92,255,.23); }
.news-filter button.is-active { color:#fff; background:linear-gradient(120deg,#0b4f9d,#167bd3); box-shadow:0 8px 18px rgba(8,85,173,.2); }
.news-filter button.is-active small { color:#0b4f9d; background:#a8effb; }
.newsroom-section .news-filter { margin-top:-10px; }
.newsroom-section .news-grid.is-single { grid-template-columns:minmax(0,1fr); }
.newsroom-section .news-grid.is-single .news-feature { max-width:920px; }

.newsroom-archive-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 84% 15%,rgba(133,235,255,.32),transparent 23%),linear-gradient(135deg,#083c89,#1266c9 58%,#10a1ca); }
.newsroom-archive-hero::after { content:'NEWS'; position:absolute; right:-18px; bottom:-55px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.15); font:900 clamp(120px,20vw,310px)/.8 var(--font-display); letter-spacing:-.075em; pointer-events:none; }
.newsroom-archive-hero .container { position:relative; z-index:1; min-height:350px; display:grid; align-content:center; grid-template-columns:minmax(0,1fr) auto; gap:36px; }
.newsroom-archive-hero p { max-width:680px; margin:18px 0 0; color:#d9f2fb; font-size:14px; line-height:1.75; }
.archive-hero-index { width:160px; min-height:126px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; padding:18px 15px; border:1px solid rgba(255,255,255,.35); border-top:3px solid #8ceafa; background:rgba(4,39,100,.32); box-shadow:0 15px 35px rgba(1,29,76,.16); backdrop-filter:blur(8px); }
.archive-hero-index b { color:#fff; font:900 53px/.8 var(--font-display); letter-spacing:-.065em; }
.archive-hero-index span { color:#b9f0fa; font-size:8px; font-weight:900; line-height:1.55; letter-spacing:.11em; }
.newsroom-archive-section { background:linear-gradient(180deg,#f4faff 0%,#fff 74%); }
.archive-news-filter { margin-bottom:28px; }
.newsroom-archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:minmax(250px,290px); grid-auto-flow:dense; gap:15px; }
.newsroom-archive-grid.is-filtering .archive-card:not([hidden]) { animation:newsArchiveReveal .38s cubic-bezier(.2,.8,.2,1) both; }
@keyframes newsArchiveReveal { from { opacity:0; transform:translateY(12px) scale(.99); } to { opacity:1; transform:none; } }
.newsroom-archive-grid .archive-card {
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #d5e3ed;
    border-radius:4px 20px 4px 4px;
    color:#072c64;
    background:#fff;
    box-shadow:0 12px 28px rgba(8,65,129,.075);
    text-decoration:none;
    transition:transform .22s,box-shadow .22s,border-color .22s;
}
.newsroom-archive-grid .archive-card:hover,.newsroom-archive-grid .archive-card:focus-visible { border-color:#6bb9e7; box-shadow:0 22px 42px rgba(8,65,129,.15); outline:0; transform:translateY(-4px); }
.newsroom-archive-grid .archive-card:focus-visible { box-shadow:0 0 0 3px rgba(20,92,255,.24),0 22px 42px rgba(8,65,129,.15); }
.newsroom-archive-grid .archive-card > img { width:100%; height:144px; display:block; margin:0; object-fit:cover; transition:transform .35s ease; }
.newsroom-archive-grid .archive-card:hover > img { transform:scale(1.045); }
.newsroom-archive-grid .archive-card > div { min-width:0; display:flex; flex:1; flex-direction:column; padding:16px 17px 18px; }
.newsroom-archive-grid .archive-card span { color:#0d6fc3; font-size:8px; line-height:1.4; letter-spacing:.085em; }
.newsroom-archive-grid .archive-card h2 { display:-webkit-box; margin:9px 0 8px; overflow:hidden; color:#082b62; font-size:19px; line-height:1.13; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newsroom-archive-grid .archive-card p { display:-webkit-box; margin:0; overflow:hidden; color:#5b748b; font-size:11px; line-height:1.56; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newsroom-archive-grid .archive-card b { margin-top:auto; padding-top:12px; color:#e12745; font-size:8px; }
.newsroom-archive-grid .archive-card.is-featured { grid-row:span 2; grid-column:span 2; position:relative; justify-content:flex-end; color:#fff; background:#082b62; }
.newsroom-archive-grid .archive-card.is-featured::after { content:''; position:absolute; inset:20px; z-index:1; border:1px solid rgba(255,255,255,.37); border-radius:3px 14px 3px 3px; pointer-events:none; }
.newsroom-archive-grid .archive-card.is-featured > img { position:absolute; inset:0; width:100%; height:100%; filter:saturate(1.05); }
.newsroom-archive-grid .archive-card.is-featured > div { position:relative; z-index:2; min-height:100%; justify-content:flex-end; padding:38px; background:linear-gradient(0deg,rgba(2,16,39,.94),rgba(2,16,39,.2) 66%,rgba(2,16,39,.02)); }
.newsroom-archive-grid .archive-card.is-featured span { width:max-content; min-height:25px; display:inline-flex; align-items:center; padding:0 9px; color:#b5f2ff; border:1px solid rgba(143,231,247,.48); background:rgba(4,46,101,.42); }
.newsroom-archive-grid .archive-card.is-featured h2 { max-width:760px; margin:14px 0 10px; color:#fff; font-size:clamp(31px,3.1vw,50px); line-height:1.02; -webkit-line-clamp:3; }
.newsroom-archive-grid .archive-card.is-featured p { max-width:650px; color:#e0f1f8; font-size:13px; -webkit-line-clamp:2; }
.newsroom-archive-grid .archive-card.is-featured b { width:max-content; min-height:35px; display:inline-flex; align-items:center; margin-top:14px; padding:0 11px; border:1px solid rgba(255,255,255,.42); color:#fff; }
.newsroom-archive-grid .archive-card.is-featured:hover b { color:#082b62; background:#fff; }
@media (max-width:900px) {
    .newsroom-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
    .news-filter { margin-inline:-4px; padding:6px; }
    .news-filter button { min-height:42px; padding-inline:12px; font-size:8px; }
    .newsroom-section .news-filter { margin-top:-3px; }
    .newsroom-section .news-grid.is-single .news-feature { min-height:450px; }
    .newsroom-archive-hero { padding-block:78px 64px; }
    .newsroom-archive-hero .container { min-height:0; grid-template-columns:1fr; gap:24px; }
    .newsroom-archive-hero p { font-size:13px; }
    .archive-hero-index { width:100%; min-height:78px; grid-template-columns:auto 1fr; }
    .archive-hero-index b { font-size:42px; }
    .newsroom-archive-grid { grid-template-columns:1fr; grid-auto-rows:auto; gap:12px; }
    .newsroom-archive-grid .archive-card { min-height:154px; display:grid; grid-template-columns:128px minmax(0,1fr); border-radius:4px 14px 4px 4px; }
    .newsroom-archive-grid .archive-card > img { height:100%; min-height:154px; }
    .newsroom-archive-grid .archive-card > div { min-height:154px; padding:14px 13px; }
    .newsroom-archive-grid .archive-card h2 { margin:6px 0; font-size:17px; }
    .newsroom-archive-grid .archive-card p { display:none; }
    .newsroom-archive-grid .archive-card b { padding-top:7px; }
    .newsroom-archive-grid .archive-card.is-featured { min-height:440px; display:flex; grid-column:auto; grid-row:auto; }
    .newsroom-archive-grid .archive-card.is-featured > img { min-height:0; }
    .newsroom-archive-grid .archive-card.is-featured > div { min-height:440px; padding:27px 23px; }
    .newsroom-archive-grid .archive-card.is-featured::after { inset:13px; }
    .newsroom-archive-grid .archive-card.is-featured h2 { font-size:31px; }
    .newsroom-archive-grid .archive-card.is-featured p { display:-webkit-box; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .news-filter button,.newsroom-archive-grid .archive-card,.newsroom-archive-grid .archive-card > img { transition:none; }
    .newsroom-archive-grid.is-filtering .archive-card:not([hidden]) { animation:none; }
    .newsroom-archive-grid .archive-card:hover,.newsroom-archive-grid .archive-card:focus-visible { transform:none; }
}

/* Home hero v116 · the image remains unobstructed; match information has its own clear matchday board. */
.home-page .hero-presentation {
    min-width:0;
    display:grid;
    gap:16px;
}
.home-page .hero-presentation .hero-visual-stage {
    width:100%;
    height:522px;
    min-height:0;
}
.home-page .hero-presentation .hero-slider-controls {
    bottom:20px;
}
.home-page .hero-event-board {
    position:relative;
    isolation:isolate;
    min-width:0;
    display:grid;
    gap:13px;
    padding:14px 16px 16px;
    overflow:hidden;
    border:1px solid #b9dceb;
    border-top:3px solid #78dfee;
    border-radius:3px 20px 3px 3px;
    background:
        radial-gradient(circle at 100% 0,rgba(93,218,242,.18),transparent 30%),
        linear-gradient(120deg,#ffffff 0%,#f0fbff 100%);
    box-shadow:10px 13px 0 rgba(83,207,230,.1),0 18px 36px rgba(0,46,96,.13),inset 0 1px rgba(255,255,255,.92);
}
.home-page .hero-event-board::before {
    content:'IV';
    position:absolute;
    z-index:-1;
    right:-5px;
    bottom:-21px;
    color:transparent;
    -webkit-text-stroke:1px rgba(13,111,186,.11);
    font:900 105px/.82 var(--font-display);
    letter-spacing:-.08em;
    pointer-events:none;
}
.home-page .hero-event-brand {
    min-width:0;
    display:flex;
    align-items:center;
    gap:13px;
    padding:0 2px 13px;
    border-bottom:1px solid rgba(12,91,157,.16);
}
.home-page .hero-event-board .hero-crest {
    width:68px;
    height:76px;
    flex:0 0 auto;
    display:block;
    margin:0;
    padding:3px;
    object-fit:contain;
    border:1px solid rgba(22,119,195,.18);
    border-radius:50%;
    background:radial-gradient(circle at 38% 28%,#fff 0 21%,#e8f9fd 61%,#bee8f3 100%);
    box-shadow:0 0 0 6px rgba(80,207,235,.1),0 9px 18px rgba(5,63,121,.12);
}
.home-page .hero-event-board .hero-side-label {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0;
    color:#0a376c;
    line-height:1.15;
}
.home-page .hero-event-board .hero-side-label > span {
    color:#1471bb;
    font:900 7px/1.25 var(--font-display);
    letter-spacing:.18em;
}
.home-page .hero-event-board .hero-side-label > strong {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:4px 7px;
    color:#062d63;
    font:900 clamp(14px,1.12vw,18px)/1.15 var(--font-display);
    letter-spacing:.035em;
    text-wrap:balance;
}
.home-page .hero-event-board .hero-side-label > strong b {
    color:#0d81be;
    font:inherit;
    font-weight:900;
    white-space:nowrap;
}
.home-page .hero-event-facts {
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.home-page .hero-event-board .hero-date,
.home-page .hero-event-board .hero-location {
    position:relative;
    min-width:0;
    min-height:92px;
    margin:0;
    overflow:hidden;
    border:1px solid #c9e2ed;
    border-radius:3px 13px 3px 3px;
    background:rgba(255,255,255,.76);
    box-shadow:inset 0 1px rgba(255,255,255,.92),0 6px 14px rgba(11,84,142,.05);
}
.home-page .hero-event-board .hero-date::after,
.home-page .hero-event-board .hero-location::after {
    content:'';
    position:absolute;
    width:29px;
    height:29px;
    right:-14px;
    top:-14px;
    border:1px solid rgba(24,130,196,.17);
    border-radius:50%;
    box-shadow:0 0 0 8px rgba(91,215,238,.06);
}
.home-page .hero-event-board .hero-date {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    column-gap:10px;
    align-items:end;
    padding:10px 12px 9px;
}
.home-page .hero-event-board .hero-location {
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:10px 13px 9px;
}
.home-page .hero-event-board .hero-date small,
.home-page .hero-event-board .hero-location small {
    z-index:1;
    grid-column:1 / -1;
    margin-bottom:2px;
    color:#1675ba;
    font:900 6px/1.25 var(--font-display);
    letter-spacing:.15em;
}
.home-page .hero-event-board .hero-date strong {
    z-index:1;
    color:#073a79;
    font:900 clamp(27px,2.2vw,38px)/.92 var(--font-display);
    letter-spacing:-.065em;
    white-space:nowrap;
}
.home-page .hero-event-board .hero-date span {
    z-index:1;
    align-self:center;
    color:#315b7e;
    font:900 7px/1.28 var(--font-display);
    letter-spacing:.09em;
}
.home-page .hero-event-board .hero-location strong {
    z-index:1;
    color:#06346e;
    font:900 clamp(20px,1.8vw,28px)/.98 var(--font-display);
    letter-spacing:-.045em;
    text-wrap:balance;
}
.home-page .hero-event-board .hero-location span {
    z-index:1;
    margin-top:6px;
    color:#55758e;
    font:700 8px/1.3 var(--font-body);
}
.home-page .hero-event-board .hero-date:hover,
.home-page .hero-event-board .hero-location:hover {
    border-color:#82cfe6;
    box-shadow:0 10px 20px rgba(11,84,142,.1),inset 0 1px rgba(255,255,255,.92);
    transform:translateY(-1px);
}

@media (min-width:1500px) {
    .home-page .hero-presentation .hero-visual-stage { height:550px; }
}
@media (max-width:1180px) {
    .home-page .hero-presentation { width:min(100%,900px); margin-inline:auto; }
    .home-page .hero-presentation .hero-visual-stage { height:560px; }
}
@media (max-width:780px) {
    .home-page .hero-presentation {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .home-page .hero-presentation .hero-visual-stage,
    .home-page .hero-visual-stage {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
        min-height: 200px !important;
        max-height: 280px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }
    .home-page .hero-presentation .hero-slider-controls,
    .home-page .hero-presentation > .hero-slider-controls,
    .home-page .hero-slider-controls {
        position: relative !important;
        inset: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        pointer-events: auto !important;
        z-index: 6 !important;
        display: block !important;
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel,
    .home-page .hero-slider-panel {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        border-radius: 12px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        box-shadow: 0 8px 24px rgba(0, 10, 35, 0.25) !important;
    }
    .home-page .hero-event-board { gap:11px; padding:12px 11px 12px; border-radius:3px 16px 3px 3px; }
    .home-page .hero-event-brand { gap:10px; padding:0 2px 11px; }
    .home-page .hero-event-board .hero-crest { width:56px; height:63px; }
    .home-page .hero-event-board .hero-side-label > span { font-size:6px; }
    .home-page .hero-event-board .hero-side-label > strong { gap:2px 5px; font-size:13px; line-height:1.18; }
    .home-page .hero-event-facts { gap:7px; }
    .home-page .hero-event-board .hero-date,
    .home-page .hero-event-board .hero-location { min-height:83px; border-radius:3px 10px 3px 3px; }
    .home-page .hero-event-board .hero-date { column-gap:7px; padding:9px 9px 8px; }
    .home-page .hero-event-board .hero-location { padding:9px 10px 8px; }
    .home-page .hero-event-board .hero-date small,
    .home-page .hero-event-board .hero-location small { font-size:5px; }
    .home-page .hero-event-board .hero-date strong { font-size:clamp(24px,8.3vw,32px); }
    .home-page .hero-event-board .hero-date span { font-size:5.8px; letter-spacing:.065em; }
    .home-page .hero-event-board .hero-location strong { font-size:clamp(18px,6.8vw,25px); }
    .home-page .hero-event-board .hero-location span { margin-top:4px; font-size:7px; }
}
@media (max-width:440px) {
    .home-page .hero-presentation .hero-visual-stage { height:378px; }
    .home-page .hero-event-board { padding-inline:9px; }
    .home-page .hero-event-brand { gap:8px; }
    .home-page .hero-event-board .hero-crest { width:50px; height:56px; }
    .home-page .hero-event-board .hero-side-label > strong { font-size:12px; }
    .home-page .hero-event-board .hero-date { column-gap:5px; padding-inline:8px; }
    .home-page .hero-event-board .hero-location { padding-inline:9px; }
    .home-page .hero-event-board .hero-date strong { font-size:clamp(23px,8.1vw,29px); }
    .home-page .hero-event-board .hero-date span { font-size:5.2px; }
    .home-page .hero-event-board .hero-location strong { font-size:clamp(17px,6.6vw,22px); }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-event-board .hero-date,
    .home-page .hero-event-board .hero-location { transition:none; }
    .home-page .hero-event-board .hero-date:hover,
    .home-page .hero-event-board .hero-location:hover { transform:none; }
}

/* Home hero v117 · compact competition masthead above the editorial story. */
.home-page .hero-copy .hero-event-board {
    width:100%;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:11px;
    margin:25px 0 0;
    padding:11px 12px;
    border-radius:3px 18px 3px 3px;
}
.home-page .hero-copy .hero-event-board::before {
    right:-2px;
    bottom:-17px;
    font-size:82px;
}
.home-page .hero-copy .hero-event-brand {
    min-height:64px;
    gap:10px;
    padding:0 2px 10px;
    border-right:0;
    border-bottom:1px solid rgba(12,91,157,.16);
}
.home-page .hero-copy .hero-event-board .hero-crest {
    width:54px;
    height:61px;
    padding:2px;
}
.home-page .hero-copy .hero-event-board .hero-side-label { gap:3px; }
.home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:5.8px; letter-spacing:.15em; }
.home-page .hero-copy .hero-event-board .hero-side-label > strong { gap:2px 5px; font-size:clamp(13px,1.05vw,16px); line-height:1.16; letter-spacing:.025em; }
.home-page .hero-copy .hero-event-facts { align-self:stretch; gap:7px; }
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location { min-height:82px; border-radius:3px 10px 3px 3px; }
.home-page .hero-copy .hero-event-board .hero-date { column-gap:6px; padding:8px 8px 7px; }
.home-page .hero-copy .hero-event-board .hero-location { padding:8px 9px 7px; }
.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small { font-size:4.8px; letter-spacing:.12em; }
.home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(25px,2vw,34px); }
.home-page .hero-copy .hero-event-board .hero-date span { font-size:6.3px; letter-spacing:.065em; }
.home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(19px,1.65vw,25px); }
.home-page .hero-copy .hero-event-board .hero-location span { margin-top:3px; font-size:7px; }
.home-page .hero-presentation { display:block; align-self:center; }
.home-page .hero-presentation .hero-visual-stage { height:650px; }

@media (min-width:1500px) {
    .home-page .hero-presentation .hero-visual-stage { height:680px; }
}
@media (max-width:1180px) {
    .home-page .hero-presentation .hero-visual-stage { height:610px; }
}
@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board {
        grid-template-columns:1fr;
        gap:9px;
        margin-bottom:16px;
        padding:10px;
    }
    .home-page .hero-copy .hero-event-brand {
        min-height:0;
        gap:9px;
        padding:0 1px 9px;
        border-right:0;
        border-bottom:1px solid rgba(12,91,157,.16);
    }
    .home-page .hero-copy .hero-event-board .hero-crest { width:52px; height:58px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:5.6px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:12px; }
    .home-page .hero-copy .hero-event-facts { gap:7px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:75px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(23px,8vw,31px); }
    .home-page .hero-copy .hero-event-board .hero-date span { font-size:5.4px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(17px,6.6vw,23px); }
    .home-page .hero-copy .hero-event-board .hero-location span { font-size:6.7px; }
    .home-page .hero-presentation .hero-visual-stage { height:500px; }
}
@media (max-width:440px) {
    .home-page .hero-copy .hero-event-board { padding:9px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:47px; height:53px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:11.5px; }
    .home-page .hero-copy .hero-event-board .hero-date { column-gap:4px; padding-inline:7px; }
    .home-page .hero-copy .hero-event-board .hero-location { padding-inline:8px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(22px,7.9vw,28px); }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(16px,6.4vw,21px); }
    .home-page .hero-presentation .hero-visual-stage { height:420px; }
}

/* Home hero v119 · sports editorial spread with a focused photo and matchday dossier. */
.home-page .hero-presentation {
    position:relative;
    padding:14px 0 18px 14px;
}
.home-page .hero-presentation::before {
    content:'';
    position:absolute;
    inset:0 0 0 5px;
    border:1px solid rgba(122,232,247,.16);
    border-left:2px solid rgba(128,234,248,.55);
    border-radius:3px 31px 3px 3px;
    background:
        linear-gradient(90deg,rgba(116,229,247,.12) 0 1px,transparent 1px 100%),
        linear-gradient(180deg,rgba(116,229,247,.08),transparent 32%);
    box-shadow:0 22px 44px rgba(0,5,24,.22);
    pointer-events:none;
}
.home-page .hero-presentation .hero-visual-stage {
    position:relative;
    z-index:1;
    overflow:hidden;
    border-color:rgba(185,246,253,.74);
    box-shadow:18px 22px 0 rgba(89,224,244,.13),0 37px 82px rgba(0,6,27,.44),inset 0 1px rgba(255,255,255,.24);
    transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease;
}
.home-page .hero-presentation .hero-visual-stage::before { border-color:rgba(223,253,255,.34); }
.home-page .hero-presentation .hero-visual-stage::after { width:112px; background:linear-gradient(90deg,#fff,#85eff9 66%,transparent); }
.home-page .hero-presentation .hero-slide img { transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }
.home-page .hero-presentation .hero-visual-stage:hover { box-shadow:22px 27px 0 rgba(89,224,244,.18),0 44px 92px rgba(0,6,27,.5),inset 0 1px rgba(255,255,255,.24); transform:translateY(-3px); }
.home-page .hero-presentation .hero-visual-stage:hover .hero-slide.is-active img { filter:saturate(1.16) contrast(1.08) brightness(1.1); transform:scale(1.022); }
.home-page .hero-copy {
    background:
        linear-gradient(90deg,rgba(131,239,249,.12) 0 1px,transparent 1px 100%),
        linear-gradient(180deg,rgba(129,237,249,.055),transparent 27%),
        radial-gradient(circle at 96% 7%,rgba(62,198,236,.24),transparent 23%),
        linear-gradient(132deg,rgba(1,14,36,.97),rgba(3,43,87,.78));
}
.home-page .hero-copy .hero-event-board {
    isolation:isolate;
    gap:8px;
    padding:8px;
    border:1px solid rgba(167,240,249,.38);
    border-top:3px solid #8ceefa;
    border-left:3px solid #7ee6f6;
    border-radius:3px 17px 3px 3px;
    background:linear-gradient(135deg,#f9feff,#e7f8fc);
    box-shadow:0 13px 27px rgba(0,6,25,.29),inset 0 1px rgba(255,255,255,.98);
}
.home-page .hero-copy .hero-event-board::before {
    z-index:0;
    right:7px;
    bottom:-13px;
    color:transparent;
    -webkit-text-stroke:1px rgba(12,93,163,.13);
    font-size:78px;
}
.home-page .hero-copy .hero-event-board::after {
    content:'';
    position:absolute;
    z-index:0;
    right:0;
    top:0;
    width:38%;
    height:3px;
    background:linear-gradient(90deg,transparent,#25cbe5);
    box-shadow:0 0 14px rgba(60,218,239,.62);
    pointer-events:none;
}
.home-page .hero-copy .hero-event-brand,
.home-page .hero-copy .hero-event-facts { position:relative; z-index:1; }
.home-page .hero-copy .hero-event-brand {
    min-height:70px;
    padding:8px 11px;
    border:0;
    border-radius:2px 11px 2px 2px;
    background:
        linear-gradient(90deg,rgba(117,235,249,.15) 0 1px,transparent 1px 100%),
        linear-gradient(118deg,#061d47,#0b5599 72%,#116ba7);
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 13px rgba(1,25,63,.14);
}
.home-page .hero-copy .hero-event-board .hero-crest {
    width:55px;
    height:55px;
    padding:2px;
    border-color:rgba(177,243,251,.52);
    background:radial-gradient(circle at 38% 28%,#fff 0 22%,#d6f8fc 66%,#6fcfe8 100%);
    box-shadow:0 0 0 5px rgba(148,239,250,.13),0 8px 15px rgba(0,10,37,.25);
}
.home-page .hero-copy .hero-event-board .hero-side-label > span { color:#9aeff9; font-size:7.5px; letter-spacing:.16em; }
.home-page .hero-copy .hero-event-board .hero-side-label > strong { color:#fff; font-size:clamp(15px,1.1vw,18px); letter-spacing:.03em; }
.home-page .hero-copy .hero-event-board .hero-side-label > strong b { color:#8deefa; }
.home-page .hero-copy .hero-event-facts { gap:8px; }
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    min-height:91px;
    border-color:#c4e4ed;
    border-radius:2px 11px 2px 2px;
    background:linear-gradient(135deg,#fff,#edf9fc);
    box-shadow:inset 0 1px rgba(255,255,255,.98),0 5px 11px rgba(9,76,132,.07);
}
.home-page .hero-copy .hero-event-board .hero-date { padding:10px 11px 9px; column-gap:9px; }
.home-page .hero-copy .hero-event-board .hero-location { padding:10px 12px 9px; }
.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small { color:#1371b7; font-size:7px; letter-spacing:.14em; }
.home-page .hero-copy .hero-event-board .hero-date strong { color:#082f67; font-size:clamp(28px,2.2vw,37px); }
.home-page .hero-copy .hero-event-board .hero-date span { color:#315b7e; font-size:7.5px; letter-spacing:.065em; }
.home-page .hero-copy .hero-event-board .hero-location strong { color:#06346e; font-size:clamp(20px,1.75vw,27px); }
.home-page .hero-copy .hero-event-board .hero-location span { color:#4e728b; font-size:8.5px; }

@media (min-width:1181px) {
    .home-page .hero-content {
        grid-template-columns:minmax(480px,.87fr) minmax(560px,1.13fr);
        gap:clamp(38px,4vw,64px);
    }
    .home-page .hero h1 {
        max-width:510px;
        font-size:clamp(62px,4.65vw,82px);
        line-height:.91;
        letter-spacing:-.07em;
    }
    .home-page .hero h1 > span,
    .home-page .hero h1 > em { white-space:nowrap; }
}
@media (max-width:780px) {
    .home-page .hero-presentation { padding:9px 0 13px 9px; }
    .home-page .hero-presentation::before { inset:0 0 0 3px; border-radius:3px 21px 3px 3px; }
    .home-page .hero-presentation .hero-visual-stage:hover { transform:none; }
    .home-page .hero-copy .hero-event-board { gap:7px; padding:7px; border-radius:3px 13px 3px 3px; }
    .home-page .hero-copy .hero-event-brand { min-height:66px; padding:8px 9px; border-radius:2px 9px 2px 2px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:50px; height:50px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:6.3px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:13px; }
    .home-page .hero-copy .hero-event-facts { gap:7px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:83px; }
    .home-page .hero-copy .hero-event-board .hero-date { padding:9px 9px 8px; column-gap:6px; }
    .home-page .hero-copy .hero-event-board .hero-location { padding:9px 10px 8px; }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small { font-size:5.8px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(24px,8vw,31px); }
    .home-page .hero-copy .hero-event-board .hero-date span { font-size:6.1px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(17px,6.6vw,23px); }
    .home-page .hero-copy .hero-event-board .hero-location span { font-size:7.2px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-presentation .hero-visual-stage,
    .home-page .hero-presentation .hero-slide img { transition:none; }
    .home-page .hero-presentation .hero-visual-stage:hover,
    .home-page .hero-presentation .hero-visual-stage:hover .hero-slide.is-active img { transform:none; }
}

/* Home hero v120 · balanced matchday information card. */
.home-page .hero-copy .hero-event-board {
    gap:10px;
    padding:10px;
    border-radius:3px 19px 3px 3px;
}
.home-page .hero-copy .hero-event-brand {
    min-height:72px;
    gap:12px;
    padding:9px 13px;
    border-radius:2px 13px 2px 2px;
}
.home-page .hero-copy .hero-event-board .hero-crest { width:57px; height:57px; }
.home-page .hero-copy .hero-event-board .hero-side-label { gap:4px; }
.home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:8px; letter-spacing:.17em; }
.home-page .hero-copy .hero-event-board .hero-side-label > strong { gap:3px 7px; font-size:clamp(16px,1.15vw,19px); line-height:1.12; }
.home-page .hero-copy .hero-event-facts {
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:9px;
}
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    min-height:98px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:11px 13px 10px;
    overflow:hidden;
}
.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small {
    display:inline-flex;
    align-self:flex-start;
    grid-column:auto;
    margin:0;
    color:#0b6eb9;
    font-size:8px;
    line-height:1.2;
    letter-spacing:.14em;
}
.home-page .hero-copy .hero-event-board .hero-date-value {
    min-width:0;
    display:flex;
    align-items:flex-end;
    gap:11px;
}
.home-page .hero-copy .hero-event-board .hero-date strong {
    flex:0 0 auto;
    color:#062f68;
    font-size:clamp(31px,2.45vw,42px);
    line-height:.85;
    letter-spacing:-.075em;
}
.home-page .hero-copy .hero-event-board .hero-date-value span {
    min-width:0;
    display:block;
    margin:0 0 1px;
    padding:1px 0 1px 10px;
    border-left:1px solid #afd9e8;
    color:#315b7e;
    font:900 8px/1.38 var(--font-display);
    letter-spacing:.075em;
}
.home-page .hero-copy .hero-event-board .hero-location-value {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.home-page .hero-copy .hero-event-board .hero-location strong {
    display:block;
    margin:0;
    color:#06346e;
    font-size:clamp(22px,1.9vw,29px);
    line-height:.94;
    letter-spacing:-.055em;
    text-wrap:balance;
}
.home-page .hero-copy .hero-event-board .hero-location-value span {
    display:block;
    margin:0;
    color:#4c718b;
    font:700 9px/1.28 var(--font-body);
}
.home-page .hero-copy .hero-event-board .hero-date::after,
.home-page .hero-copy .hero-event-board .hero-location::after {
    width:34px;
    height:34px;
    right:-17px;
    top:-17px;
    box-shadow:0 0 0 10px rgba(91,215,238,.055);
}
@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board { gap:8px; padding:8px; }
    .home-page .hero-copy .hero-event-brand { min-height:67px; gap:10px; padding:8px 10px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:50px; height:50px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:6.8px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:14px; }
    .home-page .hero-copy .hero-event-facts { gap:7px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:87px; padding:9px 10px 9px; }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small { font-size:6.3px; }
    .home-page .hero-copy .hero-event-board .hero-date-value { gap:7px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(26px,8.4vw,33px); }
    .home-page .hero-copy .hero-event-board .hero-date-value span { padding-left:7px; font-size:6.1px; letter-spacing:.05em; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(18px,6.8vw,24px); }
    .home-page .hero-copy .hero-event-board .hero-location-value span { font-size:7.4px; }
}
@media (max-width:375px) {
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { padding-inline:8px; }
    .home-page .hero-copy .hero-event-board .hero-date-value { gap:5px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:25px; }
    .home-page .hero-copy .hero-event-board .hero-date-value span { padding-left:5px; font-size:5.6px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:17px; }
}

/* Home hero v121 · tournament identity panel inspired by the supplied broadcast reference. */
.home-page .hero-copy .hero-event-board {
    position:relative;
    isolation:isolate;
    gap:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(131,232,247,.66);
    border-top:3px solid #86edf9;
    border-left:3px solid #67dbea;
    border-radius:3px 22px 3px 3px;
    background:
        radial-gradient(circle at 92% 6%,rgba(80,217,244,.22),transparent 25%),
        linear-gradient(122deg,#042452 0%,#073c7c 57%,#07578f 100%);
    box-shadow:0 17px 34px rgba(0,6,27,.34),inset 0 1px rgba(255,255,255,.18);
}
.home-page .hero-copy .hero-event-board::before {
    z-index:0;
    right:-6px;
    bottom:42px;
    color:transparent;
    -webkit-text-stroke:1px rgba(181,242,250,.14);
    font-size:112px;
    letter-spacing:-.1em;
}
.home-page .hero-copy .hero-event-board::after {
    z-index:0;
    top:0;
    right:0;
    width:44%;
    height:3px;
    opacity:.9;
    background:linear-gradient(90deg,transparent,#c7f9fd 56%,#83edf9);
    box-shadow:0 0 18px rgba(115,234,249,.72);
}
.home-page .hero-copy .hero-event-brand {
    position:relative;
    z-index:1;
    min-height:135px;
    display:flex;
    align-items:center;
    gap:22px;
    padding:18px 24px 18px 25px;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:
        linear-gradient(90deg,rgba(141,239,250,.12) 0 1px,transparent 1px 100%),
        linear-gradient(90deg,rgba(1,16,50,.11),transparent 72%);
    box-shadow:inset 0 -1px rgba(177,241,250,.22);
}
.home-page .hero-copy .hero-event-brand::before,
.home-page .hero-copy .hero-event-brand::after {
    content:'';
    position:absolute;
    left:13px;
    top:50%;
    width:108px;
    height:108px;
    border:1px dashed rgba(130,237,249,.48);
    border-radius:50%;
    pointer-events:none;
    transform:translateY(-50%);
}
.home-page .hero-copy .hero-event-brand::after {
    left:4px;
    width:126px;
    height:126px;
    border-color:rgba(150,240,250,.2);
}
.home-page .hero-copy .hero-event-board .hero-crest {
    position:relative;
    z-index:1;
    width:84px;
    height:84px;
    margin-left:9px;
    padding:4px;
    border-color:rgba(201,250,253,.54);
    border-radius:50%;
    background:radial-gradient(circle at 39% 28%,#fff 0 19%,#e6fbfd 60%,#78d4e8 100%);
    box-shadow:0 0 0 8px rgba(150,239,250,.1),0 13px 24px rgba(0,10,42,.34);
}
.home-page .hero-copy .hero-event-board .hero-side-label {
    position:relative;
    z-index:1;
    min-width:0;
    display:block;
    padding:3px 0;
}
.home-page .hero-copy .hero-event-board .hero-side-label > span {
    display:block;
    margin-bottom:6px;
    color:#9ceff9;
    font:900 9px/1.2 var(--font-display);
    letter-spacing:.19em;
}
.home-page .hero-copy .hero-event-board .hero-side-label > strong {
    display:block;
    color:#fff;
    font:900 clamp(20px,1.7vw,28px)/1.02 var(--font-display);
    letter-spacing:.025em;
    text-wrap:balance;
}
.home-page .hero-copy .hero-event-board .hero-side-label > strong b {
    width:max-content;
    display:block;
    margin-top:12px;
    padding-top:11px;
    border-top:4px solid #a0eff9;
    color:#84ebf8;
    font:900 clamp(24px,2vw,34px)/.95 var(--font-display);
    letter-spacing:.035em;
    text-shadow:0 0 18px rgba(121,234,248,.22);
}
.home-page .hero-copy .hero-event-facts {
    position:relative;
    z-index:1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:9px 10px 10px;
    background:rgba(1,25,61,.34);
}
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    min-height:76px;
    padding:10px 13px 9px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.home-page .hero-copy .hero-event-board .hero-date { border-right:1px solid rgba(190,244,251,.22); }
.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small {
    color:#9beef8;
    font-size:9px;
    letter-spacing:.16em;
}
.home-page .hero-copy .hero-event-board .hero-date strong { color:#fff; font-size:clamp(27px,2.1vw,36px); text-shadow:none; }
.home-page .hero-copy .hero-event-board .hero-date-value { gap:9px; }
.home-page .hero-copy .hero-event-board .hero-date-value span {
    border-left-color:rgba(188,244,251,.28);
    color:#c4e8f0;
    font-size:7px;
    letter-spacing:.075em;
}
.home-page .hero-copy .hero-event-board .hero-location strong { color:#fff; font-size:clamp(20px,1.65vw,26px); }
.home-page .hero-copy .hero-event-board .hero-location-value { gap:3px; }
.home-page .hero-copy .hero-event-board .hero-location-value span { color:#c2e2ea; font-size:8px; }
.home-page .hero-copy .hero-event-board .hero-date::after,
.home-page .hero-copy .hero-event-board .hero-location::after { display:none; }
.home-page .hero-copy .hero-event-board .hero-date:hover,
.home-page .hero-copy .hero-event-board .hero-location:hover { border-color:rgba(190,244,251,.22); box-shadow:none; transform:none; }

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board { border-radius:3px 16px 3px 3px; }
    .home-page .hero-copy .hero-event-board::before { right:-2px; bottom:36px; font-size:88px; }
    .home-page .hero-copy .hero-event-brand { min-height:112px; gap:15px; padding:13px 15px 13px 16px; }
    .home-page .hero-copy .hero-event-brand::before { left:8px; width:82px; height:82px; }
    .home-page .hero-copy .hero-event-brand::after { left:2px; width:94px; height:94px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:66px; height:66px; margin-left:7px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { margin-bottom:4px; font-size:6.7px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:clamp(17px,6vw,22px); }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong b { margin-top:8px; padding-top:8px; border-top-width:3px; font-size:clamp(20px,7.2vw,27px); }
    .home-page .hero-copy .hero-event-facts { padding:7px 8px 8px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:72px; padding:8px 9px; }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small { font-size:5.7px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(24px,7.9vw,31px); }
    .home-page .hero-copy .hero-event-board .hero-date-value { gap:6px; }
    .home-page .hero-copy .hero-event-board .hero-date-value span { padding-left:6px; font-size:5.8px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(17px,6.2vw,22px); }
    .home-page .hero-copy .hero-event-board .hero-location-value span { font-size:7px; }
}
@media (max-width:375px) {
    .home-page .hero-copy .hero-event-brand { gap:12px; padding-inline:13px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:59px; height:59px; }
    .home-page .hero-copy .hero-event-brand::before { width:74px; height:74px; }
    .home-page .hero-copy .hero-event-brand::after { width:86px; height:86px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:16px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong b { font-size:20px; }
}

/* Tournament spirit v122 · a football manifesto with clear hierarchy and no seasonal label. */
.home-page .tournament-slogan {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:128px;
    background:
        radial-gradient(circle at 7% 16%,rgba(74,220,243,.21),transparent 24%),
        radial-gradient(circle at 95% 88%,rgba(16,105,215,.3),transparent 33%),
        linear-gradient(132deg,#010b20 0%,#032558 51%,#075c92 100%);
}
.home-page .tournament-slogan::before {
    right:-9px;
    bottom:-13px;
    opacity:.82;
    content:'TOGETHER';
    font-size:clamp(98px,14vw,208px);
}
.home-page .tournament-slogan::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:-14vw;
    bottom:-22vw;
    width:min(65vw,820px);
    aspect-ratio:1;
    border:1px solid rgba(141,237,250,.12);
    border-radius:50%;
    box-shadow:0 0 0 9vw rgba(135,235,249,.02),0 0 0 18vw rgba(135,235,249,.012);
    pointer-events:none;
}
.home-page .slogan-inner { grid-template-columns:96px minmax(0,1fr); gap:32px; }
.home-page .slogan-mark {
    position:sticky;
    top:124px;
    width:82px;
    height:82px;
    margin-top:26px;
    border-color:rgba(174,244,251,.6);
    color:#072961;
    background:linear-gradient(145deg,#fff,#88edfa);
    box-shadow:0 0 0 10px rgba(126,234,251,.06),0 22px 46px rgba(0,8,30,.32);
    font-size:72px;
}
.home-page .slogan-mark::before {
    content:'';
    position:absolute;
    inset:9px;
    border:1px solid rgba(7,51,106,.18);
    border-radius:50%;
}
.home-page .slogan-mark::after { content:none; }
.home-page .slogan-copy {
    position:relative;
    padding:38px 40px 40px;
    border:1px solid rgba(177,243,250,.2);
    border-top:3px solid #81ebf8;
    border-left:4px solid #81ebf8;
    border-radius:3px 28px 3px 3px;
    background:
        linear-gradient(90deg,rgba(130,235,249,.09) 0 1px,transparent 1px 100%),
        radial-gradient(circle at 100% 0,rgba(62,207,237,.17),transparent 27%),
        linear-gradient(132deg,rgba(2,20,53,.91),rgba(4,59,112,.66));
    box-shadow:16px 18px 0 rgba(3,17,45,.2),0 36px 78px rgba(0,8,30,.29),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(11px);
}
.home-page .slogan-copy::before {
    left:37px;
    top:-3px;
    width:116px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#82ebf8);
    box-shadow:0 0 18px rgba(130,235,248,.64);
}
.home-page .slogan-heading {
    position:relative;
    margin:0 0 26px;
    padding:0 0 20px;
    border-bottom:1px solid rgba(174,242,250,.2);
}
.home-page .slogan-heading::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;
    width:98px;
    height:3px;
    background:linear-gradient(90deg,#7ceafa,#fff);
    box-shadow:0 0 14px rgba(124,234,250,.55);
}
.home-page .slogan-heading h2 {
    max-width:15ch;
    margin:0;
    color:#fff;
    font:900 clamp(36px,4vw,64px)/.94 var(--font-display);
    letter-spacing:-.065em;
    text-transform:uppercase;
    text-wrap:balance;
}
.home-page .slogan-heading h2 > span { color:#fff; }
.home-page .slogan-heading h2 > em {
    color:#83eefa;
    font-style:normal;
    text-shadow:0 0 25px rgba(109,232,248,.22);
}
.home-page .slogan-copy .slogan-statement {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    max-width:none;
    margin:0;
}
.home-page .slogan-statement p,
.home-page .slogan-statement p + p {
    min-height:0;
    grid-column:1 / -1;
    grid-template-columns:72px minmax(0,1fr);
    gap:19px;
    margin:0;
    padding:20px 26px 20px 17px;
    border-color:rgba(178,243,250,.17);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(106deg,rgba(1,17,45,.68),rgba(8,76,137,.35));
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.home-page .slogan-statement p::after { top:15px; bottom:15px; width:3px; background:linear-gradient(180deg,#fff,#7de9fa); }
.home-page .slogan-line-index {
    width:65px;
    min-height:62px;
    border-right-color:rgba(181,243,250,.18);
    color:#84edfa;
    font-size:31px;
}
.home-page .slogan-statement p:first-child {
    min-height:130px;
    color:#f6fcfe;
    font:700 clamp(18px,1.55vw,23px)/1.5 var(--font-display);
    letter-spacing:-.018em;
    background:radial-gradient(circle at 92% 12%,rgba(97,221,243,.16),transparent 26%),linear-gradient(110deg,rgba(2,20,53,.9),rgba(7,68,126,.52));
}
.home-page .slogan-statement p:nth-child(2) {
    grid-column:2 / -1;
    min-height:100px;
    color:#d5e8f2;
    font-size:16px;
    line-height:1.7;
}
.home-page .slogan-statement p:nth-child(2) .slogan-line-index { color:#b8f4fc; }
.home-page .slogan-statement p:hover { transform:translateX(4px); border-color:rgba(135,236,249,.48); background:linear-gradient(108deg,rgba(3,34,78,.9),rgba(11,101,169,.47)); box-shadow:0 16px 32px rgba(0,7,28,.2); }
.home-page .slogan-statement .slogan-anthem {
    grid-column:1 / -1;
    min-height:94px;
    grid-template-columns:72px minmax(0,1fr);
    margin:0!important;
    padding:19px 45px 19px 17px!important;
    border-color:rgba(139,238,250,.66)!important;
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(106deg,#1357bd,#0b78c9 61%,#1ca6c4)!important;
    box-shadow:inset 4px 0 #89effa,0 19px 37px rgba(0,8,32,.22)!important;
    font-size:clamp(16px,1.48vw,21px)!important;
    letter-spacing:.018em!important;
}
.home-page .slogan-statement .slogan-anthem::before { right:20px; top:17px; animation:none; }
.home-page .slogan-signature {
    min-height:222px;
    grid-template-columns:218px minmax(0,1fr);
    gap:34px;
    padding:25px 50px;
    border-radius:3px 25px 3px 3px;
}
.home-page .slogan-signature > em { display:none; }
.home-page .slogan-identity-crest { width:146px; height:146px; }
.home-page .slogan-identity-crest::before { animation:none; }
.home-page .slogan-identity-crest::after { animation:none; }
.home-page .slogan-identity-crest img { width:130px; height:130px; }
.home-page .slogan-identity-copy b { font-size:clamp(25px,2.55vw,39px); }
.home-page .slogan-identity-copy > i { width:76px; margin:19px 0 15px; }
.home-page .slogan-identity-copy strong { color:#87eef9; font-size:clamp(19px,2.2vw,31px); letter-spacing:-.025em; text-wrap:balance; }

@media (max-width:780px) {
    .home-page .tournament-slogan { padding-block:78px; }
    .home-page .slogan-inner { grid-template-columns:1fr; gap:15px; }
    .home-page .slogan-mark { position:relative; top:auto; width:62px; height:62px; margin:0; font-size:54px; }
    .home-page .slogan-copy { padding:27px 19px 22px; border-left-width:3px; border-radius:3px 20px 3px 3px; }
    .home-page .slogan-copy::before { left:18px; width:78px; }
    .home-page .slogan-heading { margin-bottom:18px; padding-bottom:15px; }
    .home-page .slogan-heading h2 { max-width:12ch; font-size:clamp(32px,10.5vw,48px); }
    .home-page .slogan-heading::after { width:72px; }
    .home-page .slogan-copy .slogan-statement { gap:8px; }
    .home-page .slogan-statement p,
    .home-page .slogan-statement p + p,
    .home-page .slogan-statement p:nth-child(2),
    .home-page .slogan-statement .slogan-anthem { grid-column:1 / -1; grid-template-columns:49px minmax(0,1fr); gap:11px; padding:15px 14px 15px 10px; }
    .home-page .slogan-line-index { width:44px; min-height:51px; font-size:22px; }
    .home-page .slogan-statement p:first-child { min-height:0; font-size:16px; line-height:1.55; }
    .home-page .slogan-statement p:nth-child(2) { min-height:0; font-size:13px; line-height:1.68; }
    .home-page .slogan-statement .slogan-anthem { min-height:0; padding:15px 30px 15px 10px!important; font-size:13px!important; line-height:1.45!important; }
    .home-page .slogan-statement .slogan-anthem::before { right:11px; top:11px; }
    .home-page .slogan-signature { grid-column:1; min-height:185px; grid-template-columns:116px minmax(0,1fr); gap:15px; padding:18px 16px; }
    .home-page .slogan-identity-crest { width:98px; height:98px; }
    .home-page .slogan-identity-crest img { width:88px; height:88px; }
    .home-page .slogan-identity-copy small { font-size:6px; }
    .home-page .slogan-identity-copy b { font-size:clamp(18px,4.7vw,25px); }
    .home-page .slogan-identity-copy > i { width:54px; height:3px; margin:13px 0 10px; }
    .home-page .slogan-identity-copy strong { font-size:clamp(15px,4vw,21px); }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .slogan-statement p { transition:none; }
    .home-page .slogan-statement p:hover { transform:none; }
}

/* Home hero v125 · destination text has its own vertical rhythm, never competing for one narrow row. */
.home-page .hero-copy .hero-event-board .hero-location {
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    align-content:start;
}
.home-page .hero-copy .hero-event-board .hero-location-value {
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:5px;
    padding-top:6px;
}
.home-page .hero-copy .hero-event-board .hero-location strong {
    min-width:0;
    display:block;
    margin:0;
    color:#fff;
    font-size:clamp(20px,1.65vw,26px);
    line-height:.94;
    letter-spacing:-.058em;
    white-space:nowrap;
}
.home-page .hero-copy .hero-event-board .hero-location-value span {
    min-width:0;
    display:block;
    margin:0;
    padding:5px 0 0;
    border-top:1px solid rgba(188,244,251,.28);
    color:#c4e8f0;
    font:800 clamp(7px,.62vw,8.5px)/1.22 var(--font-body);
    letter-spacing:.065em;
    text-transform:uppercase;
    white-space:nowrap;
}
@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board .hero-location-value {
        gap:4px;
        padding-top:5px;
    }
    .home-page .hero-copy .hero-event-board .hero-location strong {
        font-size:clamp(16px,5.7vw,21px);
        line-height:.94;
        letter-spacing:-.06em;
    }
    .home-page .hero-copy .hero-event-board .hero-location-value span {
        padding-top:4px;
        font-size:clamp(6px,2vw,7px);
        line-height:1.2;
        letter-spacing:.045em;
    }
}
@media (max-width:375px) {
    .home-page .hero-copy .hero-event-board .hero-location-value { gap:3px; padding-top:4px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(15px,5.35vw,19px); }
    .home-page .hero-copy .hero-event-board .hero-location-value span { padding-top:3px; font-size:5.8px; letter-spacing:.03em; }
}

/* Trailer library v124 · a cinematic media room with a featured film and selectable collection. */
.home-page .trailer-section {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 9% 14%,rgba(44,208,239,.25),transparent 20%),
        radial-gradient(circle at 88% 83%,rgba(23,101,220,.32),transparent 32%),
        linear-gradient(132deg,#010a1d 0%,#042354 49%,#064778 100%);
}
.home-page .trailer-section::before {
    z-index:-1;
    left:-11px;
    bottom:-32px;
    color:transparent;
    -webkit-text-stroke:1px rgba(165,241,249,.1);
    font-size:clamp(128px,16vw,248px);
    letter-spacing:-.09em;
}
.home-page .trailer-section::after {
    content:'';
    position:absolute;
    z-index:-1;
    right:-25vw;
    top:-29vw;
    width:min(63vw,850px);
    aspect-ratio:1;
    border:1px solid rgba(157,240,250,.12);
    border-radius:50%;
    box-shadow:0 0 0 8vw rgba(106,225,243,.024),0 0 0 16vw rgba(106,225,243,.015);
    pointer-events:none;
}
.home-page .trailer-layout { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:clamp(42px,5vw,82px); }
.home-page .trailer-copy { min-width:0; }
.home-page .trailer-copy .kicker { position:relative; z-index:1; margin-bottom:18px; color:#93eff9; font-size:10px; letter-spacing:.19em; }
.home-page .trailer-copy .kicker::before { content:''; display:inline-block; width:34px; height:2px; margin:0 11px 3px 0; vertical-align:middle; background:#8deefa; box-shadow:0 0 14px rgba(131,236,250,.58); }
.home-page .trailer-copy h2 { max-width:11ch; color:#fff; font-size:clamp(48px,4.8vw,78px); line-height:.95; letter-spacing:-.065em; text-wrap:balance; }
.home-page .trailer-copy > p { max-width:500px; margin:25px 0 31px; color:#d7edf6; font-size:15px; line-height:1.8; }
.home-page .trailer-facts { gap:8px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.home-page .trailer-facts > span,
.home-page .trailer-facts > span + span {
    min-height:108px;
    padding:16px 8px 14px;
    border:1px solid rgba(181,242,250,.18);
    border-top:3px solid #76eaf8;
    border-radius:3px 16px 3px 3px;
    color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(99,222,244,.035));
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 13px 28px rgba(0,6,28,.18);
}
.home-page .trailer-facts > span + span { border-left:1px solid rgba(181,242,250,.18); }
.home-page .trailer-facts > span::before { width:38px; height:3px; background:linear-gradient(90deg,#fff,#75eaf8); }
.home-page .trailer-facts > span::after { border-color:rgba(161,240,250,.16); box-shadow:0 0 0 11px rgba(97,228,246,.035); }
.home-page .trailer-facts > span:hover { transform:translateY(-3px); border-color:rgba(173,244,251,.52); background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(56,194,232,.12)); box-shadow:0 17px 30px rgba(0,7,32,.26); }
.home-page .trailer-facts strong { color:#fff; background:none; -webkit-text-fill-color:currentColor; filter:none; font-size:clamp(32px,3.2vw,44px); }
.home-page .trailer-facts small { min-height:30px; margin-top:9px; color:#bfe1ed; font-size:7px; letter-spacing:.09em; }
.home-page .trailer-library-summary { display:flex; align-items:center; gap:12px; margin-top:18px; color:#d3e9f2; }
.home-page .trailer-library-summary > i { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(152,239,249,.4); border-radius:50%; color:#8ceefa; background:rgba(110,229,244,.08); }
.home-page .trailer-library-summary svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.home-page .trailer-library-summary small,
.home-page .trailer-library-summary strong { display:block; }
.home-page .trailer-library-summary small { margin-bottom:3px; color:#8deefa; font-size:7px; font-weight:900; letter-spacing:.16em; }
.home-page .trailer-library-summary strong { color:#fff; font:800 10px/1.35 var(--font-display); letter-spacing:.08em; }
.home-page .trailer-stage { min-height:575px; border:1px solid rgba(165,239,249,.52); border-top:4px solid #8af0fb; border-radius:3px 28px 3px 3px; background:#031433; box-shadow:18px 22px 0 rgba(3,19,54,.35),0 35px 74px rgba(0,5,28,.42); }
.home-page .trailer-stage > img { filter:saturate(1.08) contrast(1.05); transform:scale(1.01); }
.home-page .trailer-stage-shade { background:linear-gradient(90deg,rgba(2,12,35,.86) 0%,rgba(3,30,65,.47) 51%,rgba(3,19,44,.32) 100%),linear-gradient(0deg,rgba(1,9,27,.87) 0%,transparent 60%),linear-gradient(180deg,rgba(9,105,166,.25),transparent 42%); }
.home-page .trailer-stage::before { inset:15px; border-color:rgba(205,250,252,.36); }
.home-page .trailer-stage::after { content:''; position:absolute; z-index:2; top:15px; right:15px; width:95px; height:95px; border-top:2px solid rgba(143,239,249,.72); border-right:2px solid rgba(143,239,249,.72); pointer-events:none; }
.home-page .trailer-stage-badge { position:absolute; z-index:3; top:37px; left:39px; max-width:min(68%,430px); padding:12px 15px 13px; border-left:3px solid #8ceef9; background:rgba(3,29,68,.67); box-shadow:inset 0 1px rgba(255,255,255,.13); backdrop-filter:blur(9px); }
.home-page .trailer-stage-badge span { display:block; margin-bottom:6px; color:#9bedf7; font-size:8px; font-weight:900; letter-spacing:.17em; }
.home-page .trailer-stage-badge strong { display:block; color:#fff; font:800 clamp(14px,1.55vw,21px)/1.2 var(--font-display); letter-spacing:-.02em; text-wrap:balance; }
.home-page .trailer-edition { z-index:4; right:39px; top:43px; max-width:118px; padding:7px 0 7px 13px; border-left:1px solid rgba(161,240,250,.5); color:#d7f3f6; font:900 9px/1.35 var(--font-display); letter-spacing:.12em; text-align:left; }
.home-page .trailer-edition b { color:#82ecf8; font-size:22px; }
.home-page .trailer-play { left:39px; bottom:63px; min-height:78px; max-width:calc(100% - 78px); padding:12px 22px 12px 12px; border:1px solid rgba(168,240,250,.48); border-radius:3px 20px 3px 3px; background:linear-gradient(100deg,rgba(4,35,79,.94),rgba(11,95,151,.68)); box-shadow:inset 0 1px rgba(255,255,255,.14),0 17px 35px rgba(0,5,25,.3); }
.home-page .trailer-play > i { width:58px; height:58px; color:#08306c; background:#8dedf8; box-shadow:0 0 0 8px rgba(135,238,250,.12),0 12px 24px rgba(0,0,0,.24); transition:transform .22s ease,background .22s ease; }
.home-page .trailer-play > i svg { width:24px; height:24px; fill:currentColor; transform:translateX(1px); }
.home-page .trailer-play:hover > i { transform:scale(1.07); background:#fff; }
.home-page .trailer-play:focus-visible,.home-page .trailer-queue-card:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.home-page .trailer-play small { color:#9bedf7; }
.home-page .trailer-play strong { color:#fff; font-size:clamp(14px,1.55vw,20px); }
.home-page .trailer-filmstrip { height:20px; gap:11px; padding:5px 12px; background:rgba(1,10,29,.85); }
.home-page .trailer-filmstrip i { background:rgba(151,237,247,.68); }
.home-page .trailer-library { display:grid; grid-template-columns:minmax(220px,.4fr) minmax(0,1fr); align-items:end; gap:36px; margin-top:52px; padding-top:25px; border-top:1px solid rgba(180,241,250,.22); }
.home-page .trailer-library > header { min-width:0; padding-bottom:8px; }
.home-page .trailer-library > header > span { display:block; margin-bottom:10px; color:#8deef9; font-size:8px; font-weight:900; letter-spacing:.17em; }
.home-page .trailer-library h3 { margin:0; color:#fff; font:900 clamp(23px,2.35vw,36px)/1.02 var(--font-display); letter-spacing:-.055em; text-wrap:balance; }
.home-page .trailer-library h3 em { color:#85ecf8; font-style:normal; }
.home-page .trailer-library p { margin:12px 0 0; color:#c7e1ec; font-size:12px; line-height:1.6; }
.home-page .trailer-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.home-page .trailer-queue-card { position:relative; min-height:177px; display:block; min-width:0; overflow:hidden; padding:0; border:1px solid rgba(174,241,250,.3); border-radius:3px 17px 3px 3px; color:#fff; background:#082652; cursor:pointer; text-align:left; box-shadow:0 12px 26px rgba(0,5,25,.22); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.home-page .trailer-queue-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.home-page .trailer-queue-card .trailer-queue-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,13,37,.94),rgba(3,35,77,.12) 74%); }
.home-page .trailer-queue-card > i { position:absolute; z-index:1; top:13px; right:13px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.68); border-radius:50%; color:#073471; background:#a0eff9; }
.home-page .trailer-queue-card > i svg { width:15px; fill:currentColor; transform:translateX(1px); }
.home-page .trailer-queue-copy { position:absolute; z-index:1; right:13px; bottom:13px; left:13px; }
.home-page .trailer-queue-copy small { display:block; margin-bottom:5px; color:#9aeefa; font-size:7px; font-weight:900; letter-spacing:.14em; }
.home-page .trailer-queue-copy strong { display:-webkit-box; overflow:hidden; color:#fff; font:800 13px/1.25 var(--font-display); letter-spacing:-.018em; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.home-page .trailer-queue-card:hover { transform:translateY(-4px); border-color:#9bedf8; box-shadow:0 20px 35px rgba(0,5,30,.34); }
.home-page .trailer-queue-card:hover > img { transform:scale(1.06); }
.home-page .trailer-queue-card.is-pending { cursor:default; }
.home-page .trailer-queue-card.is-pending > img { opacity:.48; filter:grayscale(.35); }
.home-page .trailer-queue-card.is-pending > i { color:#607d9f; background:#e9f4f7; }
@media (max-width:1050px) {
    .home-page .trailer-layout { grid-template-columns:1fr; gap:38px; }
    .home-page .trailer-copy { max-width:750px; }
    .home-page .trailer-copy h2 { max-width:14ch; }
    .home-page .trailer-stage { min-height:520px; }
}
@media (max-width:780px) {
    .home-page .trailer-section { padding-block:76px; }
    .home-page .trailer-copy h2 { font-size:clamp(40px,11vw,59px); }
    .home-page .trailer-copy > p { margin:18px 0 24px; font-size:13px; }
    .home-page .trailer-facts > span,.home-page .trailer-facts > span + span { min-height:94px; padding:12px 4px 10px; }
    .home-page .trailer-facts strong { font-size:30px; }
    .home-page .trailer-facts small { min-height:25px; margin-top:6px; font-size:6px; line-height:1.32; letter-spacing:.052em; }
    .home-page .trailer-stage { min-height:420px; box-shadow:10px 13px 0 rgba(3,19,54,.35),0 25px 54px rgba(0,5,28,.38); }
    .home-page .trailer-stage::before { inset:10px; }
    .home-page .trailer-stage::after { top:10px; right:10px; width:58px; height:58px; }
    .home-page .trailer-stage-badge { top:22px; left:22px; max-width:calc(100% - 115px); padding:9px 10px 10px; }
    .home-page .trailer-stage-badge span { margin-bottom:4px; font-size:6.6px; }
    .home-page .trailer-stage-badge strong { font-size:13px; }
    .home-page .trailer-edition { top:24px; right:21px; max-width:68px; padding-left:8px; font-size:6px; }
    .home-page .trailer-play { left:22px; bottom:43px; max-width:calc(100% - 44px); min-height:62px; gap:13px; padding:8px 13px 8px 8px; }
    .home-page .trailer-play > i { width:46px; height:46px; box-shadow:0 0 0 6px rgba(135,238,250,.12); }
    .home-page .trailer-play > i svg { width:20px; height:20px; }
    .home-page .trailer-play small { margin-bottom:3px; font-size:6.5px; }
    .home-page .trailer-play strong { font-size:13px; }
    .home-page .trailer-library { grid-template-columns:1fr; gap:20px; margin-top:36px; padding-top:20px; }
    .home-page .trailer-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .home-page .trailer-queue-card { min-height:157px; }
}
@media (max-width:375px) {
    .home-page .trailer-facts { gap:5px; }
    .home-page .trailer-facts > span,.home-page .trailer-facts > span + span { min-height:87px; }
    .home-page .trailer-facts strong { font-size:27px; }
    .home-page .trailer-stage { min-height:375px; }
    .home-page .trailer-library-grid { grid-template-columns:1fr; }
    .home-page .trailer-queue-card { min-height:164px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-facts > span,.home-page .trailer-queue-card,.home-page .trailer-queue-card > img,.home-page .trailer-play > i { transition:none; animation:none; }
    .home-page .trailer-facts > span:hover,.home-page .trailer-queue-card:hover { transform:none; }
}

/* Awards page v129 · standalone honours board, separate from the rulebook. */
.awards-page { background:#edf5fa; color:#082a58; }
.awards-page .awards-page-hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(88px,11vw,152px) 0 clamp(52px,7vw,90px); color:#fff; background:radial-gradient(circle at 12% 88%,rgba(31,187,218,.25),transparent 33%),radial-gradient(circle at 88% 10%,rgba(255,209,84,.18),transparent 24%),linear-gradient(130deg,#04193c 0%,#082e70 53%,#075f9f 100%); }
.awards-page .awards-page-hero::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.34; background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000 17% 82%,transparent); }
.awards-page .awards-page-hero-lines { position:absolute; z-index:-1; left:-4%; right:-4%; bottom:0; height:50%; opacity:.22; border-top:1px solid rgba(146,235,249,.55); background:repeating-linear-gradient(90deg,transparent 0 10%,rgba(157,238,249,.22) 10.08% 10.22%,transparent 10.3% 20%); transform:perspective(620px) rotateX(55deg); transform-origin:bottom; }
.awards-page .awards-page-hero-light { position:absolute; z-index:-1; top:-15%; width:26%; height:90%; opacity:.22; filter:blur(8px); background:linear-gradient(180deg,rgba(125,237,250,.9),transparent 86%); clip-path:polygon(43% 0,57% 0,100% 100%,0 100%); }
.awards-page .awards-page-hero-light-left { left:5%; transform:rotate(-18deg); }
.awards-page .awards-page-hero-light-right { right:4%; transform:rotate(18deg); }
.awards-page .awards-page-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) 190px; align-items:center; gap:clamp(30px,6vw,86px); }
.awards-page .awards-page-hero-copy { min-width:0; max-width:800px; }
.awards-page .awards-page-kicker { display:inline-flex; align-items:center; gap:10px; min-height:32px; padding:0 14px; border:1px solid rgba(149,239,248,.45); border-radius:999px; color:#9df1fa; background:rgba(96,221,241,.09); box-shadow:inset 0 1px rgba(255,255,255,.13); font-size:8px; font-weight:900; letter-spacing:.15em; }
.awards-page .awards-page-kicker > i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#8af0fa; box-shadow:0 0 0 5px rgba(136,237,249,.12),0 0 17px rgba(136,237,249,.68); }
.awards-page .awards-page-hero h1 { max-width:15ch; margin:18px 0 16px; color:#fff; font:900 clamp(43px,6vw,82px)/.93 var(--font-display); letter-spacing:-.065em; text-wrap:balance; word-break:normal; overflow-wrap:normal; }
.awards-page .awards-page-hero h1::after { content:''; display:block; width:112px; height:5px; margin-top:19px; background:linear-gradient(90deg,#ffe08a 0 48%,#8cf0fb 48%); box-shadow:0 0 21px rgba(255,218,110,.28); }
.awards-page .awards-page-hero p { max-width:690px; margin:0; color:#d5edf5; font-size:15px; line-height:1.72; text-wrap:pretty; }
.awards-page .awards-page-seal { position:relative; width:190px; min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:2px solid rgba(255,222,136,.72); border-radius:50%; color:#fff; background:radial-gradient(circle,rgba(255,212,87,.25),rgba(255,255,255,.05) 62%,transparent 64%); box-shadow:0 0 0 9px rgba(134,237,249,.08),inset 0 0 44px rgba(255,221,117,.13),0 18px 50px rgba(0,7,35,.25); text-align:center; }
.awards-page .awards-page-seal::before,.awards-page .awards-page-seal::after { content:''; position:absolute; inset:10px; border:1px dashed rgba(255,255,255,.35); border-radius:50%; }
.awards-page .awards-page-seal::after { inset:22px; border-style:solid; border-color:rgba(142,239,248,.25); }
.awards-page .awards-page-seal > span,.awards-page .awards-page-seal > strong,.awards-page .awards-page-seal > small { position:relative; z-index:1; }
.awards-page .awards-page-seal > span { color:#ffe18c; font:900 62px/.85 var(--font-display); letter-spacing:-.08em; }
.awards-page .awards-page-seal > strong { margin-top:9px; color:#fff; font-size:8px; letter-spacing:.15em; }
.awards-page .awards-page-seal > small { margin-top:6px; color:#9bf0fa; font-size:6.5px; font-weight:900; letter-spacing:.13em; }
.awards-page .awards-page-seal > i { position:absolute; z-index:1; top:18px; right:27px; color:#ffe28f; font-style:normal; font-size:21px; filter:drop-shadow(0 0 8px rgba(255,216,101,.65)); }

.awards-page .awards-page-directory { position:relative; overflow:hidden; padding:clamp(50px,8vw,104px) 0 clamp(72px,10vw,132px); background:radial-gradient(circle at 90% 3%,rgba(96,213,235,.14),transparent 26%),linear-gradient(135deg,#f8fcff,#eaf4fa); }
.awards-page .awards-page-directory::before { content:'HONOURS'; position:absolute; z-index:0; right:-16px; top:34px; color:transparent; -webkit-text-stroke:1px rgba(15,88,148,.065); font:900 clamp(84px,16vw,260px)/.78 var(--font-display); letter-spacing:-.09em; pointer-events:none; }
.awards-page .awards-page-directory-inner { position:relative; z-index:1; max-width:1400px; }
.awards-page .awards-page-directory-head { display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items:end; gap:36px; margin-bottom:46px; }
.awards-page .awards-page-directory-head > div > span { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border:1px solid rgba(16,103,184,.23); border-radius:999px; color:#0c79b8; background:#fff; box-shadow:0 7px 18px rgba(15,77,132,.07); font-size:7px; font-weight:900; letter-spacing:.16em; }
.awards-page .awards-page-directory-head h2 { max-width:19ch; margin:14px 0 0; color:#082f69; font:900 clamp(35px,4.8vw,67px)/.94 var(--font-display); letter-spacing:-.06em; word-break:normal; overflow-wrap:normal; text-wrap:balance; }
.awards-page .awards-page-directory-head h2 em { color:#0b9dc8; font-style:normal; }
.awards-page .awards-page-directory-head > p { max-width:38ch; margin:0 0 5px; padding-left:22px; border-left:3px solid #18b6d0; color:#55718c; font-size:14px; line-height:1.7; }
.awards-page .awards-page-series { position:relative; padding:clamp(19px,3vw,35px); border:1px solid rgba(32,106,168,.18); border-radius:3px 28px 3px 3px; background:rgba(255,255,255,.78); box-shadow:0 20px 55px rgba(17,81,138,.08),inset 0 1px rgba(255,255,255,.9); }
.awards-page .awards-page-series + .awards-page-series { margin-top:26px; }
.awards-page .awards-page-series-a { border-top:5px solid #21c3d4; }
.awards-page .awards-page-series-b { border-top:5px solid #e6b848; }
.awards-page .awards-page-series-head { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(80px,.55fr); align-items:center; gap:16px; margin:0 0 24px; }
.awards-page .awards-page-series-head > span { min-width:55px; color:#1189bb; font:900 clamp(30px,3.8vw,49px)/.8 var(--font-display); letter-spacing:-.07em; }
.awards-page .awards-page-series-b .awards-page-series-head > span { color:#bd8616; }
.awards-page .awards-page-series-head small { display:block; margin-bottom:5px; color:#168fb8; font-size:7px; font-weight:900; letter-spacing:.18em; }
.awards-page .awards-page-series-b .awards-page-series-head small { color:#b17d16; }
.awards-page .awards-page-series-head h2 { margin:0; color:#093b79; font:900 clamp(18px,2vw,27px)/1.05 var(--font-display); letter-spacing:-.035em; word-break:normal; overflow-wrap:normal; }
.awards-page .awards-page-series-head > i { height:1px; background:linear-gradient(90deg,rgba(33,194,212,.65),rgba(33,194,212,.04)); }
.awards-page .awards-page-series-b .awards-page-series-head > i { background:linear-gradient(90deg,rgba(230,184,72,.7),rgba(230,184,72,.04)); }
.awards-page .awards-page-series-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.awards-page .awards-page-card { position:relative; min-width:0; display:grid; grid-template-columns:61px 65px minmax(0,1fr); grid-template-rows:auto auto; gap:13px 15px; overflow:hidden; padding:0 18px 0 0; border:1px solid rgba(28,111,174,.19); border-left:0; border-radius:2px 18px 2px 2px; background:linear-gradient(135deg,#fff,#f2f8fc); box-shadow:0 12px 26px rgba(8,61,113,.075); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.awards-page .awards-page-card::before { content:''; position:absolute; inset:0; opacity:.35; background:radial-gradient(circle at 100% 0,rgba(64,194,214,.16),transparent 32%),linear-gradient(90deg,transparent 49.7%,rgba(28,132,182,.1) 50%,transparent 50.3%); pointer-events:none; }
.awards-page .awards-page-card:hover { transform:translateY(-4px); border-color:rgba(18,153,190,.47); box-shadow:0 20px 35px rgba(7,67,120,.13); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.awards-page .awards-page-card-rank { position:relative; z-index:1; grid-row:1/-1; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:157px; color:#fff; background:linear-gradient(155deg,#093b77,#0879bd); }
.awards-page .awards-page-card-rank::after { content:''; position:absolute; bottom:-32px; width:56px; height:56px; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.awards-page .awards-page-card-rank small,.awards-page .awards-page-card-rank strong { position:relative; z-index:1; }
.awards-page .awards-page-card-rank small { color:#b9f7fc; font-size:5.5px; font-weight:900; letter-spacing:.1em; writing-mode:vertical-rl; transform:rotate(180deg); }
.awards-page .awards-page-card-rank strong { margin-top:8px; color:#fff; font:900 30px/1 var(--font-display); letter-spacing:-.07em; }
.awards-page .awards-page-card-emblem { position:relative; z-index:1; width:65px; height:65px; display:grid; place-items:center; align-self:end; margin-top:17px; border:2px solid rgba(19,143,189,.32); border-radius:50%; background:radial-gradient(circle,#fff 0 28%,#dff5fa 70%,#bde7f0); box-shadow:0 0 0 6px rgba(45,190,211,.07); }
.awards-page .awards-page-card-emblem > span { font:normal 30px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif; filter:drop-shadow(0 6px 7px rgba(1,38,81,.18)); }
.awards-page .awards-page-card-copy { position:relative; z-index:1; align-self:end; min-width:0; margin-top:22px; }
.awards-page .awards-page-card-copy > small,.awards-page .awards-page-card-prize > small { display:block; color:#168ab5; font-size:6.5px; font-weight:900; letter-spacing:.14em; line-height:1.45; word-break:normal; overflow-wrap:normal; }
.awards-page .awards-page-card-copy h3 { margin:6px 0 0; color:#09376f; font:900 clamp(17px,1.65vw,23px)/1.12 var(--font-display); letter-spacing:-.035em; word-break:normal; overflow-wrap:normal; text-wrap:balance; }
.awards-page .awards-page-card-prize { position:relative; z-index:1; grid-column:2/-1; min-width:0; min-height:61px; display:flex; flex-direction:column; justify-content:center; margin-bottom:16px; padding:10px 12px; border-left:2px solid rgba(23,163,196,.32); background:rgba(217,241,247,.53); }
.awards-page .awards-page-card-prize > p { margin:5px 0 0; color:#365f82; font-size:11px; font-weight:700; line-height:1.45; word-break:normal; overflow-wrap:normal; }
.awards-page .awards-page-card.is-style { grid-column:1/-1; grid-template-columns:70px 76px minmax(0,1fr) minmax(235px,.55fr); grid-template-rows:1fr; min-height:140px; border-color:rgba(118,82,203,.23); background:radial-gradient(circle at 90% 16%,rgba(165,125,245,.13),transparent 30%),linear-gradient(135deg,#fff,#f4efff); }
.awards-page .awards-page-card.is-style .awards-page-card-rank { min-height:140px; background:linear-gradient(155deg,#48308e,#7351bd); }
.awards-page .awards-page-card.is-style .awards-page-card-emblem { align-self:center; margin-top:0; border-color:rgba(124,88,205,.33); background:radial-gradient(circle,#fff 0 28%,#ede7ff 70%,#d9cafa); }
.awards-page .awards-page-card.is-style .awards-page-card-copy { align-self:center; margin-top:0; }
.awards-page .awards-page-card.is-style .awards-page-card-copy > small { color:#7250bd; }
.awards-page .awards-page-card.is-style .awards-page-card-prize { grid-column:auto; align-self:center; margin:0; border-left-color:rgba(113,79,190,.34); background:rgba(233,225,255,.5); }
.awards-page .awards-page-card.is-series-b-gold { border-color:rgba(206,158,42,.4); background:radial-gradient(circle at 90% 12%,rgba(255,207,83,.2),transparent 30%),linear-gradient(135deg,#fffdf5,#fff7df); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank { background:linear-gradient(155deg,#8a6110,#d5a22e); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem { border-color:rgba(209,159,46,.45); background:radial-gradient(circle,#fff 0 28%,#fff5cb 70%,#f5d77d); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy > small { color:#aa7410; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize { border-left-color:rgba(202,148,27,.38); background:rgba(255,241,191,.53); }
.awards-page .awards-page-card-champion { grid-template-columns:84px 112px minmax(0,1fr) minmax(260px,.52fr); grid-template-rows:1fr; min-height:205px; margin-bottom:15px; border:2px solid rgba(227,178,55,.54); border-left:0; background:radial-gradient(circle at 19% 50%,rgba(255,208,78,.24),transparent 25%),radial-gradient(circle at 92% 10%,rgba(55,205,220,.16),transparent 27%),linear-gradient(125deg,#fffdf4,#effbfc); box-shadow:0 20px 45px rgba(12,73,130,.13); }
.awards-page .awards-page-card-champion .awards-page-card-rank { min-height:205px; background:linear-gradient(155deg,#805203,#e0aa2a); }
.awards-page .awards-page-card-champion .awards-page-card-rank strong { font-size:43px; }
.awards-page .awards-page-card-champion .awards-page-card-emblem { width:100px; height:100px; align-self:center; margin-top:0; border-color:rgba(224,172,38,.6); background:radial-gradient(circle,#fffdf0 0 27%,#ffeb9b 66%,#d7a22f); box-shadow:0 0 0 8px rgba(248,199,61,.12),0 12px 25px rgba(146,99,5,.16); }
.awards-page .awards-page-card-champion .awards-page-card-emblem > span { font-size:50px; }
.awards-page .awards-page-card-champion .awards-page-card-copy { align-self:center; margin:0; }
.awards-page .awards-page-card-champion .awards-page-card-copy > small { color:#a26b00; }
.awards-page .awards-page-card-champion .awards-page-card-copy h3 { color:#603c00; font-size:clamp(28px,3.25vw,45px); }
.awards-page .awards-page-card-champion .awards-page-card-prize { grid-column:auto; align-self:center; min-height:92px; margin:0; border-left-color:rgba(201,147,21,.48); background:rgba(255,236,171,.46); }
.awards-page .awards-page-card-champion .awards-page-card-prize > small { color:#a36a00; }
.awards-page .awards-page-card-champion .awards-page-card-prize > p { color:#654600; font-size:13px; }
.awards-page .awards-page-card-star { position:absolute; z-index:2; top:17px; right:18px; color:#d89b12; font-style:normal; font-size:25px; filter:drop-shadow(0 4px 6px rgba(146,93,0,.2)); }
@media (max-width:1050px) {
    .awards-page .awards-page-hero-inner { grid-template-columns:minmax(0,1fr) 160px; }
    .awards-page .awards-page-seal { width:160px; min-height:160px; }
    .awards-page .awards-page-seal > span { font-size:52px; }
    .awards-page .awards-page-card-champion { grid-template-columns:76px 90px minmax(0,1fr); grid-template-rows:auto auto; }
    .awards-page .awards-page-card-champion .awards-page-card-rank { min-height:205px; grid-row:1/-1; }
    .awards-page .awards-page-card-champion .awards-page-card-prize { grid-column:2/-1; align-self:auto; margin-bottom:18px; }
    .awards-page .awards-page-card.is-style { grid-template-columns:66px 68px minmax(0,1fr); grid-template-rows:auto auto; }
    .awards-page .awards-page-card.is-style .awards-page-card-rank { grid-row:1/-1; }
    .awards-page .awards-page-card.is-style .awards-page-card-prize { grid-column:2/-1; align-self:auto; margin-bottom:15px; }
}
@media (max-width:780px) {
    .awards-page .awards-page-hero { padding:54px 0 40px; }
    .awards-page .awards-page-hero-inner { grid-template-columns:1fr; gap:22px; }
    .awards-page .awards-page-hero h1 { max-width:12ch; font-size:clamp(34px,9vw,50px); }
    .awards-page .awards-page-hero p { font-size:12.5px; }
    .awards-page .awards-page-seal { width:100%; min-height:76px; display:grid; grid-template-columns:auto auto auto; justify-content:start; align-content:center; column-gap:12px; padding:10px 16px; border-radius:2px 14px 2px 2px; text-align:left; }
    .awards-page .awards-page-seal::before { inset:5px; border-radius:2px 10px 2px 2px; }
    .awards-page .awards-page-seal::after { display:none; }
    .awards-page .awards-page-seal > span { grid-row:1/3; align-self:center; font-size:38px; }
    .awards-page .awards-page-seal > strong,.awards-page .awards-page-seal > small { margin:0; }
    .awards-page .awards-page-seal > i { top:14px; right:16px; font-size:16px; }
    .awards-page .awards-page-directory { padding:36px 0 44px !important; }
    .awards-page .awards-page-directory-head { grid-template-columns:1fr !important; gap:12px !important; margin-bottom:20px !important; }
    .awards-page .awards-page-directory-head h2 { font-size:clamp(26px,7.5vw,34px) !important; line-height:1.05 !important; }
    .awards-page .awards-page-directory-head > p { margin:0 !important; padding-left:12px !important; font-size:11.5px !important; line-height:1.5 !important; }
    
    .awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        border-radius: 12px !important;
        margin-bottom: 16px !important;
        background: rgba(255, 255, 255, 0.8) !important;
    }
    .awards-page .awards-page-jumpbar a {
        min-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 4px !important;
        text-align: center !important;
        border-radius: 9px !important;
        gap: 3px !important;
        border: 1px solid #d0e4ee !important;
        background: #ffffff !important;
    }
    .awards-page .awards-page-jumpbar a > span { display: none !important; }
    .awards-page .awards-page-jumpbar a > svg { display: none !important; }
    .awards-page .awards-page-jumpbar a > b {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        color: #073868 !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .awards-page .awards-page-jumpbar a > small {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 7.5px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .awards-page .awards-page-series { padding:10px !important; border-radius:14px !important; margin-inline:0 !important; }
    .awards-page .awards-page-series + .awards-page-series { margin-top:12px !important; }
    body.awards-page .awards-page-series-head,
    .awards-page .awards-page-series-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
        min-height: 0 !important;
    }
    body.awards-page .awards-page-series-head > span,
    .awards-page .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        border-radius: 8px !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
    }
    body.awards-page .awards-page-series-head > div,
    .awards-page .awards-page-series-head > div {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    body.awards-page .awards-page-series-head small,
    .awards-page .awards-page-series-head small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        letter-spacing: 0.12em !important;
        color: #1478a5 !important;
    }
    body.awards-page .awards-page-series-head h2,
    .awards-page .awards-page-series-head h2 {
        display: block !important;
        font-size: 13.5px !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        white-space: normal !important;
        color: #073868 !important;
    }
    .awards-page .awards-page-series-head > i { display: none !important; }
    body.awards-page .awards-page-personal-intro { margin:-3px 0 8px !important; font-size:11px !important; line-height:1.45 !important; }
    .awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem,
    .awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        width: 44px !important;
        height: 44px !important;
        padding: 6px !important;
        border-radius: 9px !important;
    }
    .awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy h3,
    .awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy h3 {
        font-size: 15px !important;
        font-weight: 900 !important;
    }
    .awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > p,
    .awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        font-size: 9.5px !important;
    }
    .awards-page .awards-page-card-note { font-size:7.5px !important; margin-top:2px !important; line-height:1.35 !important; }
    .awards-page .awards-page-card-star { top:7px; right:7px; }
    .awards-page .awards-page-personal-intro { margin:-3px 0 8px !important; font-size:11px !important; line-height:1.45 !important; }
}
@media (prefers-reduced-motion:reduce) {
    .awards-page .awards-page-card { transition:none; }
    .awards-page .awards-page-card:hover { transform:none; }
}

/* Awards hierarchy v127 · Serie A leads the honours board, with Serie B clearly second. */
.home-page .award-series-b {
    min-height:202px;
    border-color:rgba(197,227,248,.48);
    border-left:4px solid #d8eef8;
    background:
        radial-gradient(circle at 92% 12%,rgba(205,235,250,.18),transparent 30%),
        linear-gradient(135deg,rgba(44,110,173,.32),rgba(255,255,255,.07));
    box-shadow:0 21px 48px rgba(0,8,30,.22),inset 0 1px rgba(255,255,255,.16);
}
.home-page .award-series-b::before {
    content:'SERIE B';
    position:absolute;
    z-index:0;
    right:17px;
    top:9px;
    color:transparent;
    -webkit-text-stroke:1px rgba(224,242,252,.15);
    font:900 clamp(34px,3.2vw,54px)/1 var(--font-display);
    letter-spacing:-.08em;
}
.home-page .award-series-b > * { position:relative; z-index:1; }
.home-page .award-series-b .award-card-icon { border-color:rgba(237,249,254,.54); background:radial-gradient(circle,#f9feff 0 22%,rgba(198,232,248,.38) 45%,rgba(92,164,209,.19)); color:#0e5793; box-shadow:0 0 0 8px rgba(208,239,252,.08),0 12px 24px rgba(0,5,26,.16); }
.home-page .award-series-b small { color:#d8f3ff; }
.home-page .award-series-b h3 { color:#fff; font-size:clamp(18px,1.7vw,24px); }
.home-page .award-series-b p { color:#d9eaf4; }
.home-page .award-series-b > b { color:transparent; -webkit-text-stroke:1px rgba(224,242,252,.24); }
.home-page .award-series-b:hover { border-color:#e6f8ff; border-left-color:#fff; background:linear-gradient(135deg,rgba(67,141,209,.44),rgba(255,255,255,.12)); }
@media (max-width:780px) {
    .home-page .award-series-b { min-height:154px; }
    .home-page .award-series-b::before { right:11px; top:8px; font-size:42px; }
}

/* Awards structure v128 · full Serie A honours first, then a distinct Serie B block. */
.home-page .award-grid { align-content:start; }
.home-page .award-series-divider {
    position:relative;
    z-index:1;
    grid-column:1/-1;
    display:grid;
    grid-template-columns:auto minmax(30px,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:0 2px;
    color:#9cebf7;
}
.home-page .award-series-divider > span,
.home-page .award-series-divider > strong { font-size:8px; font-weight:900; letter-spacing:.14em; }
.home-page .award-series-divider > strong { color:#d9eef7; font-size:7px; }
.home-page .award-series-divider > i { height:1px; background:linear-gradient(90deg,rgba(119,230,249,.54),rgba(119,230,249,.06)); }
.home-page .award-series-divider.is-series-b { margin-top:9px; padding-top:14px; border-top:1px solid rgba(255,217,111,.27); color:#ffe18c; }
.home-page .award-series-divider.is-series-b > strong { color:#fff2bd; }
.home-page .award-series-divider.is-series-b > i { background:linear-gradient(90deg,rgba(255,216,104,.58),rgba(255,216,104,.06)); }
.home-page .award-card.award-medal-silver { border-left-color:#dff2fc; background:linear-gradient(135deg,rgba(180,223,242,.2),rgba(255,255,255,.045)); }
.home-page .award-card.award-medal-silver .award-card-icon { color:#275a78; border-color:rgba(225,246,255,.68); background:radial-gradient(circle,#fff 0 22%,rgba(211,238,250,.5) 45%,rgba(89,150,186,.2)); }
.home-page .award-card.award-medal-bronze { border-left-color:#e7ad79; background:linear-gradient(135deg,rgba(195,121,63,.2),rgba(255,255,255,.045)); }
.home-page .award-card.award-medal-bronze .award-card-icon { color:#754220; border-color:rgba(249,204,160,.56); background:radial-gradient(circle,#fff7ef 0 22%,rgba(236,174,124,.5) 45%,rgba(143,82,43,.2)); }
.home-page .award-card.award-series-b-gold { border-left-color:#f5cf63; background:radial-gradient(circle at 86% 16%,rgba(255,213,94,.15),transparent 31%),linear-gradient(135deg,rgba(133,92,16,.28),rgba(255,255,255,.055)); }
.home-page .award-card.award-series-b-gold .award-card-icon { color:#8a5e00; border-color:rgba(255,226,139,.65); background:radial-gradient(circle,#fffbea 0 22%,rgba(255,214,91,.54) 45%,rgba(158,106,4,.22)); box-shadow:0 0 0 7px rgba(255,216,104,.06),0 12px 24px rgba(0,5,26,.16); }
.home-page .award-card.award-style { grid-column:1/-1; min-height:139px; border-left-color:#a283f5; background:radial-gradient(circle at 88% 16%,rgba(176,145,255,.16),transparent 28%),linear-gradient(135deg,rgba(86,54,160,.25),rgba(255,255,255,.05)); }
.home-page .award-card.award-style .award-card-icon { color:#5f3dba; border-color:rgba(197,178,255,.58); background:radial-gradient(circle,#fff 0 22%,rgba(202,184,255,.48) 45%,rgba(108,71,194,.2)); }
.home-page .award-card.award-style > b { font-size:54px; }
@media (max-width:780px) {
    .home-page .award-series-divider { gap:8px; min-height:42px; }
    .home-page .award-series-divider > span { font-size:7px; }
    .home-page .award-series-divider > strong { font-size:5.8px; letter-spacing:.09em; }
    .home-page .award-series-divider.is-series-b { margin-top:5px; padding-top:12px; }
    .home-page .award-card.award-style { grid-column:1; min-height:136px; }
}

/* Serie B gold spotlight v143 · prominent collective honour without competing with Serie A champion. */
.home-page .award-card.award-series-b-gold {
    isolation:isolate;
    grid-column:1/-1;
    grid-template-columns:78px minmax(0,1fr) auto;
    min-height:218px;
    gap:22px;
    padding:54px 30px 28px;
    border:2px solid rgba(255,218,119,.82);
    border-left:7px solid #ffd65c;
    border-radius:4px 25px 4px 4px;
    background:
        radial-gradient(circle at 88% 12%,rgba(255,231,139,.32),transparent 24%),
        radial-gradient(circle at 6% 94%,rgba(255,191,49,.2),transparent 30%),
        linear-gradient(132deg,rgba(104,63,5,.92),rgba(41,62,94,.93) 52%,rgba(8,45,94,.94));
    box-shadow:0 22px 44px rgba(0,8,30,.3),inset 0 1px rgba(255,255,255,.22),inset 0 -32px 58px rgba(0,0,0,.1);
}
.home-page .award-card.award-series-b-gold::before {
    content:'';
    position:absolute;
    z-index:0;
    width:184px;
    height:184px;
    right:-43px;
    bottom:-78px;
    border:1px solid rgba(255,234,166,.24);
    border-radius:50%;
    box-shadow:0 0 0 19px rgba(255,228,142,.045),0 0 0 39px rgba(255,228,142,.027);
}
.home-page .award-card.award-series-b-gold::after { z-index:0; background:linear-gradient(90deg,transparent,rgba(255,242,191,.22),transparent); }
.home-page .award-card.award-series-b-gold > :not(.award-gold-spotlight) { position:relative; z-index:1; }
.home-page .award-gold-spotlight {
    position:absolute;
    z-index:2;
    top:18px;
    left:28px;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    border:1px solid rgba(255,236,168,.62);
    border-radius:999px;
    color:#fff4c9;
    background:rgba(36,43,50,.29);
    box-shadow:inset 0 1px rgba(255,255,255,.14);
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.15em;
}
.home-page .award-card.award-series-b-gold .award-card-icon {
    width:78px;
    height:78px;
    color:#704600;
    border:2px solid rgba(255,239,181,.84);
    background:radial-gradient(circle at 36% 28%,#fff 0 19%,#fff7d3 20% 38%,#f2bf36 62%,#9e6107 100%);
    box-shadow:0 0 0 9px rgba(255,220,113,.12),0 15px 30px rgba(0,0,0,.25);
    font-size:39px;
}
.home-page .award-card.award-series-b-gold h3 { margin:7px 0 9px; color:#fff; font-size:clamp(24px,2.25vw,34px); line-height:1.02; text-wrap:balance; }
.home-page .award-card.award-series-b-gold p { max-width:44ch; color:#fff1c1; font-size:12px; font-weight:800; line-height:1.5; }
.home-page .award-card.award-series-b-gold div > small { color:#ffe49a; font-size:7.5px; letter-spacing:.16em; }
.home-page .award-card.award-series-b-gold > b { align-self:end; color:transparent; -webkit-text-stroke:1px rgba(255,235,171,.5); font-size:68px; }
.home-page .award-card.award-series-b-gold:hover { transform:translateY(-6px); border-color:#fff0b9; border-left-color:#fff1bc; background:radial-gradient(circle at 88% 12%,rgba(255,231,139,.38),transparent 24%),radial-gradient(circle at 6% 94%,rgba(255,191,49,.24),transparent 30%),linear-gradient(132deg,rgba(120,74,6,.96),rgba(49,75,112,.97) 52%,rgba(10,52,106,.97)); }

.awards-page .awards-page-card.is-series-b-gold {
    isolation:isolate;
    grid-column:1/-1;
    grid-template-columns:78px 92px minmax(0,1fr) minmax(245px,.55fr);
    grid-template-rows:1fr;
    min-height:190px;
    gap:18px;
    padding-right:24px;
    border:2px solid rgba(213,164,45,.68);
    border-left:0;
    border-radius:3px 24px 3px 3px;
    background:radial-gradient(circle at 90% 14%,rgba(255,215,91,.34),transparent 29%),linear-gradient(126deg,#fffdf5,#fff7dc 54%,#f1f9fb);
    box-shadow:0 20px 42px rgba(126,86,6,.13),inset 0 1px #fff;
}
.awards-page .awards-page-card.is-series-b-gold::after { content:'SERIE B'; position:absolute; z-index:0; right:22px; bottom:-18px; color:transparent; -webkit-text-stroke:1px rgba(169,114,7,.1); font:900 clamp(62px,7vw,106px)/1 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.awards-page .awards-page-card.is-series-b-gold > :not(.awards-page-card-gold-badge) { position:relative; z-index:1; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank { min-height:190px; background:linear-gradient(155deg,#744b05,#d6a125 63%,#f3c95a); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank strong { font-size:40px; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem { width:84px; height:84px; align-self:center; margin-top:0; border:2px solid rgba(203,150,28,.65); background:radial-gradient(circle at 37% 26%,#fff 0 22%,#fff2ba 48%,#eab440 74%,#bb7810); box-shadow:0 0 0 8px rgba(233,182,59,.12),0 12px 24px rgba(133,88,3,.12); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem > span { font-size:42px; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy { align-self:center; margin:18px 0 0; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy > small { color:#95610a; font-size:7px; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy h3 { color:#5d3a00; font-size:clamp(25px,2.5vw,35px); line-height:1.05; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize { grid-column:auto; align-self:center; min-height:94px; margin:0; padding:15px 16px; border-left:3px solid rgba(202,145,16,.62); background:rgba(255,237,166,.58); }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize > small { color:#95610a; }
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize > p { color:#614600; font-size:12px; }
.awards-page .awards-page-card-gold-badge { position:absolute; z-index:2; top:15px; right:20px; display:inline-flex; align-items:center; min-height:23px; padding:0 9px; border:1px solid rgba(189,132,11,.36); border-radius:999px; color:#815307; background:rgba(255,251,230,.9); box-shadow:0 5px 14px rgba(116,76,3,.08); font-size:6.2px; font-weight:900; letter-spacing:.13em; }

@media (max-width:1050px) {
    .awards-page .awards-page-card.is-series-b-gold { grid-template-columns:72px 82px minmax(0,1fr); grid-template-rows:auto auto; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank { grid-row:1/-1; min-height:190px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize { grid-column:2/-1; align-self:auto; margin:0 0 17px; }
}
@media (max-width:780px) {
    .home-page .award-card.award-series-b-gold { grid-column:1; grid-template-columns:62px minmax(0,1fr); min-height:173px; gap:14px; padding:47px 17px 18px; }
    .home-page .award-gold-spotlight { top:13px; left:16px; min-height:22px; padding-inline:8px; font-size:5.7px; letter-spacing:.11em; }
    .home-page .award-card.award-series-b-gold .award-card-icon { width:60px; height:60px; font-size:31px; box-shadow:0 0 0 6px rgba(255,220,113,.12),0 10px 20px rgba(0,0,0,.22); }
    .home-page .award-card.award-series-b-gold h3 { font-size:clamp(21px,6vw,28px); }
    .home-page .award-card.award-series-b-gold p { font-size:10px; }
    .home-page .award-card.award-series-b-gold > b { display:none; }

    .awards-page .awards-page-card.is-series-b-gold { grid-column:1; grid-template-columns:54px 62px minmax(0,1fr); grid-template-rows:auto auto; min-height:166px; gap:10px 11px; padding-right:10px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank { min-height:166px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank strong { font-size:30px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem { width:62px; height:62px; margin-top:17px; box-shadow:0 0 0 5px rgba(233,182,59,.12); }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem > span { font-size:30px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy { align-self:end; margin-top:22px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy > small { font-size:5.3px; letter-spacing:.09em; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy h3 { font-size:clamp(18px,5.55vw,24px); }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize { grid-column:2/-1; min-height:58px; align-self:auto; margin:0 0 11px; padding:8px 9px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize > p { font-size:9.5px; line-height:1.38; }
    .awards-page .awards-page-card-gold-badge { top:8px; right:9px; min-height:19px; padding-inline:6px; font-size:4.7px; letter-spacing:.08em; }
}
@media (max-width:380px) {
    .home-page .award-card.award-series-b-gold { grid-template-columns:54px minmax(0,1fr); gap:11px; padding-inline:14px; }
    .home-page .award-card.award-series-b-gold .award-card-icon { width:53px; height:53px; font-size:27px; }
    .awards-page .awards-page-card.is-series-b-gold { grid-template-columns:48px 54px minmax(0,1fr); gap:8px; padding-right:8px; }
    .awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem { width:53px; height:53px; }
    .awards-page .awards-page-card-gold-badge { max-width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .award-card.award-series-b-gold { transition:none; }
    .home-page .award-card.award-series-b-gold:hover { transform:none; }
}

/* Rulebook card layout v144 · copy must never inherit the 48px icon dimensions. */
.home-page .regulations-teaser-board > .regulation-spotlight-card > .regulation-spotlight-copy {
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    display:block;
    align-self:center;
    border:0;
    background:transparent;
    text-align:left;
}
.home-page .regulations-teaser-board > .regulation-spotlight-card > .regulation-spotlight-copy > strong {
    width:auto;
    max-width:none;
    min-width:0;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:pretty;
}
@media (min-width:1181px) {
    .home-page .regulation-spotlight-card {
        grid-template-columns:68px minmax(260px,1fr) 48px;
        gap:18px;
        padding:16px 18px;
    }
    .home-page .regulation-spotlight-copy > strong {
        font-size:clamp(17px,1.18vw,20px);
        line-height:1.18;
    }
}

/* Footer connection hub v130 · clear contact hierarchy with touch-friendly actions. */
.site-footer .footer-connect {
    position:relative;
    isolation:isolate;
    display:grid;
    gap:13px;
    min-width:0;
    padding:24px;
    overflow:hidden;
    border:1px solid rgba(125,223,244,.28);
    border-radius:18px;
    background:
        radial-gradient(circle at 94% 0,rgba(74,203,240,.16),transparent 33%),
        linear-gradient(135deg,rgba(16,64,103,.72),rgba(3,29,63,.8));
    box-shadow:0 26px 50px rgba(0,10,35,.23),inset 0 1px rgba(255,255,255,.1);
}
.site-footer .footer-connect::before,
.site-footer .footer-connect::after { content:''; position:absolute; z-index:-1; pointer-events:none; }
.site-footer .footer-connect::before { width:180px; height:180px; right:-82px; bottom:-110px; border:1px solid rgba(126,229,247,.14); border-radius:50%; box-shadow:0 0 0 25px rgba(126,229,247,.035),0 0 0 51px rgba(126,229,247,.02); }
.site-footer .footer-connect::after { top:0; left:25px; width:78px; height:3px; background:linear-gradient(90deg,#fff,#77e7f8); box-shadow:0 0 16px rgba(119,231,248,.7); }
.site-footer .footer-connect-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; min-width:0; padding-bottom:7px; }
.site-footer .footer-connect-heading > span { display:inline-flex; align-items:center; gap:8px; margin:0; color:#8deafa; font-size:8px; font-weight:900; letter-spacing:.15em; }
.site-footer .footer-connect-heading > span i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#86e8f9; box-shadow:0 0 0 5px rgba(134,232,249,.13),0 0 14px rgba(134,232,249,.75); }
.site-footer .footer-connect-heading > p { margin:0; color:#fff; font:900 clamp(15px,1.25vw,19px)/.96 var(--font-display); letter-spacing:.025em; text-align:right; }
.site-footer .footer-connect-heading > p em { color:#79e5f8; font-style:normal; }
.site-footer .footer-contact-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; min-width:0; }
.site-footer .footer-contact-card,
.site-footer .footer-facebook {
    position:relative;
    isolation:isolate;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(184,234,247,.22);
    border-radius:12px;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.site-footer .footer-contact-card::after,
.site-footer .footer-facebook::after { content:''; position:absolute; z-index:-1; top:0; bottom:0; left:-55%; width:40%; opacity:0; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); transition:left .32s ease,opacity .22s ease; }
.site-footer .footer-contact-card {
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 15px;
    align-items:center;
    gap:9px;
    min-height:76px;
    padding:11px 12px;
    color:#fff;
    background:rgba(1,23,52,.42);
}
.site-footer .footer-contact-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(123,229,248,.43); border-radius:10px; color:#85eafb; background:linear-gradient(135deg,rgba(93,209,240,.21),rgba(57,107,161,.14)); box-shadow:inset 0 1px rgba(255,255,255,.12); }
.site-footer .footer-contact-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.site-footer .footer-contact-card > span { display:grid; gap:5px; min-width:0; }
.site-footer .footer-contact-card small { color:#9bbacb; font-size:7px; font-weight:900; letter-spacing:.12em; }
.site-footer .footer-contact-card strong { min-width:0; color:#f4fcff; font-size:clamp(10px,.78vw,12px); font-weight:800; line-height:1.3; letter-spacing:.015em; overflow-wrap:anywhere; }
.site-footer .footer-contact-card > b { color:#85eafb; font-size:14px; font-weight:500; transition:transform .22s ease; }
.site-footer .footer-facebook {
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 16px;
    align-items:center;
    gap:11px;
    min-height:66px;
    margin-top:2px;
    padding:9px 13px;
    color:#fff;
    background:linear-gradient(105deg,#145dc2,#0b7bd9 58%,#23a7d5);
    box-shadow:0 13px 27px rgba(0,29,93,.26),inset 0 1px rgba(255,255,255,.23);
}
.site-footer .footer-facebook > i { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#1877f2; background:#fff; font:900 20px/1 Arial,sans-serif; box-shadow:0 6px 12px rgba(0,0,0,.18); }
.site-footer .footer-facebook > span { display:grid; gap:4px; min-width:0; }
.site-footer .footer-facebook small { color:rgba(239,250,255,.76); font-size:6.5px; font-weight:900; letter-spacing:.12em; }
.site-footer .footer-facebook strong { color:#fff; font-size:9px; font-weight:900; letter-spacing:.09em; }
.site-footer .footer-facebook > b { color:#fff; font-size:15px; font-weight:500; transition:transform .22s ease; }
.site-footer .footer-contact-card:hover,
.site-footer .footer-facebook:hover { transform:translateY(-3px); border-color:rgba(187,246,255,.74); box-shadow:0 15px 28px rgba(0,9,34,.28),inset 0 1px rgba(255,255,255,.2); }
.site-footer .footer-contact-card:hover::after,
.site-footer .footer-facebook:hover::after { left:118%; opacity:1; }
.site-footer .footer-contact-card:hover > b,
.site-footer .footer-facebook:hover > b { transform:translate(2px,-2px); }
.site-footer .footer-contact-card:focus-visible,
.site-footer .footer-facebook:focus-visible { outline:3px solid #fff; outline-offset:3px; border-color:#fff; }
@media (max-width:780px) {
    .site-footer .footer-connect { width:100%; max-width:560px; padding:20px 16px 16px; border-radius:16px; }
    .site-footer .footer-connect-heading { align-items:center; padding-inline:2px; }
    .site-footer .footer-connect-heading > p { font-size:15px; }
    .site-footer .footer-contact-list { grid-template-columns:1fr; gap:9px; }
    .site-footer .footer-contact-card { min-height:68px; grid-template-columns:35px minmax(0,1fr) 15px; }
    .site-footer .footer-contact-card strong { font-size:11px; }
    .site-footer .footer-facebook { min-height:62px; }
}
@media (max-width:390px) {
    .site-footer .footer-connect-heading { align-items:flex-start; flex-direction:column; gap:7px; }
    .site-footer .footer-connect-heading > p { text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
    .site-footer .footer-contact-card,
    .site-footer .footer-facebook,
    .site-footer .footer-contact-card::after,
    .site-footer .footer-facebook::after,
    .site-footer .footer-contact-card > b,
    .site-footer .footer-facebook > b { transition:none; }
    .site-footer .footer-contact-card:hover,
    .site-footer .footer-facebook:hover { transform:none; }
}

/* Contact launchpad v131 · a clear three-route invitation for teams, partners and followers. */
.home-page .contact-heading {
    position:relative;
    isolation:isolate;
    max-width:760px;
    padding:30px 0 28px;
}
.home-page .contact-heading::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:238px;
    height:238px;
    left:-124px;
    bottom:-92px;
    border:1px solid rgba(129,235,249,.14);
    border-radius:50%;
    box-shadow:0 0 0 23px rgba(129,235,249,.025),0 0 0 47px rgba(129,235,249,.012);
    pointer-events:none;
}
.home-page .contact-kicker-line {
    width:min(100%,695px);
    min-height:42px;
    margin-bottom:25px;
    padding:6px 9px 6px 0;
    border:0;
    border-bottom:1px solid rgba(170,240,249,.2);
}
.home-page .contact-kicker-line .kicker {
    min-height:30px;
    padding:0 13px 0 0;
    border:1px solid rgba(158,240,250,.23);
    border-left:0;
    border-radius:0 999px 999px 0;
    background:rgba(130,235,249,.07);
    box-shadow:inset 0 1px rgba(255,255,255,.1);
}
.home-page .contact-kicker-line .kicker::before { width:33px; }
.home-page .contact-kicker-line > b {
    min-height:30px;
    border-color:rgba(165,240,250,.31);
    color:#d7fbff;
    background:rgba(0,25,60,.33);
    box-shadow:inset 0 1px rgba(255,255,255,.1);
}
.home-page .contact-inner h2 {
    max-width:740px;
    font-size:clamp(64px,6.15vw,96px);
    letter-spacing:-.07em;
}
.home-page .contact-heading > p {
    max-width:610px;
    margin:31px 0 27px;
    padding-left:18px;
    border-left:2px solid #8ceef9;
    color:#e0eff5;
    font-size:15px;
    line-height:1.8;
}
.home-page .contact-themes {
    width:100%;
    max-width:720px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.home-page .contact-themes > .contact-theme-card {
    position:relative;
    isolation:isolate;
    min-height:122px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 22px;
    align-items:center;
    gap:10px;
    padding:15px 12px;
    overflow:hidden;
    border:1px solid rgba(182,244,251,.23);
    border-radius:4px 18px 4px 4px;
    color:#ecfcff;
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
    box-shadow:0 13px 28px rgba(0,7,30,.13),inset 0 1px rgba(255,255,255,.12);
    font-size:inherit;
    line-height:normal;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
    touch-action:manipulation;
}
.home-page .contact-themes > .contact-theme-card::before,
.home-page .contact-themes > .contact-theme-card::after { content:''; position:absolute; z-index:-1; pointer-events:none; }
.home-page .contact-themes > .contact-theme-card::before { width:78px; height:78px; right:-37px; bottom:-43px; border:1px solid rgba(203,249,253,.3); border-radius:50%; box-shadow:0 0 0 13px rgba(203,249,253,.045); transition:transform .26s ease; }
.home-page .contact-themes > .contact-theme-card::after { top:0; left:0; width:4px; height:100%; background:#88eef9; box-shadow:0 0 17px rgba(136,238,249,.66); transform:scaleY(.45); transform-origin:center; transition:transform .22s ease; }
.home-page .contact-themes > .contact-theme-card > * { position:relative; z-index:1; }
.home-page .contact-themes > .contact-theme-card > .contact-theme-icon {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(193,248,253,.4);
    border-radius:12px;
    color:#a2f1fa;
    background:rgba(6,49,93,.4);
    box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 16px rgba(0,11,37,.12);
}
.home-page .contact-themes > .contact-theme-card > .contact-theme-icon svg,
.home-page .contact-themes > .contact-theme-card > b svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.home-page .contact-themes > .contact-theme-card > span { display:grid; gap:6px; min-width:0; }
.home-page .contact-themes > .contact-theme-card small { color:#b6eefa; font-size:6.5px; font-weight:900; letter-spacing:.105em; line-height:1.25; }
.home-page .contact-themes > .contact-theme-card strong { color:#fff; font-size:9px; font-weight:900; letter-spacing:.055em; line-height:1.25; white-space:nowrap; }
.home-page .contact-themes > .contact-theme-card strong em { color:#9aebf8; font-style:normal; }
.home-page .contact-themes > .contact-theme-card > b { display:grid; place-items:center; color:#a8f0fa; }
.home-page .contact-themes > .contact-theme-card > b svg { width:16px; height:16px; transition:transform .22s ease; }
.home-page .contact-theme-card.is-registration { border-color:rgba(117,230,247,.48); background:linear-gradient(145deg,rgba(24,131,209,.7),rgba(7,69,136,.65)); }
.home-page .contact-theme-card.is-registration .contact-theme-icon { color:#fff; background:rgba(105,231,249,.18); }
.home-page .contact-theme-card.is-registration strong em { color:#b6f6ff; }
.home-page .contact-theme-card.is-sponsor::after { background:#ffd678; box-shadow:0 0 17px rgba(255,214,120,.68); }
.home-page .contact-theme-card.is-sponsor .contact-theme-icon { color:#ffe198; border-color:rgba(255,226,151,.42); background:rgba(127,84,7,.22); }
.home-page .contact-theme-card.is-sponsor strong em { color:#ffe49e; }
.home-page .contact-theme-card.is-news::after { background:#c6a9ff; box-shadow:0 0 17px rgba(198,169,255,.62); }
.home-page .contact-theme-card.is-news .contact-theme-icon { color:#d8c6ff; border-color:rgba(216,198,255,.4); background:rgba(79,46,144,.24); }
.home-page .contact-theme-card.is-news strong em { color:#dacbff; }
.home-page .contact-themes > .contact-theme-card:hover,
.home-page .contact-themes > .contact-theme-card:focus-visible { transform:translateY(-4px); border-color:rgba(224,253,255,.83); box-shadow:0 20px 35px rgba(0,7,31,.24),inset 0 1px rgba(255,255,255,.2); }
.home-page .contact-themes > .contact-theme-card:hover::before,
.home-page .contact-themes > .contact-theme-card:focus-visible::before { transform:scale(1.16); }
.home-page .contact-themes > .contact-theme-card:hover::after,
.home-page .contact-themes > .contact-theme-card:focus-visible::after { transform:scaleY(1); }
.home-page .contact-themes > .contact-theme-card:hover > b svg,
.home-page .contact-themes > .contact-theme-card:focus-visible > b svg { transform:translateX(3px); }
.home-page .contact-themes > .contact-theme-card:active { transform:translateY(-1px) scale(.985); }
.home-page .contact-themes > .contact-theme-card:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.home-page .contact-orbit { animation:none !important; }
.home-page .contact-panel-head i { animation:none; opacity:1; box-shadow:0 0 0 4px rgba(120,227,247,.12),0 0 16px rgba(120,227,247,.78); }
@media (max-width:1050px) {
    .home-page .contact-heading { padding-top:14px; }
    .home-page .contact-themes { grid-template-columns:1fr; max-width:520px; }
    .home-page .contact-themes > .contact-theme-card { min-height:74px; grid-template-columns:40px minmax(0,1fr) 22px; padding:12px 14px; }
    .home-page .contact-theme-card > span { gap:4px; }
}
@media (max-width:780px) {
    .home-page .contact-heading { padding:2px 0 0; }
    .home-page .contact-heading::before { width:190px; height:190px; left:-118px; bottom:-64px; }
    .home-page .contact-kicker-line { min-height:38px; margin-bottom:22px; }
    .home-page .contact-kicker-line .kicker { min-height:28px; padding-right:10px; font-size:7px; letter-spacing:.12em; }
    .home-page .contact-kicker-line .kicker::before { width:27px; }
    .home-page .contact-inner h2 { font-size:clamp(46px,12.2vw,61px); }
    .home-page .contact-heading > p { margin:27px 0 24px; padding-left:14px; font-size:14px; }
    .home-page .contact-themes { gap:8px; max-width:none; }
    .home-page .contact-themes > .contact-theme-card { min-height:78px; grid-template-columns:40px minmax(0,1fr) 23px; gap:11px; padding:12px 13px; }
    .home-page .contact-themes > .contact-theme-card > .contact-theme-icon { width:40px; height:40px; }
    .home-page .contact-theme-card small { font-size:6.4px; }
    .home-page .contact-theme-card strong { font-size:9px; }
}
@media (max-width:390px) {
    .home-page .contact-kicker-line > b { display:inline-flex; min-height:26px; padding-inline:8px; font-size:6px; }
    .home-page .contact-themes > .contact-theme-card { min-height:74px; grid-template-columns:36px minmax(0,1fr) 20px; gap:9px; padding-inline:10px; }
    .home-page .contact-themes > .contact-theme-card > .contact-theme-icon { width:36px; height:36px; border-radius:10px; }
    .home-page .contact-theme-card strong { font-size:8.5px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .contact-themes > .contact-theme-card,
    .home-page .contact-themes > .contact-theme-card::before,
    .home-page .contact-themes > .contact-theme-card::after,
    .home-page .contact-theme-card > b svg { transition:none; }
    .home-page .contact-themes > .contact-theme-card:hover,
    .home-page .contact-themes > .contact-theme-card:active { transform:none; }
}

/* Footer technical desk v132 · a dedicated, scannable support lane. */
.site-footer .footer-tech-desk {
    position:relative;
    isolation:isolate;
    display:grid;
    gap:10px;
    padding:12px;
    overflow:hidden;
    border:1px solid rgba(132,233,248,.2);
    border-radius:13px;
    background:linear-gradient(135deg,rgba(102,229,248,.11),rgba(0,23,53,.3));
}
.site-footer .footer-tech-desk::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:88px;
    height:88px;
    right:-48px;
    top:-51px;
    border:1px solid rgba(147,237,249,.22);
    border-radius:50%;
    box-shadow:0 0 0 13px rgba(147,237,249,.035),0 0 0 27px rgba(147,237,249,.018);
    pointer-events:none;
}
.site-footer .footer-tech-desk-head { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:0 1px 2px; }
.site-footer .footer-tech-desk-icon { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(144,238,249,.38); border-radius:9px; color:#9af0fa; background:rgba(124,231,247,.09); }
.site-footer .footer-tech-desk-icon svg,.site-footer .footer-tech-card-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.site-footer .footer-tech-desk-head > span { display:grid; gap:3px; min-width:0; }
.site-footer .footer-tech-desk-head small { color:#a7eefa; font-size:6.5px; font-weight:900; letter-spacing:.12em; }
.site-footer .footer-tech-desk-head strong { color:#fff; font-size:8px; font-weight:900; letter-spacing:.08em; }
.site-footer .footer-tech-desk-head > b { display:inline-flex; align-items:center; gap:6px; min-height:23px; padding:0 8px; border:1px solid rgba(170,242,250,.27); border-radius:999px; color:#bff7fc; background:rgba(125,234,247,.08); font-size:6px; font-weight:900; letter-spacing:.08em; white-space:nowrap; }
.site-footer .footer-tech-desk-head > b > i { width:5px; height:5px; border-radius:50%; background:#82ddf2; box-shadow:0 0 0 4px rgba(114,220,243,.1),0 0 10px rgba(114,220,243,.64); }
.site-footer .footer-tech-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.site-footer .footer-tech-card {
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:68px;
    display:grid;
    grid-template-columns:29px minmax(0,1fr) 13px;
    align-items:center;
    gap:8px;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(177,242,250,.19);
    border-radius:10px;
    color:#fff;
    background:rgba(1,22,51,.42);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
    touch-action:manipulation;
}
.site-footer .footer-tech-card::after { content:''; position:absolute; z-index:-1; top:0; right:-30%; width:48%; height:100%; opacity:0; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transition:right .3s ease,opacity .22s ease; }
.site-footer .footer-tech-card-icon { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(146,239,249,.31); border-radius:9px; color:#9bf0fa; background:rgba(115,230,247,.1); }
.site-footer .footer-tech-card > span { display:grid; gap:3px; min-width:0; }
.site-footer .footer-tech-card small { color:#9bddeb; font-size:5.6px; font-weight:900; letter-spacing:.105em; }
.site-footer .footer-tech-card strong { overflow:hidden; color:#fff; font-size:8px; font-weight:900; letter-spacing:.025em; text-overflow:ellipsis; white-space:nowrap; }
.site-footer .footer-tech-card em { color:#9bedf9; font-size:8px; font-style:normal; font-weight:800; letter-spacing:.04em; white-space:nowrap; }
.site-footer .footer-tech-card > b { color:#a7effa; font-size:11px; font-weight:500; transition:transform .22s ease; }
.site-footer .footer-tech-card:hover,.site-footer .footer-tech-card:focus-visible { transform:translateY(-3px); border-color:rgba(193,249,253,.68); background:rgba(17,93,150,.43); box-shadow:0 13px 22px rgba(0,7,28,.22),inset 0 1px rgba(255,255,255,.13); }
.site-footer .footer-tech-card:hover::after,.site-footer .footer-tech-card:focus-visible::after { right:116%; opacity:1; }
.site-footer .footer-tech-card:hover > b,.site-footer .footer-tech-card:focus-visible > b { transform:translate(2px,-2px); }
.site-footer .footer-tech-card:active { transform:translateY(-1px) scale(.985); }
.site-footer .footer-tech-card:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media (max-width:780px) {
    .site-footer .footer-tech-desk { padding:11px; }
    .site-footer .footer-tech-card { min-height:70px; }
    .site-footer .footer-tech-card strong { font-size:8.5px; }
    .site-footer .footer-tech-card em { font-size:8.5px; }
}
@media (max-width:360px) {
    .site-footer .footer-tech-grid { grid-template-columns:1fr; }
    .site-footer .footer-tech-card { min-height:62px; }
}
@media (prefers-reduced-motion:reduce) {
    .site-footer .footer-tech-card,.site-footer .footer-tech-card::after,.site-footer .footer-tech-card > b { transition:none; }
    .site-footer .footer-tech-card:hover,.site-footer .footer-tech-card:active { transform:none; }
}

/* Individual honours v133 · a distinct, light-led lane for standout performances. */
.home-page .awards-individual-honors {
    position:relative;
    isolation:isolate;
    margin-top:22px;
    padding:clamp(19px,3vw,34px);
    overflow:hidden;
    border:1px solid rgba(135,225,246,.37);
    border-radius:4px 30px 4px 4px;
    background:
        radial-gradient(circle at 90% 16%,rgba(79,207,239,.16),transparent 26%),
        radial-gradient(circle at 12% 100%,rgba(255,196,79,.14),transparent 30%),
        linear-gradient(128deg,rgba(5,33,78,.98),rgba(7,66,130,.96));
    box-shadow:0 25px 58px rgba(0,8,37,.26),inset 0 1px rgba(255,255,255,.13);
}
.home-page .awards-individual-honors::before,.home-page .awards-individual-honors::after { content:''; position:absolute; z-index:-1; pointer-events:none; }
.home-page .awards-individual-honors::before { inset:0; opacity:.28; background:linear-gradient(90deg,rgba(147,239,249,.18) 1px,transparent 1px),linear-gradient(rgba(147,239,249,.14) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.home-page .awards-individual-honors::after { width:220px; height:220px; right:-111px; top:-106px; border:1px solid rgba(162,242,249,.26); border-radius:50%; box-shadow:0 0 0 24px rgba(162,242,249,.045),0 0 0 49px rgba(162,242,249,.025); }
.home-page .awards-individual-head { position:relative; z-index:1; display:grid; grid-template-columns:66px minmax(0,1fr) minmax(235px,.48fr); align-items:center; gap:20px; margin-bottom:18px; }
.home-page .awards-individual-ball { width:60px; height:60px; display:grid; place-items:center; border:1px solid rgba(171,245,251,.66); border-radius:50%; color:#c9f9fc; background:radial-gradient(circle at 32% 26%,#fff 0 6%,#9eeef6 8% 27%,#0b8abc 67%,#07356d 100%); box-shadow:0 0 0 7px rgba(133,230,243,.1),0 0 28px rgba(114,225,244,.45),inset -8px -9px 15px rgba(0,34,91,.34); }
.home-page .awards-individual-ball svg { width:43px; height:43px; fill:none; stroke:#06316a; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 2px 1px rgba(255,255,255,.5)); }
.home-page .awards-individual-head > div { min-width:0; }
.home-page .awards-individual-head small { display:block; margin-bottom:6px; color:#9ceefa; font-size:7px; font-weight:900; letter-spacing:.17em; }
.home-page .awards-individual-head h3 { max-width:20ch; margin:0; color:#fff; font:900 clamp(22px,2.7vw,38px)/.98 var(--font-display); letter-spacing:-.055em; text-wrap:balance; }
.home-page .awards-individual-head > p { max-width:42ch; margin:0; padding-left:18px; border-left:2px solid rgba(143,233,247,.7); color:#d4eff8; font-size:12px; font-weight:600; line-height:1.62; }
.home-page .awards-personal-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.home-page .award-personal-card { --personal:#1fbfcf; --personal-deep:#086ba8; position:relative; isolation:isolate; min-width:0; min-height:154px; display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:13px; padding:16px 16px 16px 0; overflow:hidden; border:1px solid color-mix(in srgb,var(--personal) 58%,white); border-left:0; border-radius:2px 19px 2px 2px; color:#fff; background:linear-gradient(132deg,color-mix(in srgb,var(--personal-deep) 86%,#031b4d),rgba(9,65,122,.95)); box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 26px rgba(0,10,44,.18); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.home-page .award-personal-card::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.62; background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--personal) 37%,transparent),transparent 37%),linear-gradient(90deg,transparent 74%,rgba(255,255,255,.08) 74.2% 74.6%,transparent 74.8%); }
.home-page .award-personal-card::after { content:''; position:absolute; z-index:-1; width:118px; height:118px; right:-65px; bottom:-74px; border:1px solid color-mix(in srgb,var(--personal) 65%,white); border-radius:50%; box-shadow:0 0 0 16px color-mix(in srgb,var(--personal) 11%,transparent); }
.home-page .award-personal-card.is-golden-boot { --personal:#ffd36b; --personal-deep:#9a6000; }
.home-page .award-personal-card.is-best-player { --personal:#70e8f5; --personal-deep:#056da6; }
.home-page .award-personal-card.is-best-keeper { --personal:#c2a2ff; --personal-deep:#503098; }
.home-page .award-personal-number { position:relative; z-index:1; align-self:stretch; display:grid; place-items:center; min-width:54px; border-right:1px solid rgba(255,255,255,.24); color:#fff; font:900 32px/.85 var(--font-display); letter-spacing:-.075em; text-shadow:0 4px 14px rgba(0,0,0,.22); }
.home-page .award-personal-icon { position:absolute; z-index:2; top:13px; left:37px; display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(255,255,255,.44); border-radius:50%; background:color-mix(in srgb,var(--personal) 68%,#07346e); font:normal 16px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif; box-shadow:0 5px 11px rgba(0,16,48,.25); }
.home-page .award-personal-card > div { position:relative; z-index:1; min-width:0; padding-left:2px; }
.home-page .award-personal-card small { display:block; margin-bottom:6px; color:color-mix(in srgb,var(--personal) 66%,white); font-size:6px; font-weight:900; letter-spacing:.14em; }
.home-page .award-personal-card h3 { margin:0; color:#fff; font:900 clamp(19px,1.7vw,25px)/1.04 var(--font-display); letter-spacing:-.04em; word-break:normal; overflow-wrap:normal; text-wrap:balance; }
.home-page .award-personal-card p { margin:8px 0 0; color:rgba(255,255,255,.81); font-size:10px; font-weight:700; line-height:1.45; }
.home-page .award-personal-card > b { position:absolute; z-index:1; right:15px; top:13px; color:color-mix(in srgb,var(--personal) 76%,white); font-size:14px; filter:drop-shadow(0 3px 5px rgba(0,0,0,.16)); }
.home-page .award-personal-card:hover,.home-page .award-personal-card:focus-within { transform:translateY(-5px); border-color:#fff; box-shadow:0 23px 35px rgba(0,9,38,.3),inset 0 1px rgba(255,255,255,.2); }
.home-page .award-personal-card:focus-within { outline:3px solid #fff; outline-offset:3px; }

.awards-page .awards-page-series-personal { border-top:5px solid #168fc9; background:radial-gradient(circle at 94% 0,rgba(110,225,245,.19),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,249,253,.92)); }
.awards-page .awards-page-series-personal .awards-page-series-head > span,.awards-page .awards-page-series-personal .awards-page-series-head small { color:#087fb6; }
.awards-page .awards-page-series-personal .awards-page-series-head > i { background:linear-gradient(90deg,rgba(17,170,208,.75),rgba(17,170,208,.04)); }
.awards-page .awards-page-personal-intro { max-width:68ch; margin:-7px 0 22px 71px; padding:10px 0 10px 15px; border-left:2px solid rgba(18,159,196,.52); color:#53748f; font-size:13px; font-weight:600; line-height:1.6; }
.awards-page .awards-page-personal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.awards-page .awards-page-card-personal { --personal-page:#1797c4; min-height:187px; grid-template-columns:55px minmax(0,1fr); grid-template-rows:auto auto; gap:11px; padding:0 14px 0 0; border-left:0; border-color:color-mix(in srgb,var(--personal-page) 28%,white); background:radial-gradient(circle at 92% 9%,color-mix(in srgb,var(--personal-page) 16%,transparent),transparent 34%),linear-gradient(145deg,#fff,#f2fbfe); }
.awards-page .awards-page-card-personal .awards-page-card-rank { min-height:187px; background:linear-gradient(158deg,color-mix(in srgb,var(--personal-page) 70%,#082f72),var(--personal-page)); }
.awards-page .awards-page-card-personal .awards-page-card-emblem { width:58px; height:58px; margin-top:15px; border-color:color-mix(in srgb,var(--personal-page) 45%,white); background:radial-gradient(circle,#fff 0 29%,color-mix(in srgb,var(--personal-page) 17%,white) 70%,color-mix(in srgb,var(--personal-page) 38%,white)); }
.awards-page .awards-page-card-personal .awards-page-card-copy { margin-top:17px; }
.awards-page .awards-page-card-personal .awards-page-card-copy > small { color:var(--personal-page); font-size:5.8px; letter-spacing:.1em; }
.awards-page .awards-page-card-personal .awards-page-card-copy h3 { font-size:clamp(17px,1.55vw,22px); }
.awards-page .awards-page-card-personal .awards-page-card-prize { min-height:55px; margin-bottom:13px; padding:8px 9px; border-left-color:color-mix(in srgb,var(--personal-page) 45%,white); background:color-mix(in srgb,var(--personal-page) 8%,white); }
.awards-page .awards-page-card-personal.is-golden-boot { --personal-page:#d49408; }
.awards-page .awards-page-card-personal.is-best-player { --personal-page:#078cbd; }
.awards-page .awards-page-card-personal.is-best-keeper { --personal-page:#7550b7; }
.awards-page .awards-page-card-personal:hover { border-color:var(--personal-page); }

@media (max-width:1050px) {
    .home-page .awards-individual-head { grid-template-columns:60px minmax(0,1fr); }
    .home-page .awards-individual-head > p { grid-column:2; max-width:58ch; }
    .awards-page .awards-page-personal-grid { grid-template-columns:1fr; }
    .awards-page .awards-page-card-personal { grid-template-columns:61px 65px minmax(0,1fr); gap:13px 15px; padding-right:18px; }
    .awards-page .awards-page-card-personal .awards-page-card-rank { grid-row:1/-1; }
    .awards-page .awards-page-card-personal .awards-page-card-emblem { width:65px; height:65px; }
    .awards-page .awards-page-card-personal .awards-page-card-prize { grid-column:2/-1; }
}
@media (max-width:780px) {
    .home-page .awards-individual-honors { margin-top:14px; padding:17px 14px; border-radius:2px 23px 2px 2px; }
    .home-page .awards-individual-head { grid-template-columns:49px minmax(0,1fr); gap:12px; margin-bottom:14px; }
    .home-page .awards-individual-ball { width:46px; height:46px; box-shadow:0 0 0 5px rgba(133,230,243,.1),0 0 18px rgba(114,225,244,.4); }
    .home-page .awards-individual-ball svg { width:34px; height:34px; }
    .home-page .awards-individual-head small { margin-bottom:4px; font-size:5.8px; letter-spacing:.11em; }
    .home-page .awards-individual-head h3 { font-size:clamp(20px,6vw,27px); }
    .home-page .awards-individual-head > p { grid-column:1/-1; margin-top:1px; padding:9px 0 0 11px; border-left-width:2px; font-size:11px; }
    .home-page .awards-personal-grid { grid-template-columns:1fr; gap:9px; }
    .home-page .award-personal-card { min-height:120px; grid-template-columns:49px minmax(0,1fr); gap:11px; padding:12px 12px 12px 0; }
    .home-page .award-personal-number { min-width:48px; font-size:28px; }
    .home-page .award-personal-icon { top:9px; left:30px; width:27px; height:27px; font-size:14px; }
    .home-page .award-personal-card small { margin-bottom:4px; font-size:5.4px; }
    .home-page .award-personal-card h3 { font-size:clamp(18px,5.4vw,24px); }
    .home-page .award-personal-card p { margin-top:6px; font-size:9px; }
    .awards-page .awards-page-personal-intro { margin:-3px 0 17px 0; padding:9px 0 9px 12px; font-size:11px; }
    .awards-page .awards-page-card-personal { grid-template-columns:54px 57px minmax(0,1fr); gap:10px 11px; min-height:154px; padding-right:10px; }
    .awards-page .awards-page-card-personal .awards-page-card-rank { min-height:154px; }
    .awards-page .awards-page-card-personal .awards-page-card-emblem { width:57px; height:57px; }
    .awards-page .awards-page-card-personal .awards-page-card-prize { min-height:57px; margin-bottom:11px; }
}
@media (max-width:380px) {
    .home-page .award-personal-card { min-height:115px; grid-template-columns:45px minmax(0,1fr); }
    .home-page .award-personal-number { min-width:44px; font-size:26px; }
    .home-page .award-personal-icon { left:27px; }
    .home-page .award-personal-card h3 { font-size:17px; }
    .awards-page .awards-page-card-personal { grid-template-columns:48px 51px minmax(0,1fr); gap:8px; padding-right:8px; }
    .awards-page .awards-page-card-personal .awards-page-card-rank { min-height:150px; }
    .awards-page .awards-page-card-personal .awards-page-card-emblem { width:50px; height:50px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .award-personal-card { transition:none; }
    .home-page .award-personal-card:hover { transform:none; }
}

/* Newsroom refinement v134 · clearer editorial hierarchy and brand-aligned actions. */
.news-page { background:#f5faff; }
.news-page .newsroom-archive-hero { isolation:isolate; padding-block:clamp(112px,12vw,154px) clamp(70px,8vw,102px); background:radial-gradient(circle at 86% 18%,rgba(151,239,252,.3),transparent 23%),radial-gradient(circle at 5% 100%,rgba(35,162,229,.28),transparent 34%),linear-gradient(126deg,#052354 0%,#0759a7 55%,#0b94bb 100%); }
.news-page .newsroom-archive-hero::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.32; background:linear-gradient(90deg,rgba(168,244,252,.18) 1px,transparent 1px),linear-gradient(rgba(168,244,252,.13) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,transparent,#000 16% 84%,transparent); pointer-events:none; }
.news-page .newsroom-archive-hero .kicker { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border:1px solid rgba(165,243,250,.47); border-radius:999px; color:#b9f5fb; background:rgba(5,35,81,.27); box-shadow:inset 0 1px rgba(255,255,255,.12); font-size:7px; letter-spacing:.14em; }
.news-page .newsroom-archive-hero h1 { max-width:14ch; margin-top:18px; color:#fff; font-size:clamp(52px,7.3vw,102px); line-height:.93; text-wrap:balance; }
.news-page .newsroom-archive-hero h1 em { color:#9ceef8; }
.news-page .newsroom-archive-hero p { max-width:56ch; color:#d9f4f9; font-size:15px; font-weight:500; line-height:1.72; }
.news-page .archive-hero-index { position:relative; overflow:hidden; width:178px; min-height:139px; border:1px solid rgba(197,245,250,.43); border-radius:3px 20px 3px 3px; border-top:4px solid #9ceff8; background:linear-gradient(145deg,rgba(8,72,146,.6),rgba(4,31,79,.41)); box-shadow:0 22px 40px rgba(0,22,68,.22),inset 0 1px rgba(255,255,255,.15); }
.news-page .archive-hero-index::after { content:''; position:absolute; width:83px; height:83px; right:-43px; bottom:-45px; border:1px solid rgba(176,243,250,.32); border-radius:50%; box-shadow:0 0 0 13px rgba(176,243,250,.05); }
.news-page .archive-hero-index > * { position:relative; z-index:1; }
.news-page .archive-hero-index b { color:#fff; font-size:58px; text-shadow:0 8px 22px rgba(0,12,52,.25); }
.news-page .archive-hero-index span { color:#c3f4f9; }
.news-page .newsroom-archive-section { position:relative; isolation:isolate; padding-block:clamp(52px,7vw,88px) clamp(76px,10vw,124px); background:radial-gradient(circle at 92% 4%,rgba(94,212,238,.12),transparent 23%),linear-gradient(180deg,#edf8fd 0%,#fff 74%); }
.news-page .newsroom-archive-section::before { content:''; position:absolute; z-index:-1; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(14,133,184,.4),transparent); }
.news-page .archive-news-filter { position:relative; z-index:1; margin-bottom:32px; padding:8px; border-color:#c8e0ed; border-radius:3px 20px 3px 3px; background:rgba(255,255,255,.94); box-shadow:0 18px 38px rgba(8,71,134,.09); }
.news-page .news-filter button { min-height:46px; border-radius:2px 13px 2px 2px; color:#315b7d; font-size:8px; }
.news-page .news-filter button small { color:#0877ad; background:#e6f7fb; }
.news-page .news-filter button:hover,.news-page .news-filter button:focus-visible { color:#084f88; background:#e9f8fc; box-shadow:inset 0 0 0 1px rgba(22,159,197,.16); }
.news-page .news-filter button.is-active { color:#fff; background:linear-gradient(125deg,#064682,#0786af); box-shadow:0 9px 18px rgba(6,84,153,.2); }
.news-page .news-filter button.is-active small { color:#075286; background:#baf3fa; }
.news-page .newsroom-archive-grid { gap:18px; }
.news-page .newsroom-archive-grid .archive-card { position:relative; border-color:#d1e4ee; border-radius:3px 22px 3px 3px; background:linear-gradient(145deg,#fff,#fafdff); box-shadow:0 16px 34px rgba(6,68,130,.08); }
.news-page .newsroom-archive-grid .archive-card::before { content:''; position:absolute; z-index:1; left:0; top:0; width:4px; height:0; background:linear-gradient(#1bc6d8,#07539c); transition:height .22s ease; }
.news-page .newsroom-archive-grid .archive-card:hover,.news-page .newsroom-archive-grid .archive-card:focus-visible { border-color:#63c9df; box-shadow:0 26px 48px rgba(7,66,127,.15); }
.news-page .newsroom-archive-grid .archive-card:hover::before,.news-page .newsroom-archive-grid .archive-card:focus-visible::before { height:100%; }
.news-page .newsroom-archive-grid .archive-card > img { height:156px; filter:saturate(1.02) contrast(1.015); }
.news-page .newsroom-archive-grid .archive-card > div { padding:18px 19px 19px; }
.news-page .newsroom-archive-grid .archive-card span { color:#087eb2; font-size:7px; font-weight:900; letter-spacing:.105em; }
.news-page .newsroom-archive-grid .archive-card h2 { margin:10px 0 9px; color:#062d63; font-size:clamp(19px,1.65vw,24px); line-height:1.13; letter-spacing:-.035em; }
.news-page .newsroom-archive-grid .archive-card p { color:#58758d; font-size:12px; line-height:1.63; }
.news-page .newsroom-archive-grid .archive-card b,.home-page .newsroom-section .news-item b { width:max-content; min-height:34px; display:inline-flex; align-items:center; gap:9px; margin-top:auto; padding:0 11px; border:1px solid rgba(11,135,179,.28); border-radius:2px 11px 2px 2px; color:#075b98; background:#edfaff; font-size:7px; font-weight:900; letter-spacing:.105em; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.news-page .newsroom-archive-grid .archive-card b::after,.home-page .newsroom-section .news-item b::after { content:'→'; color:#0aa9bf; font-size:13px; line-height:1; transition:transform .2s ease; }
.news-page .newsroom-archive-grid .archive-card:hover b,.news-page .newsroom-archive-grid .archive-card:focus-visible b,.home-page .newsroom-section .news-item:hover b,.home-page .newsroom-section .news-item:focus-visible b { border-color:#0878b3; color:#fff; background:linear-gradient(120deg,#075096,#099cb8); }
.news-page .newsroom-archive-grid .archive-card:hover b::after,.news-page .newsroom-archive-grid .archive-card:focus-visible b::after,.home-page .newsroom-section .news-item:hover b::after,.home-page .newsroom-section .news-item:focus-visible b::after { color:#d9fbff; transform:translateX(2px); }
.news-page .newsroom-archive-grid .archive-card.is-featured { border-color:rgba(126,225,242,.68); background:#062d65; box-shadow:0 23px 50px rgba(3,45,101,.27); }
.news-page .newsroom-archive-grid .archive-card.is-featured::before { z-index:3; width:5px; background:linear-gradient(#9af3fb,#fff,#1cc6d8); }
.news-page .newsroom-archive-grid .archive-card.is-featured > div { background:linear-gradient(0deg,rgba(1,17,45,.95),rgba(2,30,71,.53) 58%,rgba(2,28,69,.06)); }
.news-page .newsroom-archive-grid .archive-card.is-featured span { color:#c1f6fb; }
.news-page .newsroom-archive-grid .archive-card.is-featured b,.home-page .newsroom-section .news-copy b { border-color:rgba(141,239,248,.63); color:#d6fbff; background:rgba(7,94,150,.45); }
.news-page .newsroom-archive-grid .archive-card.is-featured b::after,.home-page .newsroom-section .news-copy b::after { content:'↗'; color:#9ff4fb; font-size:12px; line-height:1; transition:transform .2s ease; }
.news-page .newsroom-archive-grid .archive-card.is-featured:hover b,.news-page .newsroom-archive-grid .archive-card.is-featured:focus-visible b,.home-page .newsroom-section .news-feature:hover .news-copy b,.home-page .newsroom-section .news-feature:focus-visible .news-copy b { border-color:#c9fbff; color:#063166; background:#e7fdff; }
.news-page .newsroom-archive-grid .archive-card.is-featured:hover b::after,.news-page .newsroom-archive-grid .archive-card.is-featured:focus-visible b::after,.home-page .newsroom-section .news-feature:hover .news-copy b::after,.home-page .newsroom-section .news-feature:focus-visible .news-copy b::after { color:#0879a8; transform:translate(2px,-2px); }
.home-page .newsroom-section .news-item b { margin-top:9px; }
.home-page .newsroom-section .news-copy b { gap:9px; }
@media (max-width:780px) {
    .news-page .newsroom-archive-hero { padding-block:86px 66px; }
    .news-page .newsroom-archive-hero h1 { font-size:clamp(45px,13vw,62px); }
    .news-page .newsroom-archive-hero p { font-size:13px; }
    .news-page .archive-hero-index { width:100%; min-height:83px; }
    .news-page .archive-hero-index b { font-size:44px; }
    .news-page .archive-news-filter { margin-bottom:22px; }
    .news-page .newsroom-archive-grid { gap:12px; }
    .news-page .newsroom-archive-grid .archive-card > img { min-height:158px; }
    .news-page .newsroom-archive-grid .archive-card > div { min-height:158px; padding:14px 14px 13px; }
    .news-page .newsroom-archive-grid .archive-card h2 { margin:6px 0; font-size:17px; }
    .news-page .newsroom-archive-grid .archive-card b,.home-page .newsroom-section .news-item b { min-height:31px; padding-inline:9px; font-size:6.5px; }
}
@media (prefers-reduced-motion:reduce) {
    .news-page .newsroom-archive-grid .archive-card,.news-page .newsroom-archive-grid .archive-card::before,.news-page .newsroom-archive-grid .archive-card b,.news-page .newsroom-archive-grid .archive-card b::after,.home-page .newsroom-section .news-item b,.home-page .newsroom-section .news-copy b { transition:none; }
    .news-page .newsroom-archive-grid .archive-card:hover,.news-page .newsroom-archive-grid .archive-card:focus-visible { transform:none; }
}

/* Sports Newsroom v135 · content-first hierarchy, resilient media and touch-ready controls. */
.newsroom-v2,.newsroom-archive-v2-section { --news-ink:#062c61; --news-blue:#076cbc; --news-cyan:#18bed2; --news-line:#cce2ee; }
.newsroom-v2 { overflow:clip; padding-block:clamp(62px,8vw,106px); background:radial-gradient(circle at 2% 19%,rgba(31,191,215,.12),transparent 24%),radial-gradient(circle at 97% 78%,rgba(15,104,188,.12),transparent 27%),linear-gradient(180deg,#f2faff 0%,#fff 78%); }
.newsroom-v2::before { z-index:0; height:4px; background:linear-gradient(90deg,#e5304c 0 11%,#0779b8 11% 67%,#7aeaf4 67% 100%); }
.newsroom-v2::after { top:68px; right:-25px; color:rgba(5,71,139,.032); font-size:clamp(98px,14.5vw,220px); }
.newsroom-v2 .newsroom-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:26px; margin-bottom:25px; padding-bottom:23px; border-bottom:1px solid var(--news-line); }
.newsroom-v2 .newsroom-head-copy { position:relative; padding-left:18px; }
.newsroom-v2 .newsroom-head-copy::before { content:''; position:absolute; top:7px; bottom:4px; left:0; width:4px; border-radius:4px; background:linear-gradient(#18c4d6,#0764b5); box-shadow:0 0 16px rgba(24,190,210,.32); }
.newsroom-v2 .newsroom-head h2 { max-width:15ch; margin-top:10px; color:var(--news-ink); font-size:clamp(42px,5.1vw,76px); line-height:.95; letter-spacing:-.062em; text-wrap:balance; }
.newsroom-v2 .newsroom-head-actions { gap:17px; }
.newsroom-v2 .newsroom-total { min-width:110px; min-height:52px; padding-right:17px; border-right-color:#b8d6e5; }
.newsroom-v2 .newsroom-total b { color:#d42444; font-size:39px; }
.newsroom-v2 .newsroom-total small { color:#52738b; line-height:1.35; }
.newsroom-v2 .newsroom-head .section-link { min-height:48px; padding:0 18px 0 16px; border-color:#9ccbe0; border-radius:2px 16px 2px 2px; color:#064e8e; background:rgba(255,255,255,.88); box-shadow:0 10px 24px rgba(5,73,131,.07); }
.newsroom-v2 .newsroom-head .section-link span { width:28px; height:28px; background:linear-gradient(135deg,#075497,#10a9bd); }
.newsroom-v2 .newsroom-head .section-link:hover,.newsroom-v2 .newsroom-head .section-link:focus-visible { border-color:#075497; background:#075497; box-shadow:0 14px 28px rgba(5,82,151,.22); }
.newsroom-v2 .news-filter { position:relative; z-index:2; margin:0 0 14px; padding:6px; border-color:#c7e0ec; border-radius:2px 18px 2px 2px; background:rgba(255,255,255,.9); box-shadow:0 14px 30px rgba(5,64,120,.07); }
.newsroom-v2 .news-filter button { min-height:44px; border-radius:2px 12px 2px 2px; color:#315f80; font-size:8px; }
.newsroom-v2 .news-filter button small { color:#07659d; background:#e4f6fa; }
.newsroom-v2 .news-filter button.is-active { background:linear-gradient(120deg,#06467e,#078db2); box-shadow:0 8px 16px rgba(5,85,149,.2); }
.newsroom-flow-label { display:flex; align-items:center; gap:12px; min-height:28px; margin:0 0 14px; color:#0d638e; font-size:8px; font-weight:900; letter-spacing:.13em; }
.newsroom-flow-label span { white-space:nowrap; }
.newsroom-flow-label i { min-width:28px; height:1px; background:linear-gradient(90deg,#17bdd1,transparent); }
.newsroom-flow-label small { color:#668397; font-size:7px; font-weight:800; letter-spacing:.11em; }
.newsroom-v2 .news-frame { position:relative; min-width:0; transition:opacity .2s ease,transform .2s ease; }
.newsroom-v2 .news-frame::after { content:''; position:absolute; z-index:8; top:22px; right:22px; width:23px; height:23px; border:3px solid rgba(7,113,179,.2); border-top-color:#0ab0c4; border-radius:50%; opacity:0; pointer-events:none; transition:opacity .15s ease; animation:newsroomSpin .7s linear infinite; }
.newsroom-v2 .news-frame.is-changing { opacity:.48; transform:translateY(3px); }
.newsroom-v2 .news-frame.is-changing::after { opacity:1; }
@keyframes newsroomSpin { to { transform:rotate(1turn); } }
.newsroom-v2 .news-grid { grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr); gap:22px; }
.newsroom-v2 .news-feature { isolation:isolate; min-height:610px; overflow:hidden; border:1px solid #9ed5e9; border-radius:3px 26px 3px 3px; background:#07376e; box-shadow:0 25px 60px rgba(3,57,119,.19); }
.newsroom-v2 .news-feature::before { content:''; position:absolute; z-index:4; top:0; left:0; width:5px; height:100%; background:linear-gradient(#a1f4fb 0 12%,#0bbfd3 45%,#07519b 100%); box-shadow:0 0 18px rgba(75,220,235,.48); }
.newsroom-v2 .news-feature::after { inset:18px; z-index:3; border-color:rgba(205,248,251,.44); border-radius:2px 18px 2px 2px; }
.newsroom-v2 .news-feature > img { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .4s ease; }
.newsroom-v2 .news-feature:hover > img { transform:scale(1.035); filter:saturate(1.12) contrast(1.04); }
.newsroom-v2 .news-feature-index { z-index:5; top:31px; right:32px; color:#d9fbff; font-size:52px; text-shadow:0 6px 24px #021c42; }
.newsroom-v2 .news-overlay { z-index:2; background:linear-gradient(0deg,rgba(1,17,45,.96),rgba(2,34,73,.66) 46%,rgba(2,32,70,.04) 75%); }
.newsroom-v2 .news-copy { z-index:5; right:clamp(25px,4vw,51px); bottom:clamp(28px,4vw,47px); left:clamp(25px,4vw,51px); }
.newsroom-v2 .news-copy > span { min-height:28px; padding:0 11px; border-color:rgba(149,238,247,.61); border-radius:999px; color:#c7fbff; background:rgba(3,75,129,.57); font-size:8px; letter-spacing:.11em; }
.newsroom-v2 .news-copy h3 { max-width:18ch; margin:16px 0 12px; color:#fff; font-size:clamp(34px,3.55vw,57px); line-height:1; letter-spacing:-.057em; text-wrap:balance; }
.newsroom-v2 .news-copy p { max-width:58ch; color:#e0f5fb; font-size:14px; font-weight:500; line-height:1.7; }
.newsroom-v2 .news-copy b { min-height:39px; padding:0 14px; border-color:rgba(157,244,251,.67); border-radius:2px 13px 2px 2px; color:#e2fdff; background:rgba(4,108,159,.46); font-size:8px; }
.newsroom-v2 .news-feature:hover .news-copy b,.newsroom-v2 .news-feature:focus-visible .news-copy b { color:#064278; background:#e4fdff; }
.newsroom-v2 .news-stack { display:grid; grid-template-rows:auto repeat(3,minmax(0,1fr)); gap:0; padding:0 22px; overflow:hidden; border:1px solid #c5dfeb; border-radius:3px 24px 3px 3px; background:rgba(255,255,255,.92); box-shadow:0 19px 42px rgba(4,64,121,.09); }
.newsroom-v2 .news-stack-head { position:relative; min-height:79px; border-bottom:1px solid #c4dfea; }
.newsroom-v2 .news-stack-head::after { content:''; position:absolute; bottom:-1px; left:0; width:68px; height:3px; background:linear-gradient(90deg,#0bbdd1,#07519a); }
.newsroom-v2 .news-stack-head span { color:var(--news-ink); font-size:20px; }
.newsroom-v2 .news-stack-head small { color:#4e7895; }
.newsroom-v2 .news-item { position:relative; grid-template-columns:122px minmax(0,1fr); gap:16px; min-height:0; padding:17px 0; border-color:#dfebf1; transition:transform .22s ease,background .22s ease; }
.newsroom-v2 .news-item:hover { transform:translateX(4px); background:linear-gradient(90deg,rgba(225,248,251,.72),transparent 74%); }
.newsroom-v2 .news-item > img { position:relative; z-index:1; width:122px; height:108px; border-radius:2px 14px 2px 2px; object-fit:cover; box-shadow:0 8px 18px rgba(5,49,97,.13); }
.newsroom-v2 .news-item > div { position:relative; z-index:1; min-width:0; }
.newsroom-v2 .news-item span { color:#087aa8; font-size:7px; font-weight:900; letter-spacing:.1em; }
.newsroom-v2 .news-item h3 { margin:7px 0 7px; color:var(--news-ink); font-size:clamp(18px,1.35vw,22px); line-height:1.12; letter-spacing:-.042em; }
.newsroom-v2 .news-item p { color:#54738b; font-size:11px; line-height:1.58; }
.newsroom-v2 .news-item b { min-height:30px; margin-top:8px; padding-inline:9px; }
.newsroom-v2 :is(.news-feature,.news-item):focus-visible { outline:3px solid #09a8bf; outline-offset:4px; }
.newsroom-v2 .news-pagination { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:25px; padding:19px 0 0; border-top:1px solid #d4e6ee; }
.newsroom-v2 .news-pagination p { margin:0; }
.newsroom-v2 .news-pagination strong { color:#075598; }
.newsroom-v2 .news-pagination-nav { margin:0; }
.news-media-fallback { position:absolute; z-index:0; display:grid; place-items:center; overflow:hidden; color:#d6fbff; background:radial-gradient(circle at 70% 28%,rgba(68,217,228,.34),transparent 18%),linear-gradient(135deg,#06356e,#075a9b 54%,#0e8199); text-align:center; pointer-events:none; }
.news-media-fallback::before,.news-media-fallback::after { content:''; position:absolute; border:1px solid rgba(193,247,249,.34); border-radius:50%; }
.news-media-fallback::before { width:96px; height:96px; box-shadow:0 0 0 18px rgba(192,246,249,.05); }
.news-media-fallback::after { width:33px; height:33px; border-radius:3px 10px 3px 3px; transform:rotate(45deg); }
.news-media-fallback b { position:relative; z-index:1; color:#ecfeff; font-size:8px; line-height:1.45; letter-spacing:.16em; }
.news-feature .news-media-fallback { inset:0; }
.news-item .news-media-fallback { top:17px; bottom:17px; left:0; width:122px; border-radius:2px 14px 2px 2px; }
.newsroom-archive-v2 { isolation:isolate; padding-block:clamp(112px,13vw,160px) clamp(75px,9vw,110px); background:radial-gradient(circle at 82% 18%,rgba(137,240,249,.32),transparent 19%),radial-gradient(circle at 8% 93%,rgba(23,189,210,.2),transparent 31%),linear-gradient(128deg,#05265b,#075697 51%,#058eae); }
.newsroom-archive-v2::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.34; background:linear-gradient(90deg,rgba(179,243,250,.17) 1px,transparent 1px),linear-gradient(rgba(179,243,250,.12) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent); pointer-events:none; }
.newsroom-archive-v2::after { right:-10px; bottom:-36px; color:transparent; -webkit-text-stroke:1px rgba(197,248,251,.18); font-size:clamp(130px,20vw,300px); }
.newsroom-archive-v2 .container { min-height:0; grid-template-columns:minmax(0,1fr) auto; gap:42px; }
.newsroom-archive-v2 .kicker { min-height:30px; padding:0 12px; border-color:rgba(180,245,250,.53); border-radius:999px; color:#c9fbff; background:rgba(4,44,91,.34); font-size:7px; letter-spacing:.14em; }
.newsroom-archive-v2 h1 { max-width:14ch; margin-top:18px; color:#fff; font-size:clamp(54px,7vw,105px); line-height:.92; letter-spacing:-.06em; text-wrap:balance; }
.newsroom-archive-v2 h1 em { color:#a7f2fa; }
.newsroom-archive-v2 p { max-width:59ch; color:#e3f8fb; font-size:15px; font-weight:500; line-height:1.72; }
.newsroom-archive-v2 .archive-hero-index { width:194px; min-height:144px; padding:19px 18px; border-color:rgba(194,246,250,.48); border-top:4px solid #b5f8fc; border-radius:3px 20px 3px 3px; background:linear-gradient(145deg,rgba(9,81,153,.65),rgba(3,32,76,.44)); box-shadow:0 22px 42px rgba(0,18,56,.24),inset 0 1px rgba(255,255,255,.16); }
.newsroom-archive-v2 .archive-hero-index b { font-size:61px; }
.newsroom-archive-v2-section { position:relative; isolation:isolate; padding-block:clamp(58px,8vw,98px) clamp(80px,10vw,126px); background:radial-gradient(circle at 90% 4%,rgba(70,204,225,.13),transparent 24%),linear-gradient(180deg,#edf9fd,#fff 77%); }
.newsroom-archive-v2-section::before { content:''; position:absolute; z-index:-1; top:0; right:0; left:0; height:1px; background:linear-gradient(90deg,transparent,#32b9d0,transparent); }
.newsroom-archive-v2-section .archive-news-filter { margin-bottom:14px; padding:7px; border-color:#c6e0ec; border-radius:3px 19px 3px 3px; background:rgba(255,255,255,.96); box-shadow:0 17px 35px rgba(4,66,127,.08); }
.newsroom-archive-v2-section .news-filter button { min-height:46px; color:#315e7e; }
.newsroom-archive-v2-section .news-filter button.is-active { background:linear-gradient(125deg,#064780,#078aac); box-shadow:0 9px 18px rgba(5,80,148,.2); }
.newsroom-archive-flow { margin-bottom:18px; }
.newsroom-archive-v2-section .newsroom-archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:minmax(264px,302px); gap:18px; }
.newsroom-archive-v2-section .archive-card { position:relative; isolation:isolate; overflow:hidden; border-color:#cce2ec; border-radius:3px 22px 3px 3px; background:linear-gradient(145deg,#fff,#f8fdff); box-shadow:0 15px 34px rgba(5,63,121,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.newsroom-archive-v2-section .archive-card::before { z-index:3; width:4px; height:100%; background:linear-gradient(#16c2d5,#075596); transform:scaleY(0); transform-origin:top; transition:transform .25s ease; }
.newsroom-archive-v2-section .archive-card:hover,.newsroom-archive-v2-section .archive-card:focus-visible { border-color:#61c8df; box-shadow:0 24px 46px rgba(4,68,128,.15); outline:0; transform:translateY(-4px); }
.newsroom-archive-v2-section .archive-card:hover::before,.newsroom-archive-v2-section .archive-card:focus-visible::before { transform:scaleY(1); }
.newsroom-archive-v2-section .archive-card > img { position:relative; z-index:1; height:164px; object-fit:cover; transition:transform .38s ease; }
.newsroom-archive-v2-section .archive-card:hover > img { transform:scale(1.035); }
.newsroom-archive-v2-section .archive-card > div { position:relative; z-index:2; padding:18px 19px 19px; }
.newsroom-archive-v2-section .archive-card span { color:#087ca9; font-size:7px; font-weight:900; letter-spacing:.11em; }
.newsroom-archive-v2-section .archive-card h2 { margin:10px 0 9px; color:#062d63; font-size:clamp(20px,1.55vw,25px); line-height:1.12; letter-spacing:-.045em; }
.newsroom-archive-v2-section .archive-card p { color:#58758d; font-size:12px; line-height:1.62; }
.newsroom-archive-v2-section .archive-card b { min-height:34px; margin-top:12px; padding:0 11px; border:1px solid rgba(10,132,178,.29); border-radius:2px 11px 2px 2px; color:#075b98; background:#edfaff; font-size:7px; letter-spacing:.11em; }
.newsroom-archive-v2-section .archive-card b::after { content:'→'; margin-left:8px; color:#0aa9bf; font-size:13px; line-height:1; }
.newsroom-archive-v2-section .archive-card:hover b,.newsroom-archive-v2-section .archive-card:focus-visible b { border-color:#0878b3; color:#fff; background:linear-gradient(120deg,#075096,#099cb8); }
.newsroom-archive-v2-section .archive-card.is-featured { grid-row:span 2; grid-column:span 2; background:#062e64; box-shadow:0 24px 52px rgba(3,45,101,.25); }
.newsroom-archive-v2-section .archive-card.is-featured::after { inset:20px; z-index:3; border-color:rgba(199,248,251,.42); border-radius:2px 18px 2px 2px; }
.newsroom-archive-v2-section .archive-card.is-featured > img { position:absolute; inset:0; width:100%; height:100%; filter:saturate(1.06) contrast(1.03); }
.newsroom-archive-v2-section .archive-card.is-featured > div { z-index:4; min-height:100%; justify-content:flex-end; padding:40px; background:linear-gradient(0deg,rgba(1,17,46,.96),rgba(2,30,70,.53) 58%,rgba(2,30,70,.04)); }
.newsroom-archive-v2-section .archive-card.is-featured span { min-height:27px; width:max-content; display:inline-flex; align-items:center; padding:0 10px; border:1px solid rgba(155,244,250,.55); border-radius:999px; color:#c9fbff; background:rgba(3,76,129,.5); }
.newsroom-archive-v2-section .archive-card.is-featured h2 { max-width:18ch; margin:15px 0 11px; color:#fff; font-size:clamp(34px,3.4vw,55px); line-height:1.01; }
.newsroom-archive-v2-section .archive-card.is-featured p { max-width:61ch; color:#e3f5fa; font-size:13px; }
.newsroom-archive-v2-section .archive-card.is-featured b { border-color:rgba(158,244,250,.58); color:#dcfdff; background:rgba(3,106,159,.48); }
.newsroom-archive-v2-section .archive-card.is-featured b::after { content:'↗'; color:#9ef5fc; }
.newsroom-archive-v2-section .archive-card.is-featured:hover b,.newsroom-archive-v2-section .archive-card.is-featured:focus-visible b { color:#073d74; background:#e5fdff; }
.newsroom-archive-v2-section .archive-card .news-media-fallback { top:0; right:0; left:0; width:auto; min-height:0; height:164px; padding:0; border:0; border-radius:0; color:#d6fbff; background:radial-gradient(circle at 70% 28%,rgba(68,217,228,.34),transparent 18%),linear-gradient(135deg,#06356e,#075a9b 54%,#0e8199); }
.newsroom-archive-v2-section .archive-card.is-featured .news-media-fallback { inset:0; height:auto; }
.newsroom-v2 .news-media-fallback b,.newsroom-archive-v2-section .archive-card .news-media-fallback b { min-height:0; margin:0; padding:0; border:0; border-radius:0; color:#ecfeff; background:transparent; box-shadow:none; font-size:8px; line-height:1.45; letter-spacing:.16em; }
.newsroom-v2 .news-media-fallback b::after,.newsroom-archive-v2-section .archive-card .news-media-fallback b::after { content:none; }
.newsroom-v2 img.is-broken,.newsroom-archive-v2-section img.is-broken { display:none!important; }
@media (max-width:900px) {
    .newsroom-v2 .newsroom-head { grid-template-columns:1fr; align-items:start; }
    .newsroom-v2 .newsroom-head-actions { justify-content:space-between; }
    .newsroom-v2 .news-grid { grid-template-columns:1fr; }
    .newsroom-v2 .news-stack { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto 1fr; gap:0 18px; padding:0 19px 18px; }
    .newsroom-v2 .news-stack-head { grid-column:1/-1; }
    .newsroom-v2 .news-item { grid-template-columns:1fr; padding:16px 0 0; }
    .newsroom-v2 .news-item > img { width:100%; height:165px; }
    .newsroom-v2 .news-item .news-media-fallback { top:16px; bottom:auto; width:100%; height:165px; }
    .newsroom-archive-v2-section .newsroom-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
    .newsroom-v2 { padding-block:56px 66px; }
    .newsroom-v2::after { top:96px; right:-9px; font-size:84px; }
    .newsroom-v2 .newsroom-head { gap:17px; margin-bottom:20px; padding-bottom:17px; }
    .newsroom-v2 .newsroom-head-copy { padding-left:14px; }
    .newsroom-v2 .newsroom-head h2 { font-size:clamp(40px,11.2vw,54px); }
    .newsroom-v2 .newsroom-head-actions { align-items:stretch; gap:10px; }
    .newsroom-v2 .newsroom-total { min-width:85px; min-height:48px; padding-right:10px; }
    .newsroom-v2 .newsroom-total b { font-size:31px; }
    .newsroom-v2 .newsroom-total small { font-size:6.5px; }
    .newsroom-v2 .newsroom-head .section-link { min-height:48px; padding-inline:12px; font-size:8px; }
    .newsroom-v2 .newsroom-head .section-link span { width:25px; height:25px; }
    .newsroom-v2 .news-filter { margin-inline:-4px; padding:6px; }
    .newsroom-v2 .news-filter button { min-height:44px; padding-inline:12px; font-size:7px; }
    .newsroom-flow-label { gap:9px; margin-bottom:12px; font-size:7px; }
    .newsroom-flow-label small { font-size:6.5px; }
    .newsroom-v2 .news-feature { min-height:500px; border-radius:3px 19px 3px 3px; }
    .newsroom-v2 .news-feature::after { inset:12px; border-radius:2px 12px 2px 2px; }
    .newsroom-v2 .news-feature-index { top:21px; right:21px; font-size:39px; }
    .newsroom-v2 .news-copy { right:23px; bottom:25px; left:23px; }
    .newsroom-v2 .news-copy > span { min-height:26px; padding-inline:10px; font-size:7px; }
    .newsroom-v2 .news-copy h3 { margin:12px 0 10px; font-size:clamp(29px,8.7vw,40px); }
    .newsroom-v2 .news-copy p { display:-webkit-box; overflow:hidden; font-size:12px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .newsroom-v2 .news-stack { grid-template-columns:1fr; gap:0; padding:0 15px 8px; border-radius:3px 18px 3px 3px; }
    .newsroom-v2 .news-stack-head { min-height:61px; }
    .newsroom-v2 .news-stack-head span { font-size:17px; }
    .newsroom-v2 .news-item { grid-template-columns:105px minmax(0,1fr); gap:13px; min-height:122px; padding:14px 0; }
    .newsroom-v2 .news-item > img { width:105px; height:94px; }
    .newsroom-v2 .news-item .news-media-fallback { top:14px; bottom:14px; width:105px; height:auto; }
    .newsroom-v2 .news-item h3 { margin:5px 0 6px; font-size:16px; }
    .newsroom-v2 .news-item p { display:none; }
    .newsroom-v2 .news-item b { min-height:29px; margin-top:6px; font-size:6.5px; }
    .newsroom-v2 .news-pagination { gap:12px; margin-top:20px; padding-top:16px; }
    .newsroom-v2 .news-pagination p { display:none; }
    .newsroom-v2 .news-pagination-nav { width:100%; justify-content:space-between; }
    .newsroom-v2 .news-page-control { min-width:44px; min-height:44px; }
    .newsroom-archive-v2 { padding-block:90px 65px; }
    .newsroom-archive-v2 .container { grid-template-columns:1fr; gap:23px; }
    .newsroom-archive-v2 h1 { font-size:clamp(44px,12.8vw,61px); }
    .newsroom-archive-v2 p { font-size:13px; }
    .newsroom-archive-v2 .archive-hero-index { width:100%; min-height:82px; }
    .newsroom-archive-v2 .archive-hero-index b { font-size:43px; }
    .newsroom-archive-v2-section { padding-block:43px 74px; }
    .newsroom-archive-v2-section .archive-news-filter { margin-inline:-4px; margin-bottom:12px; }
    .newsroom-archive-v2-section .newsroom-archive-grid { grid-template-columns:1fr; grid-auto-rows:auto; gap:12px; }
    .newsroom-archive-v2-section .archive-card { min-height:158px; display:grid; grid-template-columns:126px minmax(0,1fr); border-radius:3px 15px 3px 3px; }
    .newsroom-archive-v2-section .archive-card > img { height:100%; min-height:158px; }
    .newsroom-archive-v2-section .archive-card .news-media-fallback { width:126px; height:100%; }
    .newsroom-archive-v2-section .archive-card > div { min-height:158px; padding:14px 13px; }
    .newsroom-archive-v2-section .archive-card h2 { margin:6px 0; font-size:17px; }
    .newsroom-archive-v2-section .archive-card p { display:none; }
    .newsroom-archive-v2-section .archive-card b { min-height:30px; margin-top:7px; padding-inline:9px; font-size:6.5px; }
    .newsroom-archive-v2-section .archive-card.is-featured { min-height:440px; display:flex; grid-column:auto; grid-row:auto; }
    .newsroom-archive-v2-section .archive-card.is-featured > img { min-height:0; }
    .newsroom-archive-v2-section .archive-card.is-featured .news-media-fallback { width:auto; height:auto; }
    .newsroom-archive-v2-section .archive-card.is-featured > div { min-height:440px; padding:28px 23px; }
    .newsroom-archive-v2-section .archive-card.is-featured::after { inset:13px; }
    .newsroom-archive-v2-section .archive-card.is-featured h2 { font-size:31px; }
    .newsroom-archive-v2-section .archive-card.is-featured p { display:-webkit-box; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .newsroom-v2 .news-frame,.newsroom-v2 .news-frame::after,.newsroom-v2 .news-feature > img,.newsroom-v2 .news-item,.newsroom-archive-v2-section .archive-card,.newsroom-archive-v2-section .archive-card::before,.newsroom-archive-v2-section .archive-card > img { transition:none; animation:none; }
    .newsroom-v2 .news-frame.is-changing { transform:none; }
    .newsroom-v2 .news-feature:hover > img,.newsroom-v2 .news-item:hover,.newsroom-archive-v2-section .archive-card:hover { transform:none; }
}

/* Home hero slider dock v137 · slide imagery remains fully clear; navigation lives underneath. */
.home-page .hero-presentation {
    align-content:start;
}
.home-page .hero-presentation > .hero-slider-controls {
    position:relative;
    inset:auto;
    z-index:6;
    width:100%;
    display:block;
    margin:0;
    transform:none;
    pointer-events:auto;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel {
    position:relative;
    width:100%;
    max-width:none;
    min-height:114px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 52px;
    align-items:center;
    gap:12px;
    margin:0;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(156,236,248,.34);
    border-top:3px solid #72e4f4;
    border-radius:3px 18px 3px 3px;
    color:#fff;
    background:
        radial-gradient(circle at 3% 100%,rgba(50,182,231,.2),transparent 30%),
        linear-gradient(112deg,rgba(2,18,44,.97),rgba(4,56,103,.91));
    box-shadow:9px 11px 0 rgba(63,198,225,.12),0 16px 30px rgba(0,10,35,.28),inset 0 1px rgba(255,255,255,.1);
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel::before {
    content:'';
    position:absolute;
    width:130px;
    height:130px;
    right:-48px;
    top:-82px;
    border:1px solid rgba(141,237,247,.18);
    border-radius:50%;
    box-shadow:0 0 0 17px rgba(141,237,247,.035),0 0 0 35px rgba(141,237,247,.02);
    pointer-events:none;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button {
    position:relative;
    z-index:1;
    width:52px;
    height:56px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(186,244,250,.28);
    border-radius:3px 12px 3px 3px;
    color:#baf6fb;
    background:rgba(124,230,247,.09);
    font-size:22px;
    line-height:1;
    cursor:pointer;
    touch-action:manipulation;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button:hover,
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button:focus-visible {
    border-color:#a8f2fb;
    color:#fff;
    background:#146fd9;
    transform:translateY(-1px);
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button:focus-visible,
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button:focus-visible {
    outline:2px solid #fff;
    outline-offset:2px;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-progress {
    position:relative;
    z-index:1;
    min-width:0;
    display:grid;
    gap:8px;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-caption {
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    text-align:left;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > strong {
    min-width:0;
    max-width:none;
    display:block;
    overflow:visible;
    color:#fff;
    font:800 13px/1.3 var(--font-display);
    letter-spacing:.018em;
    text-align:left;
    text-overflow:clip;
    text-wrap:balance;
    white-space:normal;
    overflow-wrap:anywhere;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > b {
    min-width:67px;
    min-height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0 9px;
    border:1px solid rgba(169,241,250,.34);
    border-radius:999px;
    color:#a5f2fc;
    background:rgba(142,235,249,.09);
    font:900 9px/1 var(--font-display);
    letter-spacing:.12em;
    white-space:nowrap;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-timeline {
    width:100%;
    height:3px;
    overflow:hidden;
    background:rgba(255,255,255,.18);
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots {
    max-width:none;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(34px,1fr));
    gap:6px;
    overflow:visible;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button,
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button[aria-current="true"] {
    width:100%;
    min-width:0;
    min-height:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(182,242,250,.2);
    border-radius:3px 9px 3px 3px;
    color:#b6dce7;
    background:rgba(255,255,255,.055);
    cursor:pointer;
    touch-action:manipulation;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button span {
    font:900 8px/1 var(--font-display);
    letter-spacing:.08em;
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button:hover,
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button[aria-current="true"] {
    border-color:#84eaf7;
    color:#fff;
    background:linear-gradient(135deg,rgba(32,129,216,.78),rgba(74,216,236,.36));
}
.home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button:hover { transform:translateY(-1px); }
@media (max-width:780px) {
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel {
        min-height:106px;
        grid-template-columns:44px minmax(0,1fr) 44px;
        gap:7px;
        padding:7px;
        border-radius:3px 15px 3px 3px;
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button { width:44px; height:48px; font-size:19px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption { gap:8px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > strong { font-size:10px; line-height:1.28; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > b { min-width:56px; min-height:24px; padding-inline:6px; font-size:7px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-progress { gap:6px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots { gap:4px; grid-template-columns:repeat(auto-fit,minmax(25px,1fr)); }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button,
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button[aria-current="true"] { min-height:29px; height:29px; border-radius:3px 7px 3px 3px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button span { font-size:6px; }
}
@media (max-width:370px) {
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel { grid-template-columns:40px minmax(0,1fr) 40px; gap:5px; padding:6px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button { width:40px; height:46px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > strong { font-size:9px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > b { min-width:50px; font-size:6px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots { gap:3px; grid-template-columns:repeat(auto-fit,minmax(22px,1fr)); }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button,
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button[aria-current="true"] { min-height:27px; height:27px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button,
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button { transition:none; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button:hover,
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-dots button:hover { transform:none; }
}

/* Home rulebook v138 · a clear, official field guide for the three essential rules. */
.home-page .regulations-teaser {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:clamp(86px,9vw,132px);
    color:#fff;
    background:
        radial-gradient(circle at 11% 9%,rgba(73,213,241,.22),transparent 25%),
        radial-gradient(circle at 94% 87%,rgba(29,114,229,.28),transparent 32%),
        linear-gradient(135deg,#02132f 0%,#052b60 52%,#07558b 100%);
}
.home-page .regulations-teaser::before {
    content:'RULES';
    z-index:0;
    right:-20px;
    bottom:-30px;
    color:transparent;
    -webkit-text-stroke:1px rgba(187,245,252,.075);
    font:900 clamp(112px,17vw,248px)/.75 var(--font-display);
    letter-spacing:-.085em;
}
.home-page .regulations-teaser::after { display:none; }
.home-page .regulations-teaser-atmosphere { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.home-page .regulations-teaser-atmosphere::before,
.home-page .regulations-teaser-atmosphere::after {
    content:'';
    position:absolute;
    border:1px solid rgba(142,234,249,.13);
    border-radius:50%;
}
.home-page .regulations-teaser-atmosphere::before { width:510px; height:510px; left:-320px; bottom:-298px; box-shadow:0 0 0 58px rgba(125,227,246,.025),0 0 0 116px rgba(125,227,246,.016); }
.home-page .regulations-teaser-atmosphere::after { width:460px; height:460px; right:-355px; top:-280px; box-shadow:0 0 0 52px rgba(86,194,242,.028); }
.home-page .regulations-teaser-atmosphere i { position:absolute; width:46vw; height:1px; left:-8vw; background:linear-gradient(90deg,transparent,rgba(133,235,248,.24),transparent); transform:rotate(-28deg); }
.home-page .regulations-teaser-atmosphere i:first-child { top:24%; }
.home-page .regulations-teaser-atmosphere i:nth-child(2) { top:68%; left:42%; width:34vw; opacity:.62; transform:rotate(47deg); }
.home-page .regulations-teaser-atmosphere b { position:absolute; width:12px; height:12px; right:12%; top:22%; border:2px solid #81eaf7; border-radius:50%; box-shadow:0 0 0 8px rgba(129,234,247,.08),0 0 22px rgba(129,234,247,.26); }
.home-page .regulations-teaser-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr); align-items:center; gap:clamp(44px,6vw,88px); }
.home-page .regulations-teaser-copy { min-width:0; }
.home-page .regulations-teaser-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:10px 15px; margin-bottom:22px; }
.home-page .regulations-teaser-kicker > span { min-height:29px; display:inline-flex; align-items:center; gap:9px; margin:0; padding:0 12px; border:1px solid rgba(145,237,249,.42); border-radius:999px; color:#b8f6fc; background:rgba(111,221,240,.09); font:900 7px/1 var(--font-display); letter-spacing:.17em; }
.home-page .regulations-teaser-kicker > span i { width:7px; height:7px; display:block; border-radius:50%; background:#78e9fa; box-shadow:0 0 14px rgba(120,233,250,.8); }
.home-page .regulations-teaser-kicker > small { color:rgba(213,239,246,.72); font:800 7px/1.3 var(--font-display); letter-spacing:.13em; }
.home-page .regulations-teaser-copy h2 { max-width:640px; margin:0; color:#fff; font:900 clamp(48px,5.45vw,82px)/.92 var(--font-display); letter-spacing:-.065em; text-wrap:balance; }
.home-page .regulations-teaser-copy h2 > span,
.home-page .regulations-teaser-copy h2 > em { display:block; white-space:normal; }
.home-page .regulations-teaser-copy h2 > span { color:#fff; }
.home-page .regulations-teaser-copy h2 > span b { color:#7ceafa; font:inherit; }
.home-page .regulations-teaser-copy h2 > em { margin-top:12px; color:#79eafa; font:inherit; font-style:normal; }
.home-page .regulations-teaser-copy h2 > em i { display:inline-grid; min-width:.82em; place-items:center; margin-right:.05em; color:#05275a; background:#80eaf8; font:900 .53em/.95 var(--font-display); font-style:normal; letter-spacing:0; vertical-align:.18em; }
.home-page .regulations-teaser-copy p { max-width:555px; margin:25px 0 30px; color:#d8e8f4; font-size:15px; line-height:1.75; }
.home-page .regulations-teaser-action { width:max-content; min-height:52px; display:inline-flex; align-items:center; gap:17px; padding:5px 6px 5px 18px; border:1px solid rgba(152,239,250,.54); border-radius:3px 16px 3px 3px; color:#fff; background:linear-gradient(110deg,#126fd6,#16a8cd); box-shadow:8px 9px 0 rgba(91,223,242,.15),0 14px 26px rgba(0,11,39,.24); font:900 9px/1 var(--font-display); letter-spacing:.1em; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.home-page .regulations-teaser-action > b { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:3px 11px 3px 3px; background:rgba(255,255,255,.1); }
.home-page .regulations-teaser-action svg,
.home-page .regulation-spotlight-arrow svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.home-page .regulations-teaser-action:hover { filter:brightness(1.07); transform:translateY(-2px); box-shadow:10px 14px 0 rgba(91,223,242,.18),0 20px 33px rgba(0,11,39,.32); }
.home-page .regulations-teaser-action:focus-visible,
.home-page .regulation-spotlight-card:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.home-page .regulations-teaser-board { position:relative; min-width:0; display:grid; gap:10px; padding:17px; overflow:hidden; border:1px solid rgba(157,239,249,.31); border-top:3px solid #7ceafa; border-radius:3px 24px 3px 3px; background:linear-gradient(135deg,rgba(2,20,50,.79),rgba(7,69,123,.57)); box-shadow:16px 18px 0 rgba(68,203,232,.1),0 27px 52px rgba(0,8,31,.22),inset 0 1px rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.home-page .regulations-teaser-board::before { content:'06'; position:absolute; z-index:0; right:10px; top:4px; color:transparent; -webkit-text-stroke:1px rgba(186,246,252,.12); font:900 105px/.8 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.home-page .regulations-teaser-board::after { content:''; position:absolute; z-index:0; right:-42px; bottom:-44px; width:148px; height:148px; border:1px solid rgba(140,235,247,.14); border-radius:50%; box-shadow:0 0 0 16px rgba(140,235,247,.03),0 0 0 32px rgba(140,235,247,.02); pointer-events:none; }
.home-page .regulations-board-head { position:relative; z-index:1; min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 4px 10px; border-bottom:1px solid rgba(199,245,251,.15); }
.home-page .regulations-board-head > span { color:#94effa; font:900 8px/1 var(--font-display); letter-spacing:.16em; }
.home-page .regulations-board-head > small { color:rgba(221,243,247,.6); font:800 6px/1.3 var(--font-display); letter-spacing:.1em; text-align:right; }
.home-page .regulation-spotlight-card { position:relative; z-index:1; min-width:0; min-height:112px; display:grid; grid-template-columns:64px minmax(0,1fr) 44px; align-items:center; gap:14px; padding:14px; overflow:hidden; border:1px solid rgba(205,244,248,.16); border-left:3px solid var(--rule-accent); border-radius:3px 17px 3px 3px; color:#fff; background:linear-gradient(110deg,rgba(255,255,255,.09),rgba(255,255,255,.028)); text-decoration:none; box-shadow:inset 0 1px rgba(255,255,255,.05); transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.home-page .regulation-spotlight-card::after { content:''; position:absolute; top:0; bottom:0; left:-26%; width:19%; background:linear-gradient(90deg,transparent,rgba(217,253,255,.22),transparent); transform:skewX(-19deg); transition:left .36s ease; pointer-events:none; }
.home-page .regulation-spotlight-card:hover { border-color:rgba(189,246,251,.6); background:linear-gradient(110deg,rgba(42,147,219,.29),rgba(126,232,245,.09)); box-shadow:0 13px 26px rgba(0,8,31,.22),inset 0 1px rgba(255,255,255,.1); transform:translateX(4px); }
.home-page .regulation-spotlight-card:hover::after { left:117%; }
.home-page .regulation-spotlight-1 { --rule-accent:#79edfa; }
.home-page .regulation-spotlight-3 { --rule-accent:#77c7ff; }
.home-page .regulation-spotlight-5 { --rule-accent:#84d8ee; }
.home-page .regulation-spotlight-icon { width:60px; height:60px; display:grid; place-items:center; border:1px solid var(--rule-accent); border-radius:50%; color:var(--rule-accent); background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.16),rgba(110,224,242,.06)); box-shadow:0 0 0 7px rgba(124,234,250,.07),0 10px 20px rgba(0,9,35,.16); }
.home-page .regulation-spotlight-icon svg { width:33px; height:33px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.35; }
.home-page .regulation-spotlight-copy { min-width:0; display:block; }
.home-page .regulation-spotlight-copy > small { display:block; margin-bottom:6px; color:var(--rule-accent); font:900 7px/1 var(--font-display); letter-spacing:.15em; }
.home-page .regulation-spotlight-copy > strong { display:block; color:#fff; font:850 clamp(15px,1.27vw,19px)/1.18 var(--font-display); letter-spacing:-.018em; text-wrap:balance; }
.home-page .regulation-spotlight-copy > em { display:inline-block; margin-top:8px; color:rgba(212,241,247,.75); font:900 6px/1 var(--font-display); font-style:normal; letter-spacing:.13em; }
.home-page .regulation-spotlight-arrow { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(189,244,249,.23); border-radius:3px 12px 3px 3px; color:var(--rule-accent); background:rgba(165,238,248,.06); transition:color .2s ease,background .2s ease,transform .2s ease; }
.home-page .regulation-spotlight-card:hover .regulation-spotlight-arrow { color:#fff; background:var(--rule-accent); transform:translateX(2px); }
@media (max-width:1180px) {
    .home-page .regulations-teaser-inner { grid-template-columns:1fr; gap:42px; }
    .home-page .regulations-teaser-copy { max-width:780px; }
    .home-page .regulations-teaser-board { max-width:780px; width:100%; }
}
@media (max-width:780px) {
    .home-page .regulations-teaser { padding-block:72px; }
    .home-page .regulations-teaser::before { right:-12px; bottom:-13px; font-size:112px; }
    .home-page .regulations-teaser-atmosphere::before { width:330px; height:330px; left:-230px; bottom:-192px; }
    .home-page .regulations-teaser-inner { gap:30px; }
    .home-page .regulations-teaser-kicker { margin-bottom:17px; }
    .home-page .regulations-teaser-kicker > small { display:none; }
    .home-page .regulations-teaser-copy h2 { font-size:clamp(42px,12vw,58px); line-height:.94; }
    .home-page .regulations-teaser-copy h2 > em { margin-top:10px; }
    .home-page .regulations-teaser-copy p { margin-block:19px 24px; font-size:13px; line-height:1.7; }
    .home-page .regulations-teaser-action { width:100%; min-height:52px; justify-content:space-between; padding-left:17px; font-size:8px; }
    .home-page .regulations-teaser-board { gap:8px; padding:12px; border-radius:3px 19px 3px 3px; }
    .home-page .regulations-board-head { min-height:32px; padding:0 2px 8px; }
    .home-page .regulations-board-head > span { font-size:7px; }
    .home-page .regulations-board-head > small { font-size:5.5px; }
    .home-page .regulation-spotlight-card { min-height:98px; grid-template-columns:52px minmax(0,1fr) 44px; gap:10px; padding:11px 10px; border-radius:3px 14px 3px 3px; }
    .home-page .regulation-spotlight-icon { width:48px; height:48px; box-shadow:0 0 0 5px rgba(124,234,250,.07); }
    .home-page .regulation-spotlight-icon svg { width:27px; height:27px; }
    .home-page .regulation-spotlight-copy > small { margin-bottom:4px; font-size:6px; }
    .home-page .regulation-spotlight-copy > strong { font-size:clamp(14px,4.7vw,18px); line-height:1.15; }
    .home-page .regulation-spotlight-copy > em { margin-top:6px; font-size:5.5px; }
    .home-page .regulation-spotlight-card:hover { transform:none; }
}
@media (max-width:390px) {
    .home-page .regulations-teaser-copy h2 { font-size:clamp(38px,11.7vw,48px); }
    .home-page .regulations-board-head > small { display:none; }
    .home-page .regulation-spotlight-card { grid-template-columns:47px minmax(0,1fr) 40px; gap:8px; padding:10px 8px; }
    .home-page .regulation-spotlight-icon { width:44px; height:44px; }
    .home-page .regulation-spotlight-arrow { width:40px; height:40px; }
    .home-page .regulation-spotlight-copy > strong { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .regulations-teaser-action,
    .home-page .regulation-spotlight-card,
    .home-page .regulation-spotlight-card::after,
    .home-page .regulation-spotlight-arrow { transition:none; }
    .home-page .regulations-teaser-action:hover,
    .home-page .regulation-spotlight-card:hover,
    .home-page .regulation-spotlight-card:hover .regulation-spotlight-arrow { transform:none; }
}

/* Tournament spirit v139 · a readable, football-led manifesto. */
.home-page .tournament-slogan[data-spirit-stage] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:clamp(86px,9vw,136px);
    color:#fff;
    background:
        radial-gradient(circle at 8% 16%,rgba(73,221,242,.23),transparent 26%),
        radial-gradient(circle at 92% 84%,rgba(17,109,224,.31),transparent 33%),
        linear-gradient(136deg,#010c22 0%,#03265a 53%,#07588f 100%);
}
.home-page .tournament-slogan[data-spirit-stage]::before {
    content:'TOGETHER';
    z-index:0;
    right:-14px;
    bottom:-21px;
    color:transparent;
    -webkit-text-stroke:1px rgba(191,246,252,.065);
    font:900 clamp(106px,15vw,222px)/.76 var(--font-display);
    letter-spacing:-.09em;
}
.home-page .tournament-slogan[data-spirit-stage]::after { display:none; }
.home-page .slogan-field-lines { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.home-page .slogan-field-lines::before,
.home-page .slogan-field-lines::after { content:''; position:absolute; border:1px solid rgba(159,241,250,.11); border-radius:50%; }
.home-page .slogan-field-lines::before { width:min(68vw,900px); aspect-ratio:1; left:-44vw; top:7%; box-shadow:0 0 0 9vw rgba(127,232,247,.018),0 0 0 18vw rgba(127,232,247,.012); }
.home-page .slogan-field-lines::after { width:410px; height:410px; right:-310px; top:42px; box-shadow:0 0 0 56px rgba(91,207,241,.02); }
.home-page .slogan-field-lines i { position:absolute; height:1px; background:linear-gradient(90deg,transparent,rgba(160,241,250,.26),transparent); transform:rotate(-31deg); }
.home-page .slogan-field-lines i:first-child { width:49vw; top:20%; left:-12vw; }
.home-page .slogan-field-lines i:nth-child(2) { width:37vw; right:-10vw; bottom:23%; transform:rotate(46deg); }
.home-page .slogan-field-lines i:nth-child(3) { width:36vw; left:40%; bottom:5%; opacity:.54; transform:rotate(-8deg); }
.home-page .slogan-inner { position:relative; z-index:1; display:grid; grid-template-columns:94px minmax(0,1fr); align-items:start; gap:30px 36px; }
.home-page .slogan-mark { position:sticky; top:118px; width:78px; height:78px; display:grid; place-items:center; margin:2px 0 0; padding:0; border:1px solid rgba(161,242,250,.6); border-radius:50%; color:#092c62; background:radial-gradient(circle at 35% 28%,#fff 0 31%,#dff8fc 54%,#79e8f8 100%); box-shadow:0 0 0 10px rgba(126,234,251,.06),0 18px 42px rgba(0,8,30,.28); }
.home-page .slogan-mark::before { content:''; position:absolute; inset:-12px; border:1px dashed rgba(132,234,249,.43); border-radius:50%; }
.home-page .slogan-mark::after { content:''; position:absolute; width:9px; height:9px; right:-3px; top:5px; border-radius:50%; background:#7ceafa; box-shadow:0 0 15px rgba(124,234,250,.78); }
.home-page .slogan-mark svg { position:relative; z-index:1; width:46px; height:46px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.35; }
.home-page .slogan-copy { position:relative; min-width:0; padding:clamp(25px,3.3vw,44px); border:1px solid rgba(175,243,250,.22); border-top:3px solid #82ebf8; border-left:4px solid #82ebf8; border-radius:3px 29px 3px 3px; background:radial-gradient(circle at 100% 0,rgba(83,218,241,.16),transparent 30%),linear-gradient(133deg,rgba(2,20,53,.91),rgba(5,61,113,.67)); box-shadow:17px 18px 0 rgba(2,15,42,.2),0 34px 76px rgba(0,8,30,.28),inset 0 1px rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.home-page .slogan-copy::before { content:''; position:absolute; left:clamp(25px,3.3vw,44px); top:-3px; width:116px; height:3px; border-radius:999px; background:linear-gradient(90deg,#fff,#82ebf8); box-shadow:0 0 18px rgba(130,235,248,.62); }
.home-page .slogan-heading { position:relative; margin:0 0 25px; padding:0 0 21px; border-bottom:1px solid rgba(182,244,251,.2); }
.home-page .slogan-heading::after { content:''; position:absolute; left:0; bottom:-1px; width:96px; height:3px; background:linear-gradient(90deg,#82ebf8,#fff); box-shadow:0 0 15px rgba(130,235,248,.5); }
.home-page .slogan-heading > span { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#9af0fb; font:900 7px/1 var(--font-display); letter-spacing:.18em; }
.home-page .slogan-heading > span::before { content:''; width:7px; height:7px; border-radius:50%; background:#83edf9; box-shadow:0 0 13px rgba(131,237,249,.8); }
.home-page .slogan-heading h2 { max-width:15ch; margin:0; color:#fff; font:900 clamp(41px,4.5vw,69px)/.9 var(--font-display); letter-spacing:-.07em; text-transform:uppercase; text-wrap:balance; }
.home-page .slogan-heading h2 > span { color:#fff; }
.home-page .slogan-heading h2 > em { color:#85effa; font-style:normal; text-shadow:0 0 26px rgba(107,232,248,.22); }
.home-page .slogan-copy .slogan-statement { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; max-width:none; margin:0; color:#d8e9f3; font:500 16px/1.74 var(--font-body); }
.home-page .slogan-statement p,
.home-page .slogan-statement p + p {
    position:relative;
    grid-column:1 / -1;
    min-height:0;
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    align-items:center;
    gap:18px;
    margin:0;
    padding:21px 25px 21px 16px;
    overflow:hidden;
    border:1px solid rgba(184,243,249,.18);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(106deg,rgba(1,16,43,.7),rgba(7,75,136,.33));
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.home-page .slogan-statement p::after { content:''; position:absolute; top:15px; bottom:15px; left:0; width:3px; background:linear-gradient(180deg,#fff,#7de9fa); box-shadow:0 0 15px rgba(125,233,250,.62); }
.home-page .slogan-line-index { width:62px; min-height:62px; display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(184,244,250,.2); color:#88edf9; font:900 29px/1 var(--font-display); letter-spacing:-.06em; text-shadow:0 0 22px rgba(126,234,251,.25); }
.home-page .slogan-line-copy { min-width:0; display:block; text-wrap:pretty; }
.home-page .slogan-statement p:first-child { color:#f2fbfd; font:700 clamp(18px,1.56vw,23px)/1.54 var(--font-display); letter-spacing:-.02em; background:radial-gradient(circle at 93% 13%,rgba(97,222,243,.17),transparent 26%),linear-gradient(110deg,rgba(2,20,53,.92),rgba(7,69,128,.52)); }
.home-page .slogan-statement p:nth-child(2) { grid-column:2 / -1; color:#d6e9f3; font-size:16px; line-height:1.72; }
.home-page .slogan-statement p:hover { border-color:rgba(135,236,249,.52); background:linear-gradient(108deg,rgba(3,35,80,.93),rgba(11,103,170,.49)); box-shadow:0 16px 32px rgba(0,7,28,.2),inset 0 1px rgba(255,255,255,.09); transform:translateX(4px); }
.home-page .slogan-brand { color:#fff; background:linear-gradient(transparent 70%,rgba(91,222,246,.26) 70%); font-weight:900; }
.home-page .slogan-values { color:#fff; font-weight:900; text-shadow:0 0 22px rgba(97,222,246,.23); }
.home-page .slogan-statement .slogan-anthem { grid-column:1 / -1; min-height:91px; margin:0!important; padding:19px 44px 19px 16px!important; border:1px solid rgba(143,239,250,.65)!important; border-radius:3px 18px 3px 3px; color:#fff; background:linear-gradient(106deg,#145bc1,#0d7dca 59%,#20a8c5)!important; box-shadow:inset 4px 0 #8ceffb,0 18px 36px rgba(0,8,32,.22)!important; font:900 clamp(16px,1.48vw,21px)/1.5 var(--font-display)!important; letter-spacing:.012em!important; text-transform:uppercase!important; }
.home-page .slogan-statement .slogan-anthem::before { content:''; position:absolute; z-index:1; right:21px; top:17px; left:auto; width:12px; height:12px; border:2px solid #b5f7ff; border-radius:50%; background:radial-gradient(circle,#fff 0 28%,#0b5eb8 30% 100%); box-shadow:0 0 0 5px rgba(181,247,255,.1),0 0 15px rgba(181,247,255,.42); transform:none; animation:none; }
.home-page .slogan-signature { position:relative; grid-column:1 / -1; min-height:226px; display:grid; grid-template-columns:228px minmax(0,1fr); align-items:center; gap:38px; margin-top:4px; padding:27px 58px; overflow:hidden; border:1px solid rgba(143,239,250,.33); border-top:4px solid #68dff2; border-radius:3px 27px 3px 3px; background:radial-gradient(circle at 18% 50%,rgba(91,220,242,.19),transparent 22%),linear-gradient(120deg,#03183e,#083b7c 55%,#0c4c8f); box-shadow:0 28px 66px rgba(0,7,28,.27),inset 0 1px rgba(255,255,255,.1); }
.home-page .slogan-signature::before { content:''; position:absolute; left:0; top:0; width:100%; height:1px; display:block; background:linear-gradient(90deg,transparent,#fff 45%,#72e7fa 68%,transparent); box-shadow:0 0 18px rgba(114,231,250,.48); }
.home-page .slogan-identity-crest { position:relative; z-index:1; width:148px; height:148px; display:grid; place-items:center; justify-self:center; border:1px solid rgba(148,240,250,.65); border-radius:50%; background:radial-gradient(circle,#fff 0 44%,#dff8fc 45% 61%,rgba(63,199,232,.2) 62%); box-shadow:0 16px 36px rgba(0,8,29,.31),0 0 0 9px rgba(126,234,251,.07); }
.home-page .slogan-identity-crest::before { content:''; position:absolute; inset:-13px; border:1px dashed rgba(126,234,251,.5); border-radius:50%; animation:none; }
.home-page .slogan-identity-crest::after { content:''; position:absolute; width:11px; height:11px; right:2px; top:3px; border-radius:50%; background:#7ceafa; box-shadow:0 0 17px rgba(124,234,250,.85); animation:none; }
.home-page .slogan-identity-crest img { position:relative; z-index:1; width:132px; height:132px; object-fit:contain; filter:drop-shadow(0 9px 13px rgba(0,14,43,.25)); }
.home-page .slogan-identity-copy { position:relative; z-index:1; min-width:0; display:flex; align-items:flex-start; flex-direction:column; }
.home-page .slogan-identity-copy small { color:#9ceffc; font:900 8px/1 var(--font-display); letter-spacing:.2em; }
.home-page .slogan-identity-copy b { max-width:720px; margin-top:8px; color:#fff; font:900 clamp(25px,2.65vw,40px)/1.04 var(--font-display); letter-spacing:-.03em; text-transform:uppercase; text-wrap:balance; }
.home-page .slogan-identity-copy > i { width:76px; height:4px; margin:19px 0 15px; background:linear-gradient(90deg,#7ce9fb,#fff); box-shadow:0 0 15px rgba(124,233,251,.45); }
.home-page .slogan-identity-copy strong { margin:0; padding:0; border:0; color:#8beef9; font:900 clamp(19px,2.25vw,30px)/1.08 var(--font-display); letter-spacing:-.028em; text-wrap:balance; }
.home-page .tournament-slogan.is-animation-ready [data-spirit-reveal] { opacity:0; transform:translateY(16px); }
.home-page .tournament-slogan.is-animation-ready [data-spirit-reveal].is-spirit-visible { opacity:1; transform:none; transition:opacity .34s ease,transform .34s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--spirit-order,0) * 58ms); }
@media (max-width:1050px) {
    .home-page .slogan-inner { grid-template-columns:76px minmax(0,1fr); gap:26px; }
    .home-page .slogan-signature { grid-template-columns:190px minmax(0,1fr); gap:28px; min-height:210px; padding:24px 38px; }
    .home-page .slogan-identity-crest { width:132px; height:132px; }
    .home-page .slogan-identity-crest img { width:118px; height:118px; }
}
@media (max-width:780px) {
    .home-page .tournament-slogan[data-spirit-stage] { padding-block:74px; }
    .home-page .tournament-slogan[data-spirit-stage]::before { right:-9px; bottom:-12px; font-size:101px; }
    .home-page .slogan-field-lines::before { width:360px; left:-270px; top:21%; }
    .home-page .slogan-inner { grid-template-columns:1fr; gap:16px; }
    .home-page .slogan-mark { position:relative; top:auto; width:60px; height:60px; margin:0; }
    .home-page .slogan-mark::before { inset:-8px; }
    .home-page .slogan-mark svg { width:35px; height:35px; }
    .home-page .slogan-copy { padding:24px 18px 20px; border-left-width:3px; border-radius:3px 20px 3px 3px; }
    .home-page .slogan-copy::before { left:17px; width:78px; }
    .home-page .slogan-heading { margin-bottom:19px; padding-bottom:16px; }
    .home-page .slogan-heading > span { margin-bottom:11px; font-size:6px; }
    .home-page .slogan-heading h2 { max-width:12ch; font-size:clamp(35px,10.8vw,50px); }
    .home-page .slogan-heading::after { width:72px; }
    .home-page .slogan-copy .slogan-statement { gap:8px; font-size:13px; }
    .home-page .slogan-statement p,
    .home-page .slogan-statement p + p,
    .home-page .slogan-statement p:nth-child(2),
    .home-page .slogan-statement .slogan-anthem { grid-column:1 / -1; grid-template-columns:48px minmax(0,1fr); gap:11px; padding:15px 14px 15px 10px; }
    .home-page .slogan-line-index { width:42px; min-height:50px; font-size:22px; }
    .home-page .slogan-statement p:first-child { font-size:16px; line-height:1.55; }
    .home-page .slogan-statement p:nth-child(2) { font-size:13px; line-height:1.68; }
    .home-page .slogan-statement .slogan-anthem { min-height:0; padding:15px 30px 15px 10px!important; font-size:13px!important; line-height:1.45!important; }
    .home-page .slogan-statement .slogan-anthem::before { right:11px; top:11px; width:10px; height:10px; }
    .home-page .slogan-signature { grid-column:1; min-height:188px; grid-template-columns:116px minmax(0,1fr); gap:15px; padding:18px 16px; border-radius:3px 21px 3px 3px; }
    .home-page .slogan-identity-crest { width:98px; height:98px; }
    .home-page .slogan-identity-crest img { width:88px; height:88px; }
    .home-page .slogan-identity-copy small { font-size:6px; }
    .home-page .slogan-identity-copy b { font-size:clamp(18px,4.7vw,25px); }
    .home-page .slogan-identity-copy > i { width:54px; height:3px; margin:13px 0 10px; }
    .home-page .slogan-identity-copy strong { font-size:clamp(15px,4vw,21px); }
}
@media (max-width:390px) {
    .home-page .slogan-copy { padding-inline:13px; }
    .home-page .slogan-heading > span { font-size:5.5px; letter-spacing:.13em; }
    .home-page .slogan-heading h2 { font-size:clamp(32px,10.5vw,42px); }
    .home-page .slogan-statement p,
    .home-page .slogan-statement p + p,
    .home-page .slogan-statement p:nth-child(2),
    .home-page .slogan-statement .slogan-anthem { grid-template-columns:39px minmax(0,1fr); gap:8px; padding-inline:8px 10px; }
    .home-page .slogan-line-index { width:34px; font-size:18px; }
    .home-page .slogan-statement p:first-child { font-size:14px; }
    .home-page .slogan-statement .slogan-anthem { padding-right:26px!important; font-size:11.5px!important; }
    .home-page .slogan-signature { grid-template-columns:94px minmax(0,1fr); gap:12px; padding:16px 13px; }
    .home-page .slogan-identity-crest { width:82px; height:82px; }
    .home-page .slogan-identity-crest::before { inset:-7px; }
    .home-page .slogan-identity-crest img { width:74px; height:74px; }
    .home-page .slogan-identity-copy b { font-size:15px; }
    .home-page .slogan-identity-copy strong { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .tournament-slogan.is-animation-ready [data-spirit-reveal],
    .home-page .tournament-slogan.is-animation-ready [data-spirit-reveal].is-spirit-visible { opacity:1; transform:none; transition:none; }
    .home-page .slogan-statement p,
    .home-page .slogan-statement p:hover { transform:none; transition:none; }
}

/* Rulebook masthead v145 · official hierarchy for the home regulations entry point. */
.home-page .regulations-teaser .regulations-teaser-copy {
    position:relative;
    isolation:isolate;
    min-width:0;
    padding:clamp(28px,3.35vw,48px);
    overflow:hidden;
    border:1px solid rgba(169,243,251,.26);
    border-top:3px solid #85effa;
    border-left:4px solid #85effa;
    border-radius:3px 30px 3px 3px;
    background:
        radial-gradient(circle at 102% 0,rgba(102,231,247,.18),transparent 30%),
        linear-gradient(132deg,rgba(1,19,48,.93),rgba(4,56,109,.72));
    box-shadow:17px 18px 0 rgba(1,15,40,.2),0 28px 64px rgba(0,7,29,.27),inset 0 1px rgba(255,255,255,.1);
}
.home-page .regulations-teaser .regulations-teaser-copy::before {
    content:'RULEBOOK';
    position:absolute;
    z-index:0;
    right:-10px;
    bottom:-22px;
    color:transparent;
    -webkit-text-stroke:1px rgba(183,244,250,.075);
    font:900 clamp(66px,8vw,126px)/.78 var(--font-display);
    letter-spacing:-.08em;
    pointer-events:none;
}
.home-page .regulations-teaser .regulations-teaser-copy::after {
    content:'';
    position:absolute;
    z-index:0;
    top:-85px;
    right:-82px;
    width:205px;
    height:205px;
    border:1px solid rgba(151,239,249,.16);
    border-radius:50%;
    box-shadow:0 0 0 18px rgba(150,240,250,.035),0 0 0 36px rgba(150,240,250,.02);
    pointer-events:none;
}
.home-page .regulations-teaser .regulations-teaser-kicker {
    position:relative;
    z-index:1;
    align-items:center;
    gap:10px 14px;
    margin-bottom:clamp(20px,2.4vw,30px);
    padding-bottom:16px;
    border-bottom:1px solid rgba(184,244,251,.18);
}
.home-page .regulations-teaser .regulations-teaser-kicker > span {
    min-height:30px;
    padding-inline:13px;
    border-color:rgba(153,241,250,.58);
    color:#d4fbff;
    background:linear-gradient(110deg,rgba(106,231,247,.18),rgba(106,231,247,.055));
    box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 20px rgba(0,9,35,.13);
    font-size:7px;
    letter-spacing:.18em;
}
.home-page .regulations-teaser .regulations-teaser-kicker > span::after {
    content:'';
    width:28px;
    height:1px;
    margin-left:2px;
    background:linear-gradient(90deg,#85edf9,transparent);
}
.home-page .regulations-teaser .regulations-teaser-kicker > small {
    max-width:28ch;
    color:#b9dce8;
    font-size:7px;
    letter-spacing:.15em;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 {
    position:relative;
    z-index:1;
    max-width:none;
    display:grid;
    gap:12px;
    margin:0;
    font-family:var(--font-display);
    letter-spacing:-.055em;
    text-transform:uppercase;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > span {
    min-width:0;
    min-height:clamp(96px,8.5vw,130px);
    display:grid;
    grid-template-columns:clamp(84px,8.2vw,123px) minmax(0,1fr);
    align-items:center;
    gap:clamp(16px,1.8vw,25px);
    padding:10px 0 12px;
    border-bottom:1px solid rgba(181,244,250,.21);
    color:#fff;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > span > b {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    color:#85effa;
    border-right:1px solid rgba(183,244,251,.2);
    font:900 clamp(72px,7.1vw,112px)/.82 var(--font-display);
    letter-spacing:-.09em;
    text-shadow:0 0 30px rgba(125,234,249,.19);
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > span > b::after {
    content:'';
    position:absolute;
    left:15%;
    right:20%;
    bottom:5px;
    height:3px;
    background:linear-gradient(90deg,#fff,#7deafa);
    box-shadow:0 0 15px rgba(125,234,250,.58);
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong {
    min-width:0;
    color:#fff;
    font:900 clamp(42px,4.1vw,68px)/.88 var(--font-display);
    letter-spacing:-.072em;
    text-wrap:balance;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > em {
    min-width:0;
    min-height:64px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    gap:14px;
    margin:0;
    padding:12px 17px 12px 12px;
    border:1px solid rgba(164,241,250,.32);
    border-radius:3px 17px 3px 3px;
    color:#93f1fb;
    background:linear-gradient(100deg,rgba(17,99,183,.52),rgba(19,143,194,.18));
    box-shadow:inset 3px 0 #8ceff9,inset 0 1px rgba(255,255,255,.09);
    font-style:normal;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > em > i {
    width:44px;
    min-height:42px;
    margin:0;
    color:#08295c;
    background:linear-gradient(145deg,#dffcff,#82eaf7);
    box-shadow:0 7px 16px rgba(0,7,29,.21);
    font:900 21px/1 var(--font-display);
    vertical-align:initial;
}
.home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong {
    min-width:0;
    color:#8eeef9;
    font:900 clamp(19px,2vw,31px)/1.02 var(--font-display);
    letter-spacing:-.04em;
    text-wrap:balance;
}
.home-page .regulations-teaser .regulations-teaser-copy > p {
    position:relative;
    z-index:1;
    max-width:54ch;
    margin:22px 0 27px;
    padding-left:15px;
    border-left:2px solid rgba(131,237,249,.72);
    color:#d4e9f2;
    font-size:14px;
    line-height:1.7;
}
.home-page .regulations-teaser .regulations-teaser-action {
    position:relative;
    z-index:1;
    width:auto;
    min-width:min(100%,330px);
    min-height:60px;
    justify-content:space-between;
    gap:18px;
    padding:6px 7px 6px 20px;
    border-color:rgba(176,243,251,.62);
    border-radius:3px 18px 3px 3px;
    background:linear-gradient(112deg,#1069d1,#108ec7 58%,#24bad2);
    box-shadow:9px 10px 0 rgba(120,234,249,.15),0 18px 32px rgba(0,8,31,.24),inset 0 1px rgba(255,255,255,.2);
}
.home-page .regulations-teaser .regulations-teaser-action > span { min-width:0; display:grid; gap:4px; }
.home-page .regulations-teaser .regulations-teaser-action > span > small { color:rgba(222,251,255,.8); font-size:6px; font-weight:800; letter-spacing:.15em; }
.home-page .regulations-teaser .regulations-teaser-action > span > strong { color:#fff; font:900 9px/1.1 var(--font-display); letter-spacing:.105em; }
.home-page .regulations-teaser .regulations-teaser-action > b { width:46px; height:46px; flex:0 0 46px; border-radius:3px 13px 3px 3px; background:rgba(255,255,255,.14); }
.home-page .regulations-teaser .regulations-teaser-action svg { width:20px; height:20px; }
.home-page .regulations-teaser .regulations-teaser-action:hover { transform:translateY(-3px); box-shadow:11px 14px 0 rgba(120,234,249,.18),0 24px 38px rgba(0,8,31,.31),inset 0 1px rgba(255,255,255,.22); }

@media (max-width:1180px) {
    .home-page .regulations-teaser .regulations-teaser-copy { max-width:780px; width:100%; }
}
@media (max-width:780px) {
    .home-page .regulations-teaser .regulations-teaser-copy { padding:24px 17px 20px; border-left-width:3px; border-radius:3px 21px 3px 3px; }
    .home-page .regulations-teaser .regulations-teaser-kicker { gap:8px; margin-bottom:19px; padding-bottom:13px; }
    .home-page .regulations-teaser .regulations-teaser-kicker > span { min-height:28px; padding-inline:10px; font-size:6px; letter-spacing:.13em; }
    .home-page .regulations-teaser .regulations-teaser-kicker > span::after { width:18px; }
    .home-page .regulations-teaser .regulations-teaser-kicker > small { font-size:5.6px; letter-spacing:.1em; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 { gap:9px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span { min-height:75px; grid-template-columns:68px minmax(0,1fr); gap:13px; padding:6px 0 9px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > b { font-size:66px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > b::after { height:2px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong { font-size:clamp(35px,10.5vw,49px); }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em { min-height:56px; grid-template-columns:43px minmax(0,1fr); gap:11px; padding:9px 12px 9px 9px; border-radius:3px 14px 3px 3px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > i { width:37px; min-height:36px; font-size:18px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong { font-size:clamp(17px,5.1vw,24px); }
    .home-page .regulations-teaser .regulations-teaser-copy > p { margin:18px 0 22px; padding-left:12px; font-size:13px; line-height:1.67; }
    .home-page .regulations-teaser .regulations-teaser-action { width:100%; min-width:0; min-height:58px; padding-left:16px; }
    .home-page .regulations-teaser .regulations-teaser-action > span > small { font-size:5.4px; }
    .home-page .regulations-teaser .regulations-teaser-action > span > strong { font-size:7.8px; letter-spacing:.085em; }
    .home-page .regulations-teaser .regulations-teaser-action > b { width:44px; height:44px; flex-basis:44px; }
}
@media (max-width:390px) {
    .home-page .regulations-teaser .regulations-teaser-copy { padding-inline:13px; }
    .home-page .regulations-teaser .regulations-teaser-kicker > small { display:none; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span { grid-template-columns:57px minmax(0,1fr); gap:10px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > b { font-size:56px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong { font-size:clamp(30px,10.2vw,40px); }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em { grid-template-columns:37px minmax(0,1fr); gap:8px; padding-right:9px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > i { width:33px; min-height:34px; font-size:16px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong { font-size:clamp(15px,4.8vw,19px); }
    .home-page .regulations-teaser .regulations-teaser-action > span > strong { font-size:7px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .regulations-teaser .regulations-teaser-action,
    .home-page .regulations-teaser .regulations-teaser-action:hover { transform:none; transition:none; }
}

/* Mobile navigation v145 · direct labels without decorative category or ordinal numbers. */
@media (max-width:780px) {
    .main-nav { counter-reset:none; }
    .main-nav::before { content:none; display:none; }
    .main-nav a,
    .home-page .main-nav a {
        grid-template-columns:minmax(0,1fr) 32px;
        gap:12px;
        padding:14px 4px;
        counter-increment:none;
    }
    .main-nav a::before { content:none; display:none; }
    .main-nav a::after {
        width:32px;
        height:32px;
        border-radius:50%;
        font-size:13px;
    }
}
@media (max-width:390px) {
    .main-nav a,
    .home-page .main-nav a { grid-template-columns:minmax(0,1fr) 30px; gap:10px; }
    .main-nav a::after { width:30px; height:30px; }
}

/* Tournament spirit v146 · symbolic markers replace ordinal numbers. */
.home-page .slogan-line-icon {
    --spirit-icon:#8beef9;
    position:relative;
    z-index:1;
    width:min(62px,100%);
    min-height:62px;
    display:grid;
    place-items:center;
    align-self:stretch;
    color:var(--spirit-icon);
    border-right:1px solid rgba(184,244,250,.2);
}
.home-page .slogan-line-icon::before {
    content:'';
    position:absolute;
    width:42px;
    height:42px;
    border:1px solid rgba(155,239,250,.56);
    border-radius:50%;
    background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.24),rgba(126,234,251,.09) 43%,rgba(4,44,93,.22) 74%);
    box-shadow:0 0 0 5px rgba(126,234,251,.045),0 0 22px rgba(126,234,251,.17),inset 0 1px rgba(255,255,255,.13);
}
.home-page .slogan-line-icon svg {
    position:relative;
    width:28px;
    height:28px;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2.15;
    filter:drop-shadow(0 2px 6px rgba(0,8,33,.26));
}
.home-page .slogan-line-icon--team { --spirit-icon:#d9fbff; }
.home-page .slogan-line-icon--team::before { border-color:rgba(218,251,255,.62); }
.home-page .slogan-line-icon--fairplay { --spirit-icon:#9fe3f4; }
.home-page .slogan-line-icon--fairplay::before { border-color:rgba(131,223,245,.62); background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.21),rgba(106,214,241,.10) 43%,rgba(4,44,93,.22) 74%); box-shadow:0 0 0 5px rgba(110,216,243,.045),0 0 22px rgba(119,219,244,.16),inset 0 1px rgba(255,255,255,.13); }

@media (max-width:780px) {
    .home-page .slogan-line-icon { width:42px; min-height:50px; }
    .home-page .slogan-line-icon::before { width:34px; height:34px; }
    .home-page .slogan-line-icon svg { width:23px; height:23px; stroke-width:2.25; }
}
@media (max-width:390px) {
    .home-page .slogan-line-icon { width:34px; min-height:46px; }
    .home-page .slogan-line-icon::before { width:30px; height:30px; }
    .home-page .slogan-line-icon svg { width:20px; height:20px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .slogan-line-icon svg { filter:none; }
}

/* Homepage Vietnamese title safe zone v152.
   Vietnamese uppercase glyphs frequently extend above their em box (Ấ, Ầ, Ế,
   Ễ, Ỡ…).  Keep a real, non-negative vertical safe area so the accents stay
   intact in every heading, including within animated/gradient sections. */
.home-page :is(
    .hero h1,
    .slogan-heading h2,
    .trailer-copy h2,
    .previous-season-copy h2,
    .regulations-teaser-copy h2,
    .awards-heading h2,
    .teams-heading h2,
    .timeline-heading h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2,
    .contact-inner h2
) {
    line-height:1.16 !important;
    padding-block:.14em .1em !important;
    margin-block:0 !important;
    overflow:visible !important;
    overflow-wrap:normal;
    word-break:normal;
}

.home-page :is(
    .hero h1 > span,
    .hero h1 > em,
    .slogan-heading h2 > span,
    .slogan-heading h2 > em,
    .timeline-heading h2 > span,
    .timeline-heading h2 > em,
    .live-center-head h2 > span,
    .awards-heading h2 > span,
    .awards-heading h2 > em
) {
    line-height:inherit !important;
    margin-block:0 !important;
    padding-block:.03em !important;
    overflow:visible !important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

@media (max-width:780px) {
    .home-page :is(
        .hero h1,
        .slogan-heading h2,
        .trailer-copy h2,
        .previous-season-copy h2,
        .regulations-teaser-copy h2,
        .awards-heading h2,
        .teams-heading h2,
        .timeline-heading h2,
        .matches-section .section-head h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head h2,
        .gallery-showcase-copy h2,
        .sponsors-heading h2,
        .contact-inner h2
    ) {
        line-height:1.18 !important;
        padding-block:.16em .11em !important;
    }
}

/* Final responsive lock v168 · keeps the hero identity on two deliberate lines. */
.home-page #giai-dau .hero-title-lockup h1 {
    width:100%!important;
    max-width:none!important;
    max-inline-size:none!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0!important;
    padding:3px 0 5px!important;
    font-size:clamp(58px,4.35vw,66px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
}
.home-page #giai-dau .hero-title-lockup h1 > span,
.home-page #giai-dau .hero-title-lockup h1 > em {
    width:auto!important;
    max-width:100%!important;
    display:block!important;
    margin:0!important;
    padding:.07em .035em .055em 0!important;
    font-size:1em!important;
    line-height:1.03!important;
    letter-spacing:inherit!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
}
.home-page #giai-dau .hero-title-lockup h1 > em::after { content:none!important; }

@media (max-width:1180px) {
    .home-page #giai-dau .hero-title-lockup h1 { font-size:clamp(44px,7.8vw,58px)!important; }
}
@media (max-width:780px) {
    .home-page #giai-dau .hero-title-lockup h1 { font-size:clamp(36px,7.1vw,46px)!important; }
}
@media (max-width:390px) {
    .home-page #giai-dau .hero-title-lockup h1 { font-size:clamp(33px,10vw,39px)!important; }
}

/* Official trailer marker v166 — kept last so legacy section rules cannot override it. */
.home-page .trailer-copy .trailer-identity { display:flex; align-items:center; min-height:42px; margin:0 0 16px; }
.home-page .trailer-copy .trailer-kicker { position:relative; z-index:1; min-height:38px; display:inline-flex; align-items:center; gap:10px; max-width:100%; margin:0; padding:4px 12px 4px 4px; overflow:hidden; color:#d9fbff; border:1px solid rgba(149,241,249,.55); border-radius:5px 999px 999px 5px; background:linear-gradient(105deg,rgba(5,48,93,.94),rgba(7,102,152,.68)); box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 26px rgba(0,5,33,.22),0 0 0 4px rgba(114,231,246,.045); font-size:8px; font-weight:900; line-height:1.25; letter-spacing:.14em; text-shadow:0 1px 0 rgba(0,0,0,.28); }
.home-page .trailer-copy .trailer-kicker::before { content:none; }
.home-page .trailer-copy .trailer-kicker::after { content:''; position:absolute; top:0; bottom:0; left:43px; width:1px; background:rgba(172,245,250,.28); box-shadow:12px 0 0 rgba(172,245,250,.08); pointer-events:none; }
.home-page .trailer-kicker-reel { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; color:#063a77; border-radius:3px 50% 50% 3px; background:radial-gradient(circle at 34% 25%,#fff 0 8%,#b5f7fe 9% 33%,#6fe3f3 34% 100%); box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.9); }
.home-page .trailer-kicker-reel svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.85; }
.home-page .trailer-kicker > span { position:relative; z-index:1; min-width:0; overflow-wrap:anywhere; }
.home-page .trailer-kicker-signal { display:flex; align-items:center; gap:3px; margin-left:2px; padding-left:9px; border-left:1px solid rgba(172,245,250,.3); }
.home-page .trailer-kicker-signal b { width:3px; height:8px; display:block; border-radius:999px; background:#8feefa; box-shadow:0 0 8px rgba(143,238,250,.7); }
.home-page .trailer-kicker-signal b:nth-child(2) { height:13px; }
.home-page .trailer-kicker-signal b:nth-child(3) { height:6px; }
.home-page .trailer-copy h2 { position:relative; text-shadow:0 10px 27px rgba(0,7,32,.33); }
.home-page .trailer-copy h2::after { content:''; position:absolute; bottom:.03em; left:0; width:min(142px,34%); height:4px; border-radius:999px; background:linear-gradient(90deg,#fff 0 24%,#85edf8 25% 74%,transparent 75%); box-shadow:0 0 18px rgba(133,237,248,.47); }
@media (max-width:780px) {
    .home-page .trailer-copy .trailer-identity { min-height:36px; margin-bottom:13px; }
    .home-page .trailer-copy .trailer-kicker { min-height:34px; gap:8px; padding:3px 10px 3px 3px; font-size:6.7px; letter-spacing:.105em; }
    .home-page .trailer-kicker-reel { width:27px; height:27px; }
    .home-page .trailer-kicker-reel svg { width:16px; height:16px; }
    .home-page .trailer-copy .trailer-kicker::after { left:38px; }
    .home-page .trailer-kicker-signal { gap:2px; margin-left:0; padding-left:7px; }
    .home-page .trailer-kicker-signal b { width:2px; height:6px; }
    .home-page .trailer-kicker-signal b:nth-child(2) { height:10px; }
    .home-page .trailer-kicker-signal b:nth-child(3) { height:5px; }
    .home-page .trailer-copy h2::after { height:3px; }
    .home-page .trailer-stage { width:100%; max-width:100%; min-height:0; aspect-ratio:4 / 3; }
}
@media (max-width:370px) {
    .home-page .trailer-copy .trailer-kicker { letter-spacing:.075em; }
    .home-page .trailer-kicker-signal { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-copy .trailer-kicker { transition:none; }
}

/* Final priority: official trailer marker v166. */
.home-page .trailer-copy .trailer-identity { display:flex; align-items:center; min-height:42px; margin:0 0 16px; }
.home-page .trailer-copy .trailer-kicker {
    position:relative;
    z-index:1;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    max-width:100%;
    margin:0;
    padding:4px 12px 4px 4px;
    overflow:hidden;
    color:#d9fbff;
    border:1px solid rgba(149,241,249,.55);
    border-radius:5px 999px 999px 5px;
    background:linear-gradient(105deg,rgba(5,48,93,.94),rgba(7,102,152,.68));
    box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 26px rgba(0,5,33,.22),0 0 0 4px rgba(114,231,246,.045);
    font-size:8px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.14em;
    text-shadow:0 1px 0 rgba(0,0,0,.28);
}
.home-page .trailer-copy .trailer-kicker::before { content:none; }
.home-page .trailer-copy .trailer-kicker::after { content:''; position:absolute; top:0; bottom:0; left:43px; width:1px; background:rgba(172,245,250,.28); box-shadow:12px 0 0 rgba(172,245,250,.08); pointer-events:none; }
.home-page .trailer-kicker-reel { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; color:#063a77; border-radius:3px 50% 50% 3px; background:radial-gradient(circle at 34% 25%,#fff 0 8%,#b5f7fe 9% 33%,#6fe3f3 34% 100%); box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.9); }
.home-page .trailer-kicker-reel svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.85; }
.home-page .trailer-kicker > span { position:relative; z-index:1; min-width:0; overflow-wrap:anywhere; }
.home-page .trailer-kicker-signal { display:flex; align-items:center; gap:3px; margin-left:2px; padding-left:9px; border-left:1px solid rgba(172,245,250,.3); }
.home-page .trailer-kicker-signal b { width:3px; height:8px; display:block; border-radius:999px; background:#8feefa; box-shadow:0 0 8px rgba(143,238,250,.7); }
.home-page .trailer-kicker-signal b:nth-child(2) { height:13px; }
.home-page .trailer-kicker-signal b:nth-child(3) { height:6px; }
.home-page .trailer-copy h2 { position:relative; text-shadow:0 10px 27px rgba(0,7,32,.33); }
.home-page .trailer-copy h2::after { content:''; position:absolute; bottom:.03em; left:0; width:min(142px,34%); height:4px; border-radius:999px; background:linear-gradient(90deg,#fff 0 24%,#85edf8 25% 74%,transparent 75%); box-shadow:0 0 18px rgba(133,237,248,.47); }
@media (max-width:780px) {
    .home-page .trailer-copy .trailer-identity { min-height:36px; margin-bottom:13px; }
    .home-page .trailer-copy .trailer-kicker { min-height:34px; gap:8px; padding:3px 10px 3px 3px; font-size:6.7px; letter-spacing:.105em; }
    .home-page .trailer-kicker-reel { width:27px; height:27px; }
    .home-page .trailer-kicker-reel svg { width:16px; height:16px; }
    .home-page .trailer-copy .trailer-kicker::after { left:38px; }
    .home-page .trailer-kicker-signal { gap:2px; margin-left:0; padding-left:7px; }
    .home-page .trailer-kicker-signal b { width:2px; height:6px; }
    .home-page .trailer-kicker-signal b:nth-child(2) { height:10px; }
    .home-page .trailer-kicker-signal b:nth-child(3) { height:5px; }
    .home-page .trailer-copy h2::after { height:3px; }
}
@media (max-width:370px) {
    .home-page .trailer-copy .trailer-kicker { letter-spacing:.075em; }
    .home-page .trailer-kicker-signal { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-copy .trailer-kicker { transition:none; }
}

/* Delivery safeguard v162 · a horizontal off-canvas drawer contributes to the
   document's scroll width on some mobile WebKit versions.  A short vertical
   entrance keeps the menu wholly inside its viewport without changing its
   open/close semantics. */
@media (max-width:1100px) {
    html, body { overflow-x:clip; }
    .main-nav { transform:translateY(-8px); }
    .main-nav.is-open { transform:translateY(0); }
}

/* Homepage typography rhythm v147 · intentional line breaks from hero to partners. */
.home-page :is(
    .hero h1,
    .slogan-heading h2,
    .trailer-copy h2,
    .previous-season-copy h2,
    .regulations-teaser-copy h2,
    .awards-heading h2,
    .teams-heading h2,
    .timeline-heading h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2,
    .contact-inner h2
) {
    min-width:0;
    max-inline-size:100%;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    text-wrap:balance;
}
.home-page .hero h1 > span,
.home-page .hero h1 > em,
.home-page .live-center-head h2 > span,
.home-page .awards-heading h2 > span,
.home-page .timeline-heading h2 > span,
.home-page .timeline-heading h2 > em {
    max-width:100%;
    white-space:normal !important;
    text-wrap:balance;
}
.home-page .timeline-heading h2 > span,
.home-page .timeline-heading h2 > em { width:auto; }

@media (min-width:1181px) {
    .home-page .hero h1 { max-inline-size:11ch; font-size:clamp(72px,5.25vw,96px); line-height:.9; }
    .home-page .slogan-heading h2 { max-inline-size:14ch; font-size:clamp(47px,4.35vw,68px); line-height:.92; }
    .home-page .trailer-copy h2 { max-inline-size:13ch; font-size:clamp(46px,3.85vw,62px); line-height:.99; }
    .home-page .previous-season-copy h2 { max-inline-size:30ch; font-size:clamp(28px,2.55vw,42px); line-height:1.08; }
    .home-page .regulations-teaser-copy h2 { max-inline-size:13ch; }
    .home-page .awards-heading h2 { max-inline-size:14ch; font-size:clamp(56px,5.25vw,88px); line-height:.94; }
    .home-page .teams-heading h2 { max-inline-size:14ch; font-size:clamp(58px,5.5vw,90px); line-height:.93; }
    .home-page .timeline-heading h2 { max-inline-size:17ch; }
    .home-page .matches-section .section-head h2,
    .home-page .live-center-head h2 { max-inline-size:16ch; font-size:clamp(46px,4.25vw,66px); line-height:.96; }
    .home-page .destination-panel h2 { max-inline-size:13ch; font-size:clamp(52px,4.2vw,68px); line-height:.98; }
    .home-page .newsroom-head h2 { max-inline-size:14ch; font-size:clamp(46px,4.45vw,70px); line-height:.98; }
    .home-page .gallery-showcase-copy h2 { max-inline-size:15ch; font-size:clamp(42px,4.05vw,64px); line-height:.96; }
    .home-page .sponsors-heading h2 { max-inline-size:15ch; font-size:clamp(46px,4.2vw,68px); line-height:.97; }
    .home-page .contact-inner h2 { max-inline-size:12ch; font-size:clamp(62px,5.65vw,88px); line-height:.94; }
}

@media (max-width:780px) {
    .home-page .hero h1 { max-inline-size:9.5ch; font-size:clamp(42px,12.3vw,59px); line-height:.92; }
    .home-page .slogan-heading h2 { max-inline-size:12ch; font-size:clamp(34px,10.4vw,48px); line-height:.95; }
    .home-page .trailer-copy h2 { max-inline-size:13ch; font-size:clamp(36px,10.1vw,52px); line-height:1; }
    .home-page .previous-season-copy h2 { max-inline-size:24ch; font-size:clamp(24px,7vw,33px); line-height:1.13; }
    .home-page .awards-heading h2 { max-inline-size:13ch; font-size:clamp(39px,11.4vw,54px); line-height:.98; }
    .home-page .teams-heading h2 { max-inline-size:12ch; font-size:clamp(40px,11.7vw,55px); line-height:.96; }
    .home-page .timeline-heading h2 { max-inline-size:13ch; line-height:.96; }
    .home-page .timeline-heading h2 span { font-size:clamp(37px,10.8vw,48px); }
    .home-page .timeline-heading h2 em { margin-top:8px; font-size:clamp(30px,8.5vw,37px); line-height:1; }
    .home-page .matches-section .section-head h2,
    .home-page .live-center-head h2 { max-inline-size:13ch; font-size:clamp(36px,10.7vw,50px); line-height:.99; }
    .home-page .destination-panel h2 { max-inline-size:12ch; font-size:clamp(40px,12vw,54px); line-height:1; }
    .home-page .newsroom-head h2 { max-inline-size:13ch; font-size:clamp(37px,10.8vw,51px); line-height:1; }
    .home-page .gallery-showcase-copy h2 { max-inline-size:13ch; font-size:clamp(35px,10.2vw,48px); line-height:1; }
    .home-page .sponsors-heading h2 { max-inline-size:13ch; font-size:clamp(37px,10.8vw,51px); line-height:1; }
    .home-page .contact-inner h2 { max-inline-size:11ch; font-size:clamp(44px,12.1vw,59px); line-height:.96; }
}

@media (max-width:390px) {
    .home-page .hero h1 { max-inline-size:8.75ch; font-size:clamp(39px,11.7vw,47px); }
    .home-page .slogan-heading h2 { font-size:clamp(31px,10vw,40px); }
    .home-page .trailer-copy h2 { font-size:clamp(33px,9.8vw,42px); }
    .home-page .previous-season-copy h2 { font-size:clamp(22px,6.7vw,27px); }
    .home-page .awards-heading h2,
    .home-page .teams-heading h2 { font-size:clamp(36px,10.7vw,44px); }
    .home-page .matches-section .section-head h2,
    .home-page .live-center-head h2,
    .home-page .newsroom-head h2,
    .home-page .sponsors-heading h2 { font-size:clamp(33px,10vw,41px); }
    .home-page .gallery-showcase-copy h2 { font-size:clamp(31px,9.6vw,39px); }
    .home-page .contact-inner h2 { font-size:clamp(40px,11.4vw,48px); }
}

/* Hero manifesto v148 · meaning-led icons replace ordinal markers. */
.home-page .hero-manifesto .manifesto-icon {
    --manifesto-icon:#8cf0fb;
    position:relative;
    z-index:1;
    width:65px;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    padding:0 8px 0 5px;
    border:0;
    border-right:1px solid rgba(184,244,250,.2);
    border-radius:0;
    color:var(--manifesto-icon);
    background:transparent;
    box-shadow:none;
}
.home-page .hero-manifesto .manifesto-icon::before {
    content:'';
    position:absolute;
    z-index:-1;
    width:36px;
    height:36px;
    top:0;
    border:1px solid rgba(145,241,251,.53);
    border-radius:50%;
    background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.28),rgba(126,234,251,.1) 43%,rgba(1,35,83,.22) 76%);
    box-shadow:0 0 0 5px rgba(126,234,251,.045),0 0 20px rgba(126,234,251,.14),inset 0 1px rgba(255,255,255,.15);
}
.home-page .hero-manifesto .manifesto-icon::after {
    content:'';
    position:absolute;
    z-index:-2;
    width:8px;
    height:8px;
    left:-20px;
    top:14px;
    border:2px solid #06204c;
    border-radius:50%;
    background:#82eefa;
    box-shadow:0 0 0 5px rgba(130,238,250,.11),0 0 17px rgba(130,238,250,.65);
}
.home-page .hero-manifesto .manifesto-icon svg {
    width:24px;
    height:24px;
    margin-top:6px;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2;
    filter:drop-shadow(0 2px 5px rgba(0,7,28,.28));
}
.home-page .hero-manifesto .manifesto-icon small {
    display:block;
    max-width:56px;
    color:inherit;
    font:900 5.4px/1.22 var(--font-display);
    letter-spacing:.075em;
    text-align:center;
    text-wrap:balance;
}
.home-page .hero-manifesto .manifesto-icon--connection { --manifesto-icon:#d7fbff; }
.home-page .hero-manifesto > p.is-bridge .manifesto-icon::before { border-color:rgba(218,251,255,.6); background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.3),rgba(173,235,253,.11) 43%,rgba(1,35,83,.22) 76%); }

@media (max-width:780px) {
    .home-page .hero-manifesto .manifesto-icon { width:53px; min-height:49px; padding-inline:3px 6px; }
    .home-page .hero-manifesto .manifesto-icon::before { width:31px; height:31px; }
    .home-page .hero-manifesto .manifesto-icon::after { left:-15px; top:12px; }
    .home-page .hero-manifesto .manifesto-icon svg { width:21px; height:21px; margin-top:5px; }
    .home-page .hero-manifesto .manifesto-icon small { max-width:46px; font-size:4.6px; }
}
@media (max-width:440px) {
    .home-page .hero-manifesto .manifesto-icon { width:46px; min-height:45px; padding-right:4px; }
    .home-page .hero-manifesto .manifesto-icon::before { width:28px; height:28px; }
    .home-page .hero-manifesto .manifesto-icon::after { left:-13px; top:11px; width:7px; height:7px; }
    .home-page .hero-manifesto .manifesto-icon svg { width:19px; height:19px; margin-top:4px; }
    .home-page .hero-manifesto .manifesto-icon small { max-width:42px; font-size:4.1px; letter-spacing:.055em; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .hero-manifesto .manifesto-icon svg { filter:none; }
}

/* Homepage title system v149 · high-contrast championship lettering, with intentional wrapping. */
.home-page :is(
    .hero h1,
    .slogan-heading h2,
    .trailer-copy h2,
    .previous-season-copy h2,
    .awards-heading h2,
    .teams-heading h2,
    .timeline-heading h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2
) {
    position:relative;
    isolation:isolate;
    max-inline-size:100%;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    text-wrap:balance;
}

/* Bright titles sit only on the tournament's dark visual surfaces. */
.home-page :is(
    .hero h1 > em,
    .slogan-heading h2 > em,
    .trailer-copy h2,
    .previous-season-copy h2,
    .awards-heading h2 > span,
    .teams-heading h2,
    .timeline-heading h2 > em,
    .matches-section .section-head h2,
    .live-center-head h2 > span
) {
    color:#dffbff;
    background:linear-gradient(116deg,#ffffff 0%,#e4fbff 37%,#8deefa 73%,#69d9f3 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 9px 17px rgba(1,21,57,.38));
}

.home-page .hero h1 > span,
.home-page .slogan-heading h2 > span,
.home-page .timeline-heading h2 > span {
    text-shadow:0 7px 18px rgba(0,18,57,.28);
}

.home-page .hero h1 > em {
    position:relative;
    padding-inline:.015em .07em;
}

.home-page .hero h1 > em::after {
    height:3px;
    background:linear-gradient(90deg,#70eafb 0%,rgba(112,234,251,.16) 75%,transparent 100%);
    box-shadow:0 0 15px rgba(112,234,251,.6);
}

.home-page .slogan-heading h2 > em {
    display:inline-block;
    padding-right:.08em;
    text-shadow:none;
}

/* A small baseline gives editorial hierarchy without forcing an extra text line. */
.home-page :is(
    .trailer-copy h2,
    .previous-season-copy h2,
    .awards-heading h2,
    .teams-heading h2,
    .timeline-heading h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2
)::after {
    content:"";
    display:block;
    width:clamp(48px,5.25vw,82px);
    height:3px;
    margin-top:clamp(10px,1.2vw,17px);
    border-radius:999px;
    background:linear-gradient(90deg,#62e8f7 0%,#2188e7 62%,rgba(33,136,231,0) 100%);
    box-shadow:0 4px 15px rgba(54,208,239,.25);
}

.home-page .timeline-heading h2 > em {
    display:inline-block;
    margin-inline-start:.02em;
}

/* Titles on light surfaces retain a deep-blue fallback and the same visual DNA. */
.home-page :is(
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2
) {
    color:#06366d;
    background:linear-gradient(115deg,#072850 0%,#0a4d97 40%,#087eae 75%,#1551a1 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 4px 8px rgba(7,51,107,.12));
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span > b {
    color:#91f4ff;
    text-shadow:0 0 22px rgba(110,233,249,.26);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong {
    text-shadow:0 8px 17px rgba(0,13,46,.33);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong {
    color:#dffbff;
    text-shadow:0 6px 15px rgba(0,16,52,.3);
}

@media (max-width:780px) {
    .home-page :is(
        .trailer-copy h2,
        .previous-season-copy h2,
        .awards-heading h2,
        .teams-heading h2,
        .timeline-heading h2,
        .matches-section .section-head h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head h2,
        .gallery-showcase-copy h2,
        .sponsors-heading h2
    )::after {
        width:56px;
        height:2px;
        margin-top:11px;
    }

    .home-page .slogan-heading h2 > em,
    .home-page .timeline-heading h2 > em {
        display:block;
        margin-inline-start:0;
    }

    .home-page .previous-season-copy h2 { letter-spacing:-.03em; }
}

@media (max-width:390px) {
    .home-page .previous-season-copy h2 { font-size:clamp(21px,6.5vw,25px); }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong { font-size:clamp(14px,4.5vw,18px); }
}

@media (prefers-reduced-motion:reduce) {
    .home-page :is(
        .hero h1 > em,
        .slogan-heading h2 > em,
        .trailer-copy h2,
        .previous-season-copy h2,
        .awards-heading h2 > span,
        .teams-heading h2,
        .timeline-heading h2 > em,
        .matches-section .section-head h2,
        .live-center-head h2 > span
    ) { filter:none; }
}

/* Team ticker v150 · larger club crests, clear club names and a calm continuous parade. */
.home-page .team-ticker {
    min-height:96px;
    border-top-color:rgba(127,237,250,.34);
    border-bottom-color:rgba(127,237,250,.3);
    background:
        radial-gradient(ellipse at 50% -70%,rgba(67,213,241,.28),transparent 58%),
        repeating-linear-gradient(90deg,rgba(129,239,251,.035) 0 1px,transparent 1px 112px),
        linear-gradient(90deg,#010b20 0%,#05265d 48%,#063c72 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 42px rgba(0,10,33,.28);
}

.home-page .team-ticker::before,
.home-page .team-ticker::after { width:min(12vw,164px); }

.home-page .ticker-track {
    height:96px;
    gap:14px;
    padding-inline:14px;
    animation: ticker 56s linear infinite;
    transform:translate3d(0,0,0);
}

.home-page .ticker-track > a {
    min-height:76px;
    gap:16px;
    padding:0 27px 0 13px;
    border-color:rgba(208,248,255,.22);
    border-radius:4px 23px 4px 4px;
    color:#f4fcff;
    background:
        linear-gradient(112deg,color-mix(in srgb,var(--team-color),transparent 71%),rgba(255,255,255,.075) 58%,rgba(255,255,255,.025)),
        rgba(2,25,59,.48);
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 10px 24px rgba(0,6,26,.23);
    font-size:16px;
    font-weight:900;
    letter-spacing:.052em;
    text-shadow:0 2px 10px rgba(0,8,30,.38);
}

.home-page .ticker-track > a::before {
    width:36%;
    height:205%;
    background:linear-gradient(90deg,transparent,rgba(216,252,255,.2),transparent);
    animation-duration:8.5s;
}

.home-page .ticker-track > a::after {
    right:12px;
    top:11px;
    width:19px;
    height:19px;
    border-color:rgba(143,239,250,.6);
    font-size:9px;
}

.home-page .ticker-team-mark {
    position:relative;
    width:58px;
    height:58px;
    padding:5px;
    border:2px solid rgba(255,255,255,.88);
    background:radial-gradient(circle,#fff 0 46%,#f3fbff 72%,#d7eef6 100%);
    box-shadow:0 0 0 7px color-mix(in srgb,var(--team-color),transparent 82%),0 12px 24px rgba(0,6,25,.34);
}

.home-page .ticker-team-mark::after {
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid color-mix(in srgb,var(--team-color),#c9f8ff 45%);
    border-radius:50%;
    opacity:.64;
    pointer-events:none;
}

.home-page .ticker-team-mark img { filter:drop-shadow(0 4px 4px rgba(0,15,40,.22)); }
.home-page .ticker-team-mark small { font-size:9px; }
.home-page .ticker-track em { line-height:1; }
.home-page .ticker-track b {
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    margin-left:2px;
    color:#92effa;
    animation:none;
}
.home-page .ticker-track b svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; filter:drop-shadow(0 0 7px rgba(121,232,250,.5)); }

@media (hover:hover) {
    .home-page .ticker-track > a:hover {
        transform:translateY(-3px) scale(1.015);
        border-color:color-mix(in srgb,var(--team-color),#e5fbff 52%);
        color:#fff;
        box-shadow:0 14px 28px rgba(0,7,25,.31),0 0 0 2px color-mix(in srgb,var(--team-color),transparent 79%);
    }
    .home-page .ticker-track > a:hover .ticker-team-mark { transform:scale(1.06); }
}

.home-page .ticker-team-mark { transition:transform .22s ease-out,box-shadow .22s ease-out; }
.home-page .ticker-track > a:active { transform:scale(.985); }

@media (max-width:780px) {
    .home-page .team-ticker { min-height:84px; }
    .home-page .ticker-track { height:84px; gap:11px; padding-inline:10px; animation-duration:48s; }
    .home-page .ticker-track > a { min-height:64px; gap:12px; padding:0 21px 0 10px; border-radius:3px 18px 3px 3px; font-size:13px; letter-spacing:.045em; }
    .home-page .ticker-team-mark { width:48px; height:48px; padding:4px; box-shadow:0 0 0 5px color-mix(in srgb,var(--team-color),transparent 82%),0 9px 18px rgba(0,6,25,.3); }
    .home-page .ticker-team-mark::after { inset:-5px; }
    .home-page .ticker-track b { width:17px; height:17px; }
    .home-page .ticker-track > a::after { display:none; }
}

@media (max-width:440px) {
    .home-page .team-ticker { min-height:78px; }
    .home-page .ticker-track { height:78px; gap:9px; padding-inline:8px; animation-duration:43s; }
    .home-page .ticker-track > a { min-height:60px; gap:10px; padding:0 16px 0 8px; font-size:11.5px; }
    .home-page .ticker-team-mark { width:44px; height:44px; }
    .home-page .ticker-track b { width:15px; height:15px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .ticker-track,
    .home-page .ticker-track > a::before { animation:none; }
    .home-page .ticker-track { transform:none; }
}

/* Public card rhythm v151 · one spacing scale for a calmer, more deliberate reading flow. */
:root {
    --public-card-gap:clamp(14px,1.45vw,22px);
    --public-card-gap-tight:clamp(10px,1vw,15px);
}

.home-page :is(
    .trailer-library-grid,
    .award-grid,
    .awards-personal-grid,
    .team-cards,
    .match-list,
    .live-feature-list,
    .news-grid,
    .gallery-grid,
    .sponsor-grid,
    .support-partners-grid,
    .media-partners-grid,
    .contact-channel-grid
),
.team-profile-page :is(.team-kits-grid,.team-roster-grid,.team-profile-leaders),
.awards-page :is(.awards-page-series-grid,.awards-page-personal-grid),
.news-page .newsroom-archive-grid {
    gap:var(--public-card-gap);
}

/* Related cards keep a tighter, visibly connected rhythm without ever touching. */
.home-page :is(.award-grid,.match-list,.live-feature-list,.contact-channel-grid),
.team-profile-page :is(.team-kits-grid,.team-profile-leaders),
.awards-page :is(.awards-page-series-grid,.awards-page-personal-grid) {
    row-gap:var(--public-card-gap-tight);
}

.home-page :is(.team-cards,.news-grid,.gallery-grid,.sponsor-grid,.support-partners-grid,.media-partners-grid),
.team-profile-page :is(.team-kits-grid,.team-roster-grid),
.awards-page :is(.awards-page-series-grid,.awards-page-personal-grid),
.news-page .newsroom-archive-grid {
    position:relative;
}

/* The small stadium-blue edge appears only where cards are direct visual siblings. */
.home-page .team-cards > *,
.home-page .award-grid > *,
.home-page .awards-personal-grid > *,
.home-page .gallery-grid > *,
.home-page .sponsor-grid > *,
.home-page .support-partners-grid > *,
.home-page .media-partners-grid > *,
.team-profile-page .team-kits-grid > *,
.team-profile-page .team-roster-grid > *,
.awards-page .awards-page-series-grid > *,
.awards-page .awards-page-personal-grid > *,
.news-page .newsroom-archive-grid > * {
    scroll-margin-top:118px;
}

@media (max-width:780px) {
    :root { --public-card-gap:12px; --public-card-gap-tight:9px; }

    .home-page :is(
        .trailer-library-grid,
        .award-grid,
        .awards-personal-grid,
        .team-cards,
        .match-list,
        .live-feature-list,
        .news-grid,
        .gallery-grid,
        .sponsor-grid,
        .support-partners-grid,
        .media-partners-grid,
        .contact-channel-grid
    ),
    .team-profile-page :is(.team-kits-grid,.team-roster-grid,.team-profile-leaders),
    .awards-page :is(.awards-page-series-grid,.awards-page-personal-grid),
    .news-page .newsroom-archive-grid { gap:var(--public-card-gap); }
}

/* ========================================================================
   CREATIVE ENHANCEMENTS — v2 Optimization Pass
   ======================================================================== */

/* --- Custom Scrollbar --- */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:rgba(8,39,90,.06); }
::-webkit-scrollbar-thumb { background:linear-gradient(180deg,var(--blue),var(--cyan)); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#0d58ad,#1ab0d4); }
html { scrollbar-color:var(--blue) rgba(8,39,90,.06); scrollbar-width:thin; }

/* --- Enhanced Focus States --- */
*:focus-visible {
    outline:2px solid var(--cyan);
    outline-offset:3px;
    border-radius:2px;
    transition:outline-offset .15s ease;
}
.btn:focus-visible,.nav-cta:focus-visible { outline-offset:5px; }
.team-card:focus-within { outline:2px solid var(--cyan); outline-offset:4px; }

/* --- 3D Team Card Tilt (enhanced via JS data-tilt) --- */
.team-card { transform-style:preserve-3d; perspective:800px; }
.team-card.is-tilting { transition:none!important; }
.team-card .team-card-logo img { transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.team-card:hover .team-card-logo img { transform:scale(1.06) translateZ(25px); }
.team-card-copy { transform:translateZ(10px); }
.team-card:hover { box-shadow:0 30px 60px rgba(1,20,58,.3),0 0 0 1px rgba(120,227,247,.15); }

/* --- Glassmorphism Countdown Bar --- */
.countdown-bar {
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(22px) saturate(1.4);
    -webkit-backdrop-filter:blur(22px) saturate(1.4);
    border:1px solid rgba(255,255,255,.5);
    border-top:4px solid var(--cyan);
    box-shadow:0 22px 55px rgba(4,35,82,.2),inset 0 1px 0 rgba(255,255,255,.8);
}
.countdown-cells strong {
    background:linear-gradient(135deg,var(--ink),var(--blue));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

/* --- Animated Gradient Border for Champion Award --- */
.award-champion {
    position:relative;
    overflow:hidden;
}
.award-champion::before {
    content:'';
    position:absolute;
    inset:-2px;
    z-index:-1;
    background:linear-gradient(135deg,#ffd700,#ff8c00,#ffd700,#fff3b0,#ffd700);
    background-size:300% 300%;
    animation:awardGradientBorder 4s ease-in-out infinite;
    border-radius:inherit;
}
@keyframes awardGradientBorder {
    0%,100% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
}

/* --- Ambient Light Effect for Dark Sections --- */
.trailer-section,
.awards-section,
.contact-band,
.previous-season-film {
    --ambient-x:50%;
    --ambient-y:50%;
}
.trailer-section::after,
.awards-section::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:radial-gradient(600px circle at var(--ambient-x) var(--ambient-y),rgba(120,227,247,.07),transparent 55%);
    pointer-events:none;
    transition:background .3s ease;
}

/* --- Enhanced News Cards --- */
.news-feature {
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;
}
.news-feature:hover {
    transform:translateY(-5px) scale(1.005);
    box-shadow:0 28px 60px rgba(4,35,82,.22);
}
.news-feature:hover img {
    transform:scale(1.06);
    filter:brightness(1.05);
}
.news-item {
    transition:transform .3s ease,box-shadow .3s ease;
}
.news-item:hover {
    transform:translateX(6px);
    box-shadow:-4px 0 0 0 var(--cyan);
}

/* --- Sponsor Card Glow --- */
.tier-kim-cuong .sponsor-card:hover {
    border-color:rgba(255,215,0,.6);
    box-shadow:0 20px 40px rgba(255,215,0,.1),0 0 40px rgba(255,215,0,.08);
}
.tier-vang .sponsor-card:hover {
    border-color:rgba(255,180,0,.5);
    box-shadow:0 20px 40px rgba(255,180,0,.08),0 0 35px rgba(255,180,0,.06);
}
.tier-bac .sponsor-card:hover {
    border-color:rgba(192,192,192,.5);
    box-shadow:0 20px 40px rgba(192,192,192,.1),0 0 35px rgba(192,192,192,.08);
}

/* --- Gallery Enhanced Hover --- */
.gallery-item:hover img {
    transform:scale(1.07);
    filter:brightness(.92) contrast(1.05);
}
.gallery-item:hover .gallery-card-overlay {
    opacity:1;
}
.gallery-card-overlay {
    opacity:0;
    transition:opacity .35s ease;
}

/* --- Hero Parallax Ready --- */
.hero-slides {
    will-change:transform;
    transition:transform .1s linear;
}

/* --- Magnetic CTA Button --- */
.nav-cta {
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease;
}
.nav-cta:hover {
    box-shadow:8px 8px 0 rgba(18,89,213,.2),0 0 30px rgba(24,188,225,.15);
}

/* --- Smooth Countdown Digits Flip --- */
.countdown-cells strong {
    transition:transform .3s cubic-bezier(.2,.8,.2,1);
    display:inline-block;
}
.countdown-cells strong.is-flipping {
    animation:countFlip .4s cubic-bezier(.2,.8,.2,1);
}
@keyframes countFlip {
    0% { transform:translateY(0) scale(1); }
    40% { transform:translateY(-8px) scale(1.15); }
    100% { transform:translateY(0) scale(1); }
}

/* --- Section Reveal Animations --- */
.section[data-section-reveal] {
    opacity:0;
    transform:translateY(35px);
    transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);
}
.section[data-section-reveal].is-section-visible {
    opacity:1;
    transform:none;
}

/* --- Parallax Depth Layer --- */
.hero::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,transparent 60%,rgba(8,39,90,.04));
    pointer-events:none;
}

/* --- Competition Ribbon Shimmer --- */
.competition-ribbon {
    position:relative;
    overflow:hidden;
}
.competition-ribbon::after {
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
    animation:ribbonShimmer 6s ease-in-out infinite;
    pointer-events:none;
}
@keyframes ribbonShimmer {
    0%,100% { left:-100%; }
    50% { left:150%; }
}

/* --- Timeline Route Ball Bounce --- */
.timeline-route-ball span {
    display:inline-block;
    animation:timelineBallBounce 2s ease-in-out infinite;
}
@keyframes timelineBallBounce {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-8px); }
}

/* --- Button Press Effect --- */
.btn:active,.nav-cta:active {
    transform:translateY(0) scale(.97)!important;
    transition-duration:.1s;
}

/* --- Loading Skeleton for Images --- */
.gallery-item img,
.news-feature img,
.news-item img {
    background:linear-gradient(90deg,#edf2f7 25%,#e2e8f0 50%,#edf2f7 75%);
    background-size:200% 100%;
    animation:imgSkeleton 1.5s ease-in-out infinite;
}
.gallery-item img[complete],
.news-feature img[complete],
.news-item img[complete] {
    animation:none;
    background:none;
}
@keyframes imgSkeleton {
    0% { background-position:200% 0; }
    100% { background-position:-200% 0; }
}

/* --- Smooth Page Entrance --- */
.home-page main {
    animation:pageEntrance .6s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes pageEntrance {
    from { opacity:0; }
    to { opacity:1; }
}

/* ========================================================================
   MOBILE BOTTOM NAVIGATION BAR
   ======================================================================== */
.mobile-bottom-nav {
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:80;
    height:60px;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-top:1px solid rgba(8,39,90,.12);
    box-shadow:0 -6px 24px rgba(4,35,82,.08);
    padding:0 6px;
    padding-bottom:env(safe-area-inset-bottom,0);
}
.mobile-bottom-nav nav {
    height:100%;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
}
.mobile-bottom-nav a {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:4px 2px;
    color:#64748b;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
    text-decoration:none;
    transition:color .2s ease;
    -webkit-tap-highlight-color:transparent;
}
.mobile-bottom-nav a svg {
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .22s cubic-bezier(.16,1,.3,1), stroke .2s ease;
}
.mobile-bottom-nav a.is-active,
.mobile-bottom-nav a:active {
    color:var(--blue);
}
.mobile-bottom-nav a.is-active svg {
    stroke:var(--blue);
    transform:translateY(-1.5px) scale(1.08);
    filter:drop-shadow(0 2px 8px rgba(25,118,243,.32));
}

@media (max-width:780px) {
    .mobile-bottom-nav { display:block; }
    body.home-page { padding-bottom:0 !important; }
    .site-footer { margin-bottom:0 !important; }

    /* Better touch targets */
    .main-nav a { min-height:44px; min-width:44px; display:flex; align-items:center; }
    .gallery-filter button { min-height:48px; }
    .news-filter button { min-height:44px; }
    .match-date-tabs button { min-height:44px; }
    .group-switch button { min-height:44px; }

    /* Hero mobile optimization */
    .hero { min-height:auto; }
    .hero-content { padding-top:160px; padding-bottom:140px; grid-template-columns:1fr; gap:30px; }
    .hero-grid { opacity:.04; }
    .hero-event-board { display:none; }
}

/* ==========================================================================
   CREATIVE & ULTRA-MODERN STYLING ENHANCEMENTS
   ========================================================================== */

/* --- Interactive Tournament Series Bracket Visualizer & Stadium FX --- */
.tournament-bracket-section {
    position: relative;
    padding: 100px 0 120px;
    background: radial-gradient(ellipse 90% 60% at 50% 0%, #062354 0%, #031433 50%, #010a1c 100%);
    color: #fff;
    overflow: hidden;
}

/* Tactical Football Pitch & Stadium Lighting Background */
.bracket-pitch-canvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}
.bracket-floodlight {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.22;
}
.bracket-floodlight.top-left {
    top: -200px;
    left: -100px;
    background: radial-gradient(circle, #00f2fe 0%, #1976f3 50%, transparent 70%);
    animation: floodlightPulse 6s ease-in-out infinite alternate;
}
.bracket-floodlight.top-right {
    top: -200px;
    right: -100px;
    background: radial-gradient(circle, #ffd700 0%, #ff8c00 45%, transparent 70%);
    animation: floodlightPulse 7s ease-in-out infinite alternate-reverse;
}
@keyframes floodlightPulse {
    0% { transform: scale(0.9) translate(0, 0); opacity: 0.18; }
    100% { transform: scale(1.15) translate(20px, 20px); opacity: 0.28; }
}

.bracket-pitch-lines {
    position: absolute;
    inset: 0;
    opacity: 0.065;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size: 60px 60px;
}
.pitch-center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 380px;
    height: 380px;
    transform: translate(-50%, -50%);
    border: 2px dashed rgba(0, 242, 254, 0.4);
    border-radius: 50%;
    box-shadow: 0 0 40px rgba(0, 242, 254, 0.1);
}
.pitch-center-circle::before {
    content: '';
    position: absolute;
    inset: -20px;
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 50%;
    animation: radarSpin 20s linear infinite;
}
@keyframes radarSpin {
    to { transform: rotate(360deg); }
}
.pitch-center-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    background: #00f2fe;
    border-radius: 50%;
    box-shadow: 0 0 14px #00f2fe;
}
.pitch-half-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 80%, transparent);
}
.pitch-penalty-left {
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 0;
    width: 140px;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-left: none;
    border-radius: 0 24px 24px 0;
}
.pitch-penalty-right {
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 0;
    width: 140px;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-right: none;
    border-radius: 24px 0 0 24px;
}

/* Floating Football Energy Particles */
.bracket-particles .particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #00f2fe;
    box-shadow: 0 0 8px #00f2fe;
    animation: particleDrift 10s infinite ease-in-out;
}
.bracket-particles .p1 { top: 15%; left: 20%; animation-duration: 9s; }
.bracket-particles .p2 { top: 75%; left: 15%; animation-duration: 12s; background: #ffd700; box-shadow: 0 0 8px #ffd700; }
.bracket-particles .p3 { top: 30%; left: 80%; animation-duration: 8s; }
.bracket-particles .p4 { top: 85%; left: 75%; animation-duration: 11s; background: #ffd700; box-shadow: 0 0 8px #ffd700; }
.bracket-particles .p5 { top: 45%; left: 45%; animation-duration: 14s; }
.bracket-particles .p6 { top: 60%; left: 60%; animation-duration: 10s; background: #c084fc; box-shadow: 0 0 8px #c084fc; }

@keyframes particleDrift {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
    50% { transform: translateY(-28px) scale(1.6); opacity: 0.8; }
}

.bracket-container {
    position: relative;
    z-index: 2;
}

/* Header & Official Badge */
.bracket-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: rgba(0, 242, 254, 0.1);
    border: 1px solid rgba(0, 242, 254, 0.3);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #00f2fe;
    margin-bottom: 12px;
    backdrop-filter: blur(8px);
}
.badge-ball {
    font-size: 12px;
    animation: ballBounce 2s infinite ease-in-out;
}
@keyframes ballBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px) rotate(45deg); }
}
.badge-pulse {
    width: 6px;
    height: 6px;
    background: #00f2fe;
    border-radius: 50%;
    box-shadow: 0 0 8px #00f2fe;
    animation: badgePing 1.8s infinite;
}
@keyframes badgePing {
    0% { transform: scale(0.9); opacity: 0.6; }
    50% { transform: scale(1.4); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.6; }
}

.bracket-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}
.bracket-head-copy h2 {
    margin: 0;
    font: 900 clamp(36px, 4.2vw, 56px)/1.08 var(--font-display);
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #ffffff 40%, #00f2fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bracket-head-copy p {
    margin: 12px 0 0;
    max-width: 620px;
    color: #b5cde8;
    font-size: 14px;
    line-height: 1.7;
}

/* Nav Tabs */
.bracket-series-nav {
    display: inline-flex;
    padding: 6px;
    background: rgba(10, 26, 56, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    gap: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
}
.bracket-series-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border: none;
    background: transparent;
    color: #cfe2fe;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.bracket-series-tab .tab-icon {
    font-size: 13px;
    line-height: 1;
}
.bracket-series-tab:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}
.bracket-series-tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, #1976f3 0%, #00f2fe 100%);
    box-shadow: 0 4px 20px rgba(0, 242, 254, 0.45);
}
.bracket-series-tab.is-serie-a-tab.is-active {
    background: linear-gradient(135deg, #f59e0b 0%, #ffd700 100%);
    color: #0b192c;
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.45);
}
.bracket-series-tab.is-serie-b-tab.is-active {
    background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
    color: #fff;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.45);
}

/* Stage Progression Stepper */
.bracket-stepper {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    margin-bottom: 30px;
    background: rgba(8, 24, 52, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}
.stepper-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.stepper-bubble {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    transition: transform 0.25s, box-shadow 0.25s;
}
.stepper-bubble .step-num {
    font-size: 8px;
    font-weight: 900;
    color: #9cbcdb;
    line-height: 1;
}
.stepper-bubble .step-icon {
    font-size: 14px;
    line-height: 1;
    margin-top: 1px;
}
.stepper-bubble.is-gold {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(255, 140, 0, 0.2));
    border-color: rgba(255, 215, 0, 0.5);
    box-shadow: 0 0 14px rgba(255, 215, 0, 0.3);
}
.stepper-bubble.is-gold .step-num {
    color: #ffd700;
}
.stepper-info strong {
    display: block;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
}
.stepper-info small {
    display: block;
    font-size: 10px;
    color: #90afcf;
}
.stepper-line {
    height: 2px;
    background: rgba(255, 255, 255, 0.15);
    position: relative;
    border-radius: 2px;
    min-width: 28px;
}
.stepper-line.is-gold {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 215, 0, 0.6));
}
.stepper-flow-bullet {
    position: absolute;
    top: -3px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00f2fe;
    box-shadow: 0 0 10px #00f2fe;
    animation: flowAcross 2.5s infinite linear;
}
.stepper-flow-bullet.is-gold {
    background: #ffd700;
    box-shadow: 0 0 10px #ffd700;
}
@keyframes flowAcross {
    0% { left: 0%; opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

/* Mobile Scroll Hint */
.bracket-mobile-scroll-hint {
    display: none;
    text-align: center;
    padding: 8px;
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 700;
    color: #00f2fe;
    background: rgba(0, 242, 254, 0.08);
    border: 1px dashed rgba(0, 242, 254, 0.3);
    border-radius: 8px;
}

/* Bracket Tree Grid Structure */
.bracket-tree-wrapper {
    position: relative;
    z-index: 2;
    overflow-x: auto;
    padding: 10px 4px 30px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 242, 254, 0.4) transparent;
}
.bracket-tree-wrapper::-webkit-scrollbar {
    height: 8px;
}
.bracket-tree-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #1976f3, #00f2fe);
    border-radius: 999px;
}
.bracket-tree-wrapper::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
}
.bracket-tree {
    display: grid;
    grid-template-columns: 1.15fr 1.15fr 1fr 1.25fr;
    align-items: stretch;
    gap: clamp(20px, 2.5vw, 36px);
    min-width: 1160px;
    transition: opacity 0.3s ease;
}
.bracket-tree-filtered {
    grid-template-columns: 1.15fr 1fr 1.25fr;
    min-width: 900px;
}

/* Stage Columns */
.bracket-stage-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bracket-stage-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #cfe2fe;
    backdrop-filter: blur(8px);
}
.stage-badge {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: #1976f3;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 900;
}
.stage-badge.is-gold {
    background: #ffd700;
    color: #000;
}
.stage-badge.is-silver {
    background: #06b6d4;
    color: #fff;
}
.stage-badge.is-bronze {
    background: #cd7f32;
    color: #fff;
}
.stage-label {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.stage-tag {
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #8fe9fb;
}
.stage-tag.is-gold {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
}
.stage-tag.is-bronze {
    background: rgba(205, 127, 50, 0.25);
    color: #e09f67;
}

/* Match Cards - Ultra Modern Glassmorphism */
.bracket-match-card {
    position: relative;
    background: rgba(10, 26, 56, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(14px);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s, box-shadow 0.3s;
}
.bracket-match-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
    opacity: 0.8;
}
.bracket-match-card:hover {
    transform: translateY(-4px) scale(1.015);
    border-color: rgba(0, 242, 254, 0.6);
    box-shadow: 0 18px 45px rgba(2, 20, 50, 0.5), 0 0 25px rgba(0, 242, 254, 0.25);
}

/* Card Header */
.bracket-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #9cbcdb;
    text-transform: uppercase;
}
.card-match-no {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
}
.match-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00f2fe;
    box-shadow: 0 0 6px #00f2fe;
}
.card-venue-time {
    color: #8bb1d8;
}

/* Card Teams List */
.bracket-card-teams {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.bracket-team-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.2s, border-color 0.2s;
}
.bracket-team-item:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 255, 255, 0.15);
}
.bracket-team-info {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.bracket-team-crest {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--team-color, #1976f3);
    display: grid;
    place-items: center;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    flex-shrink: 0;
}
.bracket-team-crest span {
    font-size: 9px;
    font-weight: 900;
    color: #fff;
}
.bracket-team-crest.is-gold-crest {
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.bracket-team-crest.is-gold-crest span {
    color: #000;
}
.bracket-team-crest.is-silver-crest {
    background: linear-gradient(135deg, #06b6d4, #7c3aed);
    box-shadow: 0 0 10px rgba(6, 182, 212, 0.5);
}
.bracket-team-crest.is-bronze-crest {
    background: #cd7f32;
    box-shadow: 0 0 8px rgba(205, 127, 50, 0.4);
}
.bracket-team-crest.is-gold-crown {
    background: linear-gradient(135deg, #ffd700, #b45309);
    border: 2px solid #fff;
    box-shadow: 0 0 14px rgba(255, 215, 0, 0.7);
}
.bracket-team-crest.is-gold-crown span {
    color: #000;
}
.bracket-team-crest.is-silver-crown {
    background: linear-gradient(135deg, #e2e8f0, #06b6d4);
    border: 2px solid #fff;
    box-shadow: 0 0 14px rgba(6, 182, 212, 0.7);
}
.bracket-team-crest.is-silver-crown span {
    color: #0b192c;
}

.bracket-team-name {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bracket-team-tag {
    font-size: 8px;
    font-weight: 800;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #8fe9fb;
    white-space: nowrap;
    flex-shrink: 0;
}
.bracket-team-tag.is-gold {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
}
.bracket-team-tag.is-silver {
    background: rgba(6, 182, 212, 0.2);
    color: #67e8f9;
}

.bracket-vs-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -3px 0;
}
.bracket-vs-divider span {
    font-size: 8px;
    font-weight: 900;
    padding: 1px 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.4);
    color: #6b8fae;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.bracket-vs-divider.is-gold-vs span {
    color: #ffd700;
    border-color: rgba(255, 215, 0, 0.3);
}
.bracket-vs-divider.is-silver-vs span {
    color: #67e8f9;
    border-color: rgba(6, 182, 212, 0.3);
}

/* Card Pathway Footer */
.bracket-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.24);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.bracket-path-pill {
    font-size: 8px;
    font-weight: 800;
    padding: 3px 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
.bracket-path-pill.is-win {
    color: #ffd700;
    background: rgba(255, 215, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.25);
}
.bracket-path-pill.is-win:hover {
    background: rgba(255, 215, 0, 0.25);
    box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
    transform: translateY(-1px);
}
.bracket-path-pill.is-loss {
    color: #67e8f9;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.25);
}
.bracket-path-pill.is-loss:hover {
    background: rgba(6, 182, 212, 0.25);
    box-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
    transform: translateY(-1px);
}
.bracket-path-pill.is-silver-win {
    color: #67e8f9;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.25);
}
.bracket-path-pill.is-bronze {
    color: #e09f67;
    background: rgba(205, 127, 50, 0.12);
    border: 1px solid rgba(205, 127, 50, 0.3);
}

.bracket-card-footer.is-medal-footer {
    justify-content: center;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.bracket-card-footer.is-medal-footer .is-win {
    color: #ffd700;
}
.bracket-card-footer.is-medal-footer .is-loss {
    color: #67e8f9;
}

/* Serie A Special Styling */
.bracket-match-card.is-serie-a {
    border-color: rgba(255, 215, 0, 0.3);
    background: linear-gradient(160deg, rgba(255, 215, 0, 0.08), rgba(10, 26, 56, 0.85));
}
.bracket-match-card.is-serie-a:hover {
    border-color: rgba(255, 215, 0, 0.7);
    box-shadow: 0 16px 45px rgba(255, 215, 0, 0.2), 0 0 20px rgba(255, 215, 0, 0.15);
}
.bracket-card-head.is-serie-a {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.2), rgba(0, 0, 0, 0.4));
    color: #ffd700;
}

/* Serie B Special Styling */
.bracket-match-card.is-serie-b {
    border-color: rgba(6, 182, 212, 0.35);
    background: linear-gradient(160deg, rgba(6, 182, 212, 0.08), rgba(10, 26, 56, 0.85));
}
.bracket-match-card.is-serie-b:hover {
    border-color: rgba(6, 182, 212, 0.7);
    box-shadow: 0 16px 45px rgba(6, 182, 212, 0.25), 0 0 20px rgba(6, 182, 212, 0.15);
}
.bracket-card-head.is-serie-b {
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.2), rgba(0, 0, 0, 0.4));
    color: #67e8f9;
}

/* 3rd Place Match Special Styling */
.bracket-match-card.is-third-card {
    border-color: rgba(205, 127, 50, 0.3);
    background: linear-gradient(160deg, rgba(205, 127, 50, 0.08), rgba(10, 26, 56, 0.85));
}
.bracket-card-head.is-bronze-head {
    color: #e09f67;
    background: rgba(205, 127, 50, 0.15);
}

/* Grand Finals Champions Cards */
.bracket-match-card.is-finals {
    border-width: 1.5px;
}
.bracket-match-card.is-grand-gold {
    border-color: rgba(255, 215, 0, 0.6);
    background: linear-gradient(160deg, rgba(255, 215, 0, 0.15) 0%, rgba(15, 30, 60, 0.95) 70%);
    box-shadow: 0 16px 50px rgba(255, 215, 0, 0.25), 0 0 30px rgba(255, 215, 0, 0.15);
}
.bracket-match-card.is-grand-gold:hover {
    border-color: #ffd700;
    box-shadow: 0 20px 60px rgba(255, 215, 0, 0.4), 0 0 35px rgba(255, 215, 0, 0.3);
}
.bracket-card-head.is-finals-head-gold {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.35), rgba(0, 0, 0, 0.4));
    color: #ffd700;
}

.bracket-match-card.is-grand-silver {
    border-color: rgba(6, 182, 212, 0.6);
    background: linear-gradient(160deg, rgba(6, 182, 212, 0.15) 0%, rgba(15, 30, 60, 0.95) 70%);
    box-shadow: 0 16px 50px rgba(6, 182, 212, 0.25), 0 0 30px rgba(6, 182, 212, 0.15);
}
.bracket-match-card.is-grand-silver:hover {
    border-color: #67e8f9;
    box-shadow: 0 20px 60px rgba(6, 182, 212, 0.4), 0 0 35px rgba(6, 182, 212, 0.3);
}
.bracket-card-head.is-finals-head-silver {
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.35), rgba(0, 0, 0, 0.4));
    color: #67e8f9;
}

/* Trophy Banners */
.bracket-trophy-banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    overflow: hidden;
}
.bracket-trophy-banner.is-gold-banner {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(255, 140, 0, 0.18));
    border-top: 1px solid rgba(255, 215, 0, 0.4);
}
.bracket-trophy-banner.is-silver-banner {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.25), rgba(124, 58, 237, 0.18));
    border-top: 1px solid rgba(6, 182, 212, 0.4);
}

.bracket-trophy-sheen {
    position: absolute;
    top: -50%;
    left: -60%;
    width: 200%;
    height: 200%;
    background: linear-gradient(60deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);
    animation: bannerSheen 4s infinite linear;
    pointer-events: none;
}
@keyframes bannerSheen {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.bracket-trophy-icon {
    font-size: 32px;
    line-height: 1;
    filter: drop-shadow(0 4px 10px rgba(255, 215, 0, 0.6));
    animation: trophyFloat 3s infinite ease-in-out;
}
.bracket-trophy-banner.is-silver-banner .bracket-trophy-icon {
    filter: drop-shadow(0 4px 10px rgba(6, 182, 212, 0.6));
}
@keyframes trophyFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-4px) rotate(4deg); }
}
.bracket-trophy-text small {
    display: block;
    color: #ffd700;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.bracket-trophy-banner.is-silver-banner .bracket-trophy-text small {
    color: #67e8f9;
}
.bracket-trophy-text strong {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -0.01em;
}

/* Interactive Pathway Highlights */
.bracket-match-card.is-path-source {
    border-color: #00f2fe !important;
    box-shadow: 0 0 25px rgba(0, 242, 254, 0.5) !important;
    transform: translateY(-4px) scale(1.02);
}
.bracket-match-card.is-path-target-win {
    border-color: #ffd700 !important;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.6) !important;
    animation: targetPulseGold 1.2s infinite alternate;
}
.bracket-match-card.is-path-target-loss {
    border-color: #06b6d4 !important;
    box-shadow: 0 0 30px rgba(6, 182, 212, 0.6) !important;
    animation: targetPulseCyan 1.2s infinite alternate;
}
.bracket-match-card.is-path-target-bronze {
    border-color: #cd7f32 !important;
    box-shadow: 0 0 25px rgba(205, 127, 50, 0.6) !important;
    animation: targetPulseBronze 1.2s infinite alternate;
}

@keyframes targetPulseGold {
    0% { transform: translateY(-2px) scale(1.01); box-shadow: 0 0 15px rgba(255, 215, 0, 0.4); }
    100% { transform: translateY(-4px) scale(1.03); box-shadow: 0 0 35px rgba(255, 215, 0, 0.8); }
}
@keyframes targetPulseCyan {
    0% { transform: translateY(-2px) scale(1.01); box-shadow: 0 0 15px rgba(6, 182, 212, 0.4); }
    100% { transform: translateY(-4px) scale(1.03); box-shadow: 0 0 35px rgba(6, 182, 212, 0.8); }
}
@keyframes targetPulseBronze {
    0% { transform: translateY(-2px) scale(1.01); box-shadow: 0 0 15px rgba(205, 127, 50, 0.4); }
    100% { transform: translateY(-4px) scale(1.03); box-shadow: 0 0 30px rgba(205, 127, 50, 0.8); }
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .bracket-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .bracket-stepper {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .stepper-line {
        display: none;
    }
    .bracket-mobile-scroll-hint {
        display: block;
    }
}

@media (max-width: 640px) {
    .tournament-bracket-section {
        padding: 70px 0 90px;
    }
    .bracket-series-nav {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 16px;
    }
    .bracket-series-tab {
        justify-content: center;
    }
    .bracket-stepper {
        grid-template-columns: 1fr;
        padding: 14px 16px;
    }
}



/* --- Golden Champion Trophy Shimmer & Particle Sparks --- */
.award-champion {
    position: relative;
    overflow: hidden;
}
.award-champion::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255, 215, 0, 0.15) 60deg, transparent 120deg);
    animation: goldenRotate 8s linear infinite;
    pointer-events: none;
}
@keyframes goldenRotate {
    to { transform: rotate(360deg); }
}

/* --- Destination Postcard Enhancements --- */
.destination-postcard-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-bottom: 18px;
}
.destination-postcard-badge i {
    color: #ffd700;
    font-style: normal;
}

/* ==========================================================================
   VIETNAMESE TYPOGRAPHY & DIACRITIC PROTECTION SYSTEM
   Ensures uppercase headings, stacked diacritics (Ấ, Ầ, Ổ, Ỗ, Ể, Ứ, Đ, etc.),
   and gradient texts render 100% complete without clipping or lost marks.
   ========================================================================== */

/* 1. Global Font Family & Rendering Normalization */
html, body, :root {
    --font-display: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

body, h1, h2, h3, h4, h5, h6,
.hero h1, .slogan-heading h2, .section-head h2,
.bracket-head-copy h2, .timeline-heading h2, .awards-heading h2,
.teams-heading h2, .destination-panel h2, .newsroom-head h2,
.gallery-showcase-copy h2, .sponsors-heading h2, .contact-inner h2,
.draw-pending-copy h3, .regulations-hero-copy h1, .team-profile-heading h1 {
    font-family: var(--font-display) !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-feature-settings: "cv01" on, "cv02" on, "ss01" on, "kern" on, "liga" on !important;
}

/* 2. Headings Line-Height, Letter-Spacing & Vertical Clearance Protection */
:is(
    .hero h1,
    .home-page .hero h1,
    .slogan-heading h2,
    .home-page .slogan-heading h2,
    .bracket-head-copy h2,
    .section-head h2,
    .home-page .section-head h2,
    .timeline-heading h2,
    .awards-heading h2,
    .teams-heading h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2,
    .contact-inner h2,
    .draw-pending-copy h3,
    .trailer-copy h2,
    .previous-season-copy h2,
    .regulations-hero-copy h1,
    .team-profile-heading h1,
    .archive-hero h1,
    .rulebook-closing h2
) {
    line-height: 1.22 !important;
    letter-spacing: -0.012em !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    margin-top: -0.04em !important;
    overflow: visible !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 3. Hero Heading Specifics (NƠI ĐAM MÊ BÙNG NỔ / CHẠM SÓNG) */
.hero h1,
.home-page .hero h1 {
    line-height: 1.2 !important;
    letter-spacing: -0.015em !important;
    padding-top: 0.14em !important;
    padding-bottom: 0.08em !important;
    overflow: visible !important;
}

.hero h1 > span,
.home-page .hero h1 > span {
    display: inline-block;
    color: #ffffff;
    line-height: 1.2 !important;
    padding-top: 0.1em;
    padding-bottom: 0.04em;
    letter-spacing: -0.012em;
    text-shadow: 0 8px 30px rgba(0, 18, 57, 0.45);
    overflow: visible !important;
}

.hero h1 > em,
.home-page .hero h1 > em {
    display: inline-block;
    line-height: 1.2 !important;
    padding-top: 0.14em !important;
    padding-bottom: 0.08em !important;
    margin-top: 0.04em !important;
    letter-spacing: -0.012em;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    overflow: visible !important;
}

/* 4. Slogan Heading Specifics (TINH THẦN GIẢI ĐẤU) */
.slogan-heading h2,
.home-page .slogan-heading h2 {
    line-height: 1.22 !important;
    letter-spacing: -0.012em !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    overflow: visible !important;
}

.slogan-heading h2 > span,
.home-page .slogan-heading h2 > span {
    display: inline-block;
    color: #ffffff;
    line-height: 1.22 !important;
    padding-top: 0.1em;
    padding-bottom: 0.04em;
    letter-spacing: -0.012em;
    overflow: visible !important;
}

.slogan-heading h2 > em,
.home-page .slogan-heading h2 > em {
    display: inline-block;
    line-height: 1.22 !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    letter-spacing: -0.012em;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    overflow: visible !important;
}

/* 5. Bracket Title Specifics (SƠ ĐỒ PHÂN NHÁNH SERIE A & B) */
.bracket-head-copy h2 {
    line-height: 1.24 !important;
    letter-spacing: -0.012em !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    overflow: visible !important;
}

/* 6. Universal Gradient-Text Diacritic Clipping Protection */
:is(
    .hero h1 > em,
    .slogan-heading h2 > em,
    .bracket-head-copy h2,
    .trailer-copy h2,
    .previous-season-copy h2,
    .awards-heading h2 > span,
    .awards-heading h2 > em,
    .teams-heading h2,
    .timeline-heading h2 > em,
    .matches-section .section-head h2,
    .live-center-head h2 > span,
    .draw-pending-copy h3,
    .destination-panel h2,
    .newsroom-head h2,
    .rulebook-closing h2 > em,
    .team-profile-heading h1
) {
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.08em !important;
    margin-top: -0.06em;
    margin-bottom: -0.02em;
    overflow: visible !important;
}

/* 7. Heading Wrappers & Containers Clearance */
.hero-copy,
.slogan-heading,
.section-head,
.bracket-head-copy,
.timeline-heading,
.awards-heading,
.teams-heading,
.destination-panel,
.newsroom-head,
.gallery-showcase-copy,
.sponsors-heading,
.contact-inner,
.draw-pending-copy {
    overflow: visible !important;
}

/* 8. Mobile & Tablet Heading Breathing Room */
@media (max-width: 900px) {
    :is(
        .hero h1,
        .home-page .hero h1,
        .slogan-heading h2,
        .home-page .slogan-heading h2,
        .section-head h2,
        .home-page .section-head h2,
        .bracket-head-copy h2
    ) {
        line-height: 1.24 !important;
        letter-spacing: -0.01em !important;
        padding-top: 0.14em !important;
        padding-bottom: 0.08em !important;
    }
}

/* Tournament roadmap v153 · clear tournament control-room hierarchy.
   One visual language for the four stages; Serie A/B and bronze routes use
   colour, labels and distinct line motifs so the bracket stays legible. */
.tournament-bracket-section {
    --bracket-ink:#06152f;
    --bracket-surface:rgba(9,31,67,.78);
    --bracket-line:rgba(185,233,249,.17);
    --bracket-cyan:#82edf9;
    --bracket-gold:#ffd36b;
    --bracket-silver:#9be9f4;
    --bracket-bronze:#efa66d;
    isolation:isolate;
    padding-block:clamp(76px,8vw,128px);
    background:
        radial-gradient(circle at 13% 11%,rgba(31,197,240,.17),transparent 26%),
        radial-gradient(circle at 87% 7%,rgba(255,187,70,.12),transparent 23%),
        linear-gradient(145deg,#020d23 0%,#07275b 48%,#03122e 100%);
}
.tournament-bracket-section::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    opacity:.38;
    background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(138,239,250,.035) 80px 81px);
}
.bracket-floodlight,
.bracket-particles .particle,
.pitch-center-circle::before,
.badge-ball,
.badge-pulse,
.stepper-flow-bullet,
.bracket-trophy-sheen,
.bracket-trophy-icon {
    animation:none !important;
}
.bracket-pitch-canvas { opacity:.8; }
.bracket-floodlight { filter:blur(118px); opacity:.14; }
.bracket-pitch-lines { opacity:.052; background-size:72px 72px; }
.pitch-center-circle { width:min(31vw,420px); height:min(31vw,420px); opacity:.62; }
.bracket-particles .particle { opacity:.55; }

.bracket-badge-pill { display:none; }
.bracket-head {
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);
    align-items:end;
    gap:clamp(26px,4vw,72px);
    margin-bottom:clamp(26px,3.5vw,46px);
}
.bracket-head-copy .kicker {
    display:flex;
    align-items:center;
    gap:10px;
    width:max-content;
    max-width:100%;
    margin:0 0 14px;
    padding:7px 12px 7px 9px;
    border:1px solid rgba(130,237,249,.38);
    border-radius:999px;
    color:#a9f4fc;
    background:rgba(26,158,192,.09);
    box-shadow:inset 0 1px rgba(255,255,255,.1);
    font-size:10px;
    letter-spacing:.16em;
}
.bracket-head-copy .kicker::before {
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--bracket-cyan);
    box-shadow:0 0 0 5px rgba(130,237,249,.1),0 0 15px rgba(130,237,249,.72);
}
.bracket-head-copy h2 {
    max-width:15ch;
    color:#fff;
    background:none;
    -webkit-text-fill-color:currentColor;
    font-size:clamp(38px,4.45vw,68px);
    line-height:1.12 !important;
    letter-spacing:-.052em !important;
    text-wrap:balance;
}
.bracket-head-copy h2 > span {
    display:inline;
    color:#fff;
    text-shadow:0 15px 34px rgba(0,5,20,.38);
}
.bracket-head-copy p {
    max-width:66ch;
    margin-top:19px;
    color:#d1e5f3;
    font-size:15px;
    line-height:1.76;
}

.bracket-series-nav {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    padding:7px;
    border:1px solid rgba(169,238,250,.25);
    border-radius:20px;
    background:rgba(4,18,45,.75);
    box-shadow:0 16px 36px rgba(0,6,28,.26),inset 0 1px rgba(255,255,255,.1);
    backdrop-filter:blur(14px);
}
.bracket-series-tab {
    justify-content:center;
    min-height:54px;
    padding:9px 10px;
    border:1px solid transparent;
    border-radius:14px;
    color:#d6e9f7;
    font-size:10px;
    line-height:1.28;
    letter-spacing:.07em;
    text-align:center;
    transition:transform 220ms cubic-bezier(.16,1,.3,1),background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease;
}
.bracket-series-tab:hover,
.bracket-series-tab:focus-visible {
    color:#fff;
    border-color:rgba(185,243,251,.38);
    background:rgba(119,228,247,.11);
    outline:none;
    transform:translateY(-2px);
}
.bracket-series-tab:focus-visible { box-shadow:0 0 0 3px rgba(130,237,249,.34); }
.bracket-series-tab.is-active {
    border-color:rgba(130,237,249,.76);
    background:linear-gradient(135deg,rgba(19,120,222,.9),rgba(30,197,221,.82));
    box-shadow:0 9px 20px rgba(4,164,213,.22),inset 0 1px rgba(255,255,255,.24);
}
.bracket-series-tab.is-serie-a-tab.is-active {
    border-color:rgba(255,220,122,.86);
    background:linear-gradient(135deg,#bc7816,#ffd36b);
    color:#1e1806;
    box-shadow:0 9px 20px rgba(255,183,54,.22),inset 0 1px rgba(255,255,255,.42);
}
.bracket-series-tab.is-serie-b-tab.is-active {
    border-color:rgba(139,239,250,.8);
    background:linear-gradient(135deg,#0878a6,#7addec);
    color:#052440;
    box-shadow:0 9px 20px rgba(65,196,220,.2),inset 0 1px rgba(255,255,255,.38);
}

/* CSS-drawn vector-like symbols keep the badge, tabs and stage cues crisp. */
.badge-ball,.bracket-series-tab .tab-icon,.stepper-bubble .step-icon {
    position:relative;
    display:inline-grid;
    place-items:center;
    width:18px;
    height:18px;
    flex:0 0 18px;
    font-size:0;
    color:currentColor;
}
.badge-ball { width:16px; height:16px; border:1.5px solid currentColor; border-radius:50%; }
.badge-ball::before { content:''; width:5px; height:5px; border:1.5px solid currentColor; border-radius:2px; transform:rotate(45deg); }
.badge-ball::after { content:''; position:absolute; width:12px; height:1px; background:currentColor; transform:rotate(-36deg); opacity:.55; }
.bracket-series-tab .tab-icon::before,
.stepper-bubble .step-icon::before {
    content:'';
    position:absolute;
    box-sizing:border-box;
    border:1.5px solid currentColor;
}
.bracket-series-tab[data-bracket-tab="all"] .tab-icon::before { width:14px; height:14px; border-radius:50%; box-shadow:inset 0 0 0 3px transparent; }
.bracket-series-tab[data-bracket-tab="all"] .tab-icon::after { content:''; position:absolute; width:7px; height:7px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }
.bracket-series-tab.is-serie-a-tab .tab-icon::before,
.stepper-item.is-step-4 .step-icon::before { width:12px; height:9px; border-radius:1px 1px 5px 5px; border-top:0; transform:translateY(-2px); }
.bracket-series-tab.is-serie-a-tab .tab-icon::after,
.stepper-item.is-step-4 .step-icon::after { content:''; position:absolute; bottom:2px; width:10px; height:4px; border-top:1.5px solid currentColor; border-bottom:1.5px solid currentColor; }
.bracket-series-tab.is-serie-b-tab .tab-icon::before,
.stepper-item.is-step-3 .step-icon::before { width:12px; height:12px; border-radius:50%; }
.bracket-series-tab.is-serie-b-tab .tab-icon::after,
.stepper-item.is-step-3 .step-icon::after { content:''; position:absolute; top:0; width:9px; height:7px; border-inline:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.stepper-item.is-step-1 .step-icon::before { width:13px; height:13px; border-radius:3px; transform:rotate(45deg); }
.stepper-item.is-step-1 .step-icon::after { content:''; position:absolute; width:5px; height:5px; border:1.5px solid currentColor; border-radius:50%; background:currentColor; box-shadow:6px -6px 0 -1px var(--bracket-ink); }
.stepper-item.is-step-2 .step-icon::before { width:14px; height:2px; border:0; background:currentColor; box-shadow:0 -5px 0 -1px currentColor,0 5px 0 -1px currentColor; }
.stepper-item.is-step-2 .step-icon::after { content:''; position:absolute; right:0; border:4px solid transparent; border-left-color:currentColor; }

.bracket-stepper {
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:28px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}
.bracket-stepper::before {
    content:'';
    position:absolute;
    z-index:0;
    top:50%;
    right:10%;
    left:10%;
    height:1px;
    background:linear-gradient(90deg,rgba(130,237,249,.12),rgba(130,237,249,.56),rgba(255,211,107,.65));
}
.stepper-line { display:none; }
.stepper-item {
    position:relative;
    z-index:1;
    min-width:0;
    min-height:88px;
    padding:14px;
    border:1px solid rgba(191,238,250,.18);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(24,65,112,.77),rgba(5,24,57,.86));
    box-shadow:0 12px 28px rgba(0,7,31,.16),inset 0 1px rgba(255,255,255,.09);
    transition:transform 220ms cubic-bezier(.16,1,.3,1),border-color 220ms ease,box-shadow 220ms ease;
}
.stepper-item:hover { transform:translateY(-3px); border-color:rgba(130,237,249,.54); box-shadow:0 17px 34px rgba(0,7,31,.26),0 0 0 1px rgba(130,237,249,.09); }
.stepper-bubble {
    width:42px;
    height:42px;
    border:1px solid rgba(148,236,249,.54);
    border-radius:14px;
    color:#97eff9;
    background:rgba(126,235,249,.07);
    box-shadow:inset 0 1px rgba(255,255,255,.13);
}
.stepper-bubble .step-num { color:currentColor; font-size:9px; letter-spacing:.08em; }
.stepper-bubble .step-icon { margin:0; width:15px; height:15px; }
.stepper-item.is-step-3 .stepper-bubble { color:var(--bracket-bronze); border-color:rgba(239,166,109,.6); background:rgba(239,166,109,.09); }
.stepper-bubble.is-gold { color:var(--bracket-gold); border-color:rgba(255,211,107,.72); background:rgba(255,211,107,.1); box-shadow:0 0 0 4px rgba(255,211,107,.05),inset 0 1px rgba(255,255,255,.2); }
.stepper-info { min-width:0; }
.stepper-info strong { font-size:12px; line-height:1.25; letter-spacing:.015em; }
.stepper-info small { margin-top:4px; color:#b6cde1; font-size:10px; line-height:1.4; }

.bracket-mobile-scroll-hint { display:none !important; }
.bracket-tree-wrapper { overflow:visible; padding:4px 0 0; }
.bracket-tree {
    grid-template-columns:1.13fr 1.13fr 1fr 1.2fr;
    gap:clamp(14px,1.55vw,25px);
    min-width:0;
}
.bracket-tree-filtered { grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; }
.bracket-stage-column { gap:12px; }
.bracket-stage-title {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:8px 10px;
    min-height:58px;
    padding:10px 12px;
    border-color:var(--bracket-line);
    border-radius:15px;
    background:linear-gradient(135deg,rgba(20,63,108,.84),rgba(4,25,58,.78));
    box-shadow:inset 0 1px rgba(255,255,255,.09);
}
.stage-badge { width:28px; height:28px; border-radius:9px; background:linear-gradient(135deg,#2a8de9,#75e2f2); color:#041f4c; font-size:10px; }
.stage-badge.is-gold { background:linear-gradient(135deg,#d9921a,#ffe08e); color:#291b02; }
.stage-badge.is-bronze { background:linear-gradient(135deg,#bd673d,#f0b27d); color:#2f1609; }
.stage-label {
    min-width:0;
    overflow:visible;
    white-space:normal;
    color:#fff;
    font-size:10px;
    line-height:1.28;
    letter-spacing:.075em;
    text-wrap:balance;
}
.stage-tag {
    grid-column:2;
    justify-self:start;
    padding:3px 7px;
    border:1px solid rgba(138,239,250,.24);
    border-radius:999px;
    color:#a8f2fb;
    background:rgba(126,235,249,.08);
    font-size:7px;
    letter-spacing:.09em;
}
.stage-tag.is-gold { border-color:rgba(255,211,107,.36); background:rgba(255,211,107,.11); color:var(--bracket-gold); }
.stage-tag.is-bronze { border-color:rgba(239,166,109,.38); background:rgba(239,166,109,.1); color:var(--bracket-bronze); }

.bracket-match-card {
    border-color:rgba(187,235,249,.16);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(15,49,93,.88),rgba(4,23,55,.92));
    box-shadow:0 12px 26px rgba(0,6,28,.2),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}
.bracket-match-card::before { height:2px; background:linear-gradient(90deg,transparent 5%,rgba(130,237,249,.9) 50%,transparent 95%); opacity:.7; }
.bracket-match-card:hover { transform:translateY(-3px); border-color:rgba(130,237,249,.62); box-shadow:0 18px 32px rgba(0,6,28,.32),0 0 0 1px rgba(130,237,249,.1); }
.bracket-card-head { min-height:43px; padding:9px 12px; gap:8px; background:rgba(1,15,41,.48); border-bottom-color:rgba(204,243,252,.1); font-size:8px; }
.card-match-no { min-width:0; color:#fff; }
.card-venue-time { flex:0 0 auto; color:#b6d7ec; font-variant-numeric:tabular-nums; }
.bracket-card-teams { gap:7px; padding:10px; }
.bracket-team-item { min-height:42px; gap:8px; padding:7px 8px; border-color:rgba(194,235,249,.09); border-radius:11px; background:rgba(255,255,255,.045); }
.bracket-team-item:hover { background:rgba(151,235,249,.09); border-color:rgba(151,235,249,.22); }
.bracket-team-info { gap:8px; }
.bracket-team-crest { width:28px; height:28px; box-shadow:0 4px 9px rgba(0,5,25,.3); }
.bracket-team-name { white-space:normal; overflow:visible; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#f7fbff; font-size:10px; line-height:1.25; }
.bracket-team-tag { border:1px solid rgba(168,242,251,.18); border-radius:999px; background:rgba(130,237,249,.07); color:#b5f4fa; font-size:7px; }
.bracket-vs-divider { margin:-1px 0; }
.bracket-vs-divider span { padding:3px 10px; border-color:rgba(183,235,249,.19); color:#a5eefa; background:#071c40; font-size:8px; letter-spacing:.12em; }
.bracket-card-footer { gap:7px; padding:8px 10px; background:rgba(1,13,35,.38); }
.bracket-path-pill {
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:5px 7px;
    border-radius:8px;
    outline:0;
    font-size:7px;
    line-height:1.25;
    letter-spacing:.025em;
    touch-action:manipulation;
    cursor:pointer;
}
.bracket-path-pill:hover,.bracket-path-pill[aria-pressed="true"],.bracket-path-pill:focus-visible { transform:translateY(-1px); box-shadow:0 0 0 2px rgba(130,237,249,.2); }
.bracket-path-pill:focus-visible { outline:2px solid #bff9ff; outline-offset:2px; }
.bracket-match-card.is-serie-a { border-color:rgba(255,211,107,.36); background:linear-gradient(145deg,rgba(106,71,18,.49),rgba(8,28,57,.93)); }
.bracket-card-head.is-serie-a { color:var(--bracket-gold); background:linear-gradient(90deg,rgba(255,211,107,.15),rgba(2,15,38,.55)); }
.bracket-match-card.is-serie-b { border-color:rgba(144,235,247,.36); background:linear-gradient(145deg,rgba(17,99,130,.42),rgba(5,26,60,.94)); }
.bracket-card-head.is-serie-b { color:var(--bracket-silver); background:linear-gradient(90deg,rgba(119,220,237,.14),rgba(2,15,38,.55)); }
.bracket-match-card.is-third-card { border-color:rgba(239,166,109,.38); background:linear-gradient(145deg,rgba(121,68,38,.39),rgba(6,24,54,.94)); }
.bracket-card-head.is-bronze-head { color:var(--bracket-bronze); background:linear-gradient(90deg,rgba(239,166,109,.15),rgba(2,15,38,.55)); }
.bracket-card-footer.is-medal-footer { min-height:36px; font-size:8px; letter-spacing:.06em; }
.bracket-match-card.is-grand-gold { border-color:rgba(255,211,107,.72); background:linear-gradient(145deg,rgba(126,83,18,.62),rgba(10,31,63,.96)); box-shadow:0 15px 33px rgba(114,73,4,.2),inset 0 1px rgba(255,255,255,.16); }
.bracket-match-card.is-grand-silver { border-color:rgba(139,239,250,.68); background:linear-gradient(145deg,rgba(18,103,137,.57),rgba(7,29,63,.96)); box-shadow:0 15px 33px rgba(8,119,147,.18),inset 0 1px rgba(255,255,255,.16); }
.bracket-trophy-banner { min-height:75px; padding:13px; }
.bracket-trophy-sheen { display:none; }
.bracket-trophy-icon { font-size:28px; }
.bracket-trophy-text strong { font-size:12px; line-height:1.3; }
.bracket-match-card.is-path-source { transform:translateY(-3px); border-color:#bff8ff !important; box-shadow:0 0 0 2px rgba(130,237,249,.16),0 19px 36px rgba(0,6,28,.3) !important; }
.bracket-match-card.is-path-target-win,.bracket-match-card.is-path-target-loss,.bracket-match-card.is-path-target-bronze { animation:none; transform:translateY(-2px); }
.bracket-match-card.is-path-target-win { border-color:var(--bracket-gold) !important; box-shadow:0 0 0 2px rgba(255,211,107,.2),0 17px 30px rgba(92,58,3,.28) !important; }
.bracket-match-card.is-path-target-loss { border-color:var(--bracket-silver) !important; box-shadow:0 0 0 2px rgba(139,239,250,.18),0 17px 30px rgba(3,63,90,.25) !important; }
.bracket-match-card.is-path-target-bronze { border-color:var(--bracket-bronze) !important; box-shadow:0 0 0 2px rgba(239,166,109,.18),0 17px 30px rgba(79,35,13,.25) !important; }

@media (max-width:1100px) {
    .bracket-head { grid-template-columns:1fr; align-items:start; }
    .bracket-series-nav { max-width:760px; }
    .bracket-stepper { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bracket-stepper::before { display:none; }
    .bracket-tree { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bracket-tree-filtered { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:780px) {
    .tournament-bracket-section { padding-block:66px 74px; }
    .bracket-head-copy .kicker { font-size:8px; letter-spacing:.13em; }
    .bracket-head-copy h2 { max-width:12ch; font-size:clamp(34px,10.7vw,48px); line-height:1.17 !important; }
    .bracket-head-copy p { margin-top:14px; font-size:14px; line-height:1.65; }
    .bracket-series-nav { gap:6px; padding:6px; border-radius:16px; }
    .bracket-series-tab { min-height:68px; gap:5px; padding:8px 5px; font-size:8px; letter-spacing:.045em; white-space:normal; }
    .bracket-series-tab .tab-icon { display:none; }
    .bracket-stepper { grid-template-columns:1fr; gap:8px; margin-bottom:22px; }
    .stepper-item { min-height:72px; padding:11px 12px; }
    .stepper-bubble { width:38px; height:38px; border-radius:12px; }
    .stepper-info strong { font-size:11px; }
    .bracket-tree-wrapper { overflow:visible; padding:0; }
    .bracket-tree,.bracket-tree-filtered { grid-template-columns:1fr; gap:18px; min-width:0; }
    .bracket-stage-column { gap:10px; }
    .bracket-stage-title { min-height:56px; padding:10px; }
    .stage-label { font-size:10px; }
    .bracket-card-head { min-height:44px; padding:9px 10px; }
    .card-venue-time { font-size:7px; text-align:right; }
    .bracket-team-name { font-size:10px; }
    .bracket-card-footer { flex-direction:column; align-items:stretch; padding:8px; }
    .bracket-path-pill { justify-content:center; min-height:38px; padding-inline:9px; font-size:8px; }
    .bracket-match-card:hover { transform:none; }
}

@media (max-width:390px) {
    .bracket-series-tab { min-height:62px; font-size:7px; }
    .bracket-head-copy h2 { font-size:clamp(31px,10vw,41px); }
    .bracket-card-head { flex-wrap:wrap; }
    .card-venue-time { margin-left:auto; }
}

@media (prefers-reduced-motion:reduce) {
    .tournament-bracket-section *,
    .tournament-bracket-section *::before,
    .tournament-bracket-section *::after {
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }
}

/* Responsive foundation v161 · public website
   Keeps the editorial desktop layout intact while turning crowded tablet
   navigation into an accessible drawer and protecting Vietnamese copy. */
:where(.container,.hero-content,.hero-copy,.hero-presentation,.section-head,.article-body,
    .newsroom-v2,.team-profile-page,.awards-page,.rulebook-layout) { min-width:0; }

:where(a,button,input,textarea,select) { -webkit-tap-highlight-color:rgba(36,199,233,.22); }
:where(button,a[href],input,textarea,select):focus-visible {
    outline:3px solid rgba(36,199,233,.92);
    outline-offset:3px;
}

@media (min-width:781px) and (max-width:1100px) {
    .nav-wrap { min-height:82px; grid-template-columns:minmax(0,1fr) auto; gap:16px; }
    .nav-cta { display:none; }
    .nav-toggle {
        position:relative;
        z-index:122;
        width:48px;
        height:48px;
        display:grid;
        place-items:center;
        padding:8px;
        border:0;
        border-radius:12px;
        color:var(--ink);
        background:#edf5ff;
        cursor:pointer;
    }
    .nav-toggle span { position:absolute; left:11px; width:26px; margin:0; transition:transform .22s ease,opacity .18s ease,top .22s ease; }
    .nav-toggle span:nth-child(1) { top:14px; }
    .nav-toggle span:nth-child(2) { top:23px; }
    .nav-toggle span:nth-child(3) { top:32px; }
    .nav-toggle[aria-expanded="true"] { color:#fff; background:linear-gradient(135deg,var(--blue),#168fce); }
    .nav-toggle[aria-expanded="true"] span:nth-child(1) { top:23px; transform:rotate(45deg); }
    .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
    .nav-toggle[aria-expanded="true"] span:nth-child(3) { top:23px; transform:rotate(-45deg); }
    .main-nav {
        position:absolute;
        z-index:121;
        top:100%;
        right:0;
        left:auto;
        width:min(480px,100vw);
        max-height:calc(100dvh - 82px);
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:16px 22px 24px;
        overflow-y:auto;
        color:var(--ink);
        background:linear-gradient(145deg,#f8fbff,#fff 56%,#eef7ff);
        box-shadow:0 22px 52px rgba(4,31,76,.22);
        opacity:0;
        visibility:hidden;
        transform:translateX(24px);
        pointer-events:none;
        transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s;
    }
    .main-nav.is-open { opacity:1; visibility:visible; transform:translateX(0); pointer-events:auto; }
    .main-nav::before,.main-nav::after,.main-nav a::before { content:none; display:none; }
    .main-nav a {
        width:100%;
        min-height:54px;
        display:grid;
        grid-template-columns:minmax(0,1fr) 32px;
        align-items:center;
        gap:12px;
        padding:10px 4px;
        border-bottom:1px solid rgba(7,42,95,.12);
        font-size:16px;
        line-height:1.25;
    }
    .main-nav a::after {
        content:'→';
        position:static;
        width:32px;
        height:32px;
        display:grid;
        place-items:center;
        color:var(--blue);
        background:#eaf3ff;
        border-radius:50%;
    }
    body.nav-open .site-header { position:fixed; z-index:120; top:0; }
    body.nav-open .topline { visibility:hidden; }
}

@media (max-width:780px) {
    .topline-inner > span:last-child { display:none; }
    .brand-logo { width:58px; height:58px; }
    .brand-copy strong { font-size:15px; }
    .brand-copy small { font-size:8px; letter-spacing:.075em; }
    .hero-copy > p,.article-body,.rulebook-body { overflow-wrap:break-word; }
    .btn,.nav-cta,.back-home { min-height:48px; }
    .hero-slider-panel > button { min-height:44px; }
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}

/* NEWSROOM SEARCH COMMAND · v210 */
.news-page .newsroom-archive-v3-section .news-archive-command {
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);
    align-items:center;
    gap:clamp(18px,3vw,42px);
    margin-bottom:12px;
    padding:16px;
    overflow:hidden;
    border:1px solid rgba(125,225,240,.32);
    border-radius:19px;
    color:#fff;
    background:
        radial-gradient(circle at 94% 12%,rgba(52,215,238,.2),transparent 28%),
        linear-gradient(135deg,#03152f 0%,#063467 58%,#0b5db4 100%);
    box-shadow:0 20px 44px rgba(3,38,82,.18),inset 0 1px rgba(255,255,255,.11);
}
.news-page .newsroom-archive-v3-section .news-archive-command::before {
    display:none !important;
    content:none !important;
    height:0 !important;
    background:none !important;
}
.news-page .newsroom-archive-v3-section .news-archive-command::after {
    content:'';
    position:absolute;
    z-index:-1;
    right:-42px;
    bottom:-74px;
    width:170px;
    height:170px;
    border:1px solid rgba(160,234,244,.11);
    border-radius:50%;
    box-shadow:0 0 0 24px rgba(52,215,238,.025),0 0 0 48px rgba(52,215,238,.014);
}
.news-page .newsroom-archive-v3-section .news-archive-command-copy {
    min-width:0;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.news-page .newsroom-archive-v3-section .news-archive-command-copy > span:first-child {
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid rgba(184,239,247,.31);
    border-radius:14px;
    color:#c9f8fb;
    background:rgba(255,255,255,.075);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 20px rgba(0,17,48,.2);
}
.news-page .newsroom-archive-v3-section .news-archive-command-copy svg {
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.news-page .newsroom-archive-v3-section .news-archive-command-copy > span:last-child { min-width:0; display:grid; gap:5px; }
.news-page .newsroom-archive-v3-section .news-archive-command-copy small {
    color:#91e9f2;
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.14em;
}
.news-page .newsroom-archive-v3-section .news-archive-command-copy strong {
    max-width:26ch;
    color:#fff;
    font:900 clamp(16px,1.35vw,20px)/1.12 var(--font-display);
    letter-spacing:-.02em;
    text-wrap:balance;
}
.news-page .newsroom-archive-v3-section .news-archive-search {
    position:relative;
    min-width:0;
    min-height:58px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 46px;
    align-items:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.56);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 26px rgba(0,20,57,.2),inset 0 1px #fff;
    transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease;
}
.news-page .newsroom-archive-v3-section .news-archive-search:focus-within {
    border-color:#8eeaf4;
    box-shadow:0 15px 31px rgba(0,20,57,.23),0 0 0 4px rgba(52,215,238,.18),inset 0 1px #fff;
    transform:translateY(-1px);
}
.news-page .newsroom-archive-v3-section .news-archive-search label {
    height:100%;
    display:grid;
    place-items:center;
    color:#0b62ad;
}
.news-page .newsroom-archive-v3-section .news-archive-search label svg,
.news-page .newsroom-archive-v3-section .news-archive-search button svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.news-page .newsroom-archive-v3-section .news-archive-search input {
    width:100%;
    min-width:0;
    height:56px;
    padding:0 10px 0 0;
    border:0;
    outline:0;
    color:#071a33;
    background:transparent;
    font:700 14px/1.4 var(--font-body);
}
.news-page .newsroom-archive-v3-section .news-archive-search input::placeholder { color:#6d8295; opacity:1; }
.news-page .newsroom-archive-v3-section .news-archive-search input::-webkit-search-cancel-button { display:none; }
.news-page .newsroom-archive-v3-section .news-archive-search button {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    justify-self:center;
    border:1px solid rgba(7,88,160,.15);
    border-radius:11px;
    color:#0a5da7;
    background:#edf6fb;
    transition:color 180ms ease,background 180ms ease,transform 180ms ease;
}
.news-page .newsroom-archive-v3-section .news-archive-search button:hover,
.news-page .newsroom-archive-v3-section .news-archive-search button:focus-visible {
    color:#fff;
    background:#0b5fac;
    outline:3px solid #91eaf3;
    outline-offset:2px;
    transform:rotate(4deg);
}
.news-page .newsroom-archive-v3-section .news-archive-search button[hidden] { display:none!important; }
.news-page .newsroom-archive-v3-section .news-archive-search-status {
    position:relative;
    min-height:22px;
    margin:-5px 0 14px;
    padding-left:41px;
    color:#516d84;
    font-size:10px;
    font-weight:600;
    line-height:1.5;
}
.news-page .newsroom-archive-v3-section .news-archive-search-status::before {
    content:'';
    position:absolute;
    width:5px;
    height:5px;
    margin:5px 0 0 -15px;
    border-radius:50%;
    background:#0f73bd;
    box-shadow:0 0 0 4px rgba(15,115,189,.08);
}
.news-page .newsroom-archive-v3-section .news-archive-no-results {
    display:grid;
    justify-items:center;
    gap:12px;
    max-width:760px;
    margin:22px auto 0;
    padding:clamp(34px,5vw,58px);
    border:1px dashed rgba(8,83,153,.28);
    border-radius:20px;
    color:#071a33;
    background:rgba(255,255,255,.84);
    box-shadow:0 18px 42px rgba(4,55,105,.08);
    text-align:center;
}
.news-page .newsroom-archive-v3-section .news-archive-no-results[hidden] { display:none!important; }
.news-page .newsroom-archive-v3-section .newsroom-archive-grid .archive-card[hidden] { display:none!important; }
.news-page .newsroom-archive-v3-section .news-archive-no-results > span {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:1px solid rgba(8,91,165,.15);
    border-radius:16px;
    color:#0b63b2;
    background:#edf7fd;
}
.news-page .newsroom-archive-v3-section .news-archive-no-results svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.news-page .newsroom-archive-v3-section .news-archive-no-results h2 {
    max-width:24ch;
    margin:4px 0 0;
    color:#071a33;
    font:900 clamp(24px,3vw,38px)/1.05 var(--font-display);
    letter-spacing:-.045em;
    text-wrap:balance;
}
.news-page .newsroom-archive-v3-section .news-archive-no-results p { max-width:52ch; margin:0; color:#536d82; font-size:14px; line-height:1.65; }
.news-page .newsroom-archive-v3-section .news-archive-no-results button {
    min-height:46px;
    margin-top:4px;
    padding:0 16px;
    border:1px solid rgba(121,222,238,.32);
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#03152f,#0b5fc0);
    box-shadow:0 11px 22px rgba(4,57,115,.18);
    font-size:7px;
    font-weight:900;
    letter-spacing:.11em;
}
.news-page .newsroom-archive-v3-section .news-archive-no-results button:hover,
.news-page .newsroom-archive-v3-section .news-archive-no-results button:focus-visible { background:#0b65ba; outline:3px solid #78e0ec; outline-offset:3px; }

@media (max-width:900px) {
    .news-page .newsroom-archive-v3-section .news-archive-command { grid-template-columns:1fr; gap:14px; }
    .news-page .newsroom-archive-v3-section .news-archive-command-copy strong { max-width:none; }
}
@media (max-width:780px) {
    .news-page .newsroom-archive-v3-section .news-archive-command { margin-bottom:10px; padding:13px; border-radius:16px; }
    .news-page .newsroom-archive-v3-section .news-archive-command-copy { grid-template-columns:46px minmax(0,1fr); gap:12px; }
    .news-page .newsroom-archive-v3-section .news-archive-command-copy > span:first-child { width:46px; height:46px; border-radius:12px; }
    .news-page .newsroom-archive-v3-section .news-archive-command-copy strong { font-size:15px; }
    .news-page .newsroom-archive-v3-section .news-archive-search { min-height:56px; grid-template-columns:44px minmax(0,1fr) 46px; }
    .news-page .newsroom-archive-v3-section .news-archive-search input { height:54px; font-size:16px; }
    .news-page .newsroom-archive-v3-section .news-archive-search-status { margin-top:-4px; padding-left:35px; font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
    .news-page .newsroom-archive-v3-section .news-archive-search,
    .news-page .newsroom-archive-v3-section .news-archive-search button { transition:none; }
    .news-page .newsroom-archive-v3-section .news-archive-search:focus-within,
    .news-page .newsroom-archive-v3-section .news-archive-search button:hover { transform:none; }
}

/* Final override: Vietnamese title safe zone v152.
   This intentionally comes last: no subsequent section-level style may reduce
   the leading or pull a title upward into a clipping boundary. */
.home-page :is(
    .hero h1,
    .slogan-heading h2,
    .trailer-copy h2,
    .previous-season-copy h2,
    .regulations-teaser-copy h2,
    .awards-heading h2,
    .teams-heading h2,
    .timeline-heading h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .gallery-showcase-copy h2,
    .sponsors-heading h2,
    .contact-inner h2
) {
    line-height:1.16 !important;
    padding-block:.14em .1em !important;
    margin-block:0 !important;
    overflow:visible !important;
    overflow-wrap:normal;
    word-break:normal;
}

.home-page :is(
    .hero h1 > span,
    .hero h1 > em,
    .slogan-heading h2 > span,
    .slogan-heading h2 > em,
    .timeline-heading h2 > span,
    .timeline-heading h2 > em,
    .live-center-head h2 > span,
    .awards-heading h2 > span,
    .awards-heading h2 > em
) {
    line-height:inherit !important;
    margin-block:0 !important;
    padding-block:.03em !important;
    overflow:visible !important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

@media (max-width:780px) {
    .home-page :is(
        .hero h1,
        .slogan-heading h2,
        .trailer-copy h2,
        .previous-season-copy h2,
        .regulations-teaser-copy h2,
        .awards-heading h2,
        .teams-heading h2,
        .timeline-heading h2,
        .matches-section .section-head h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head h2,
        .gallery-showcase-copy h2,
        .sponsors-heading h2,
        .contact-inner h2
    ) {
        line-height:1.18 !important;
        padding-block:.16em .11em !important;
    }
}

/* ==========================================================================
   MATCHDAY EDITORIAL SYSTEM · v170
   A shared visual language for the public website and every public subpage.
   ========================================================================== */
:root {
    --ink:#071c39;
    --ink-2:#123d72;
    --paper:#f4f7fb;
    --white:#fff;
    --blue:#176cf2;
    --orange:#176cf2;
    --cyan:#20bfd2;
    --lime:#62ddf4;
    --muted:#60748a;
    --match-navy:#06172f;
    --match-navy-2:#0b2f5b;
    --match-green:#62ddf4;
    --match-cyan:#82e8f2;
    --match-cream:#f4f7fb;
    --match-line:#d8e1e7;
    --match-shadow:0 20px 50px rgba(7,28,57,.1);
    --match-shadow-soft:0 10px 28px rgba(7,28,57,.07);
    --match-radius:14px;
    --container:1320px;
}

html { scroll-padding-top:96px; }
body {
    background:var(--match-cream);
    color:var(--ink);
    font-size:15px;
    line-height:1.68;
}
::selection { color:#fff; background:#176cf2; }
.container { width:min(calc(100% - 64px),var(--container)); }
:where(a,button,input,textarea,select):focus-visible { outline:3px solid rgba(98,221,244,.82); outline-offset:3px; }

/* Shared matchday navigation */
.topline {
    background:var(--match-navy);
    border-bottom:1px solid rgba(139,232,241,.15);
}
.topline-inner { min-height:34px; font-size:9px; letter-spacing:.11em; }
.topline-inner span:first-child { gap:10px; }
.topline-inner i,.live-chip i { background:var(--match-green); box-shadow:0 0 0 4px rgba(98,221,244,.12); }
.site-header {
    color:var(--ink);
    background:rgba(255,255,255,.965);
    border-bottom:1px solid rgba(7,28,57,.09);
    box-shadow:0 12px 34px rgba(7,28,57,.055);
}
.site-header.is-scrolled { background:rgba(255,255,255,.98); box-shadow:0 14px 42px rgba(7,28,57,.12); }
.nav-wrap { min-height:86px; gap:clamp(22px,2.5vw,38px); }
.brand { gap:11px; }
.brand-logo { width:64px; height:64px; filter:drop-shadow(0 8px 11px rgba(7,28,57,.17)); }
.brand-copy strong { color:var(--ink); font-size:15px; letter-spacing:.01em; }
.brand-copy small { color:#176cf2; font-size:8px; letter-spacing:.11em; }
.main-nav { gap:clamp(14px,1.7vw,27px); }
.main-nav a { padding:31px 0 27px; color:#203a58; font-size:10px; font-weight:800; letter-spacing:.045em; }
.main-nav a::after { height:3px; background:var(--match-green); }
.nav-cta {
    min-height:46px;
    padding:0 18px;
    gap:11px;
    border:1px solid #176cf2;
    border-radius:3px;
    background:#176cf2;
    box-shadow:5px 5px 0 #dbe8fb;
    transform:none;
}
.nav-cta:hover { transform:translate(-1px,-2px); box-shadow:7px 8px 0 #dbe8fb; }
.nav-context-link { background:#fff; color:#124f9d; }

/* Type and section rhythm */
.home-page :is(
    .slogan-heading h2,.trailer-copy h2,.previous-season-copy h2,.regulations-teaser-copy h2,
    .awards-heading h2,.teams-heading h2,.timeline-heading h2,.matches-section .section-head h2,
    .bracket-head-copy h2,.live-center-head h2,.destination-panel h2,.newsroom-head h2,
    .gallery-showcase-copy h2,.sponsors-heading h2,.contact-inner h2
) {
    max-width:18ch;
    color:inherit;
    font-size:clamp(38px,4.7vw,74px);
    font-weight:900;
    letter-spacing:-.055em!important;
    line-height:1.12!important;
    text-wrap:balance;
}
.home-page :is(.kicker,.dark-kicker) {
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:28px;
    padding:0 10px;
    border:1px solid currentColor;
    border-radius:999px;
    color:#176cf2;
    background:rgba(255,255,255,.7);
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
}
.home-page :is(.kicker,.dark-kicker)::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--match-green); box-shadow:0 0 0 3px rgba(98,221,244,.12); }
.section { padding-block:clamp(78px,8vw,124px); }

/* Home focal moment */
.home-page .hero { min-height:880px; background:var(--match-navy); }
.home-page .hero-slide::after {
    background:linear-gradient(90deg,rgba(4,18,42,.98) 0%,rgba(5,34,72,.89) 40%,rgba(5,35,72,.22) 73%,rgba(3,19,42,.12) 100%),linear-gradient(0deg,rgba(3,18,41,.88),transparent 48%);
}
.home-page .hero-grid {
    opacity:.085;
    background-size:88px 88px;
    mask-image:linear-gradient(90deg,#000,transparent 82%);
}
.home-page .hero-title-lockup {
    border-color:rgba(133,232,242,.55);
    background:linear-gradient(145deg,rgba(11,40,77,.86),rgba(3,20,46,.77));
    box-shadow:0 28px 70px rgba(0,10,32,.33),inset 0 1px rgba(255,255,255,.08);
}
.home-page .hero-title-lockup::after { border-color:rgba(98,221,244,.62); }
.home-page .hero-title-lockup h1 > em {
    background:linear-gradient(100deg,#ecffff,#82e8f2 56%,#62ddf4);
    -webkit-background-clip:text;
    background-clip:text;
}
.home-page .hero-event-board {
    border-color:rgba(130,232,242,.4);
    border-radius:var(--match-radius);
    background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(10,48,91,.52));
    box-shadow:0 24px 55px rgba(0,12,38,.24);
}
.home-page .hero-manifesto > p { border-color:rgba(142,231,241,.22); border-radius:10px; background:rgba(5,30,64,.7); }
.home-page .countdown-bar { border-top:3px solid var(--match-green); border-radius:var(--match-radius) var(--match-radius) 0 0; }

/* Fast facts become the official match strip */
.competition-ribbon { padding-block:26px; color:var(--ink); background:#fff; border-block:1px solid var(--match-line); }
.competition-ribbon-inner { gap:28px; }
.competition-ribbon-brand { border-right-color:var(--match-line); }
.competition-ribbon-crest { background:#f6f9fc; border-color:#dce5e8; }
.competition-ribbon-stats > span { border-left-color:var(--match-line); }
.competition-ribbon-stats strong { color:#0b3262; }
.competition-ribbon-inner > a { color:#fff; border:0; border-radius:8px; background:var(--match-navy); }
.competition-ribbon-inner > a b { color:var(--match-green); }

.team-ticker { background:var(--match-navy); box-shadow:none; transform:none; border-bottom:3px solid var(--match-green); }
.ticker-track { height:68px; animation-duration:56s; }
.ticker-track > a { margin-right:36px; font-size:12px; letter-spacing:.01em; }
.ticker-team-mark { width:42px!important; height:42px!important; border-color:rgba(255,255,255,.18)!important; background:#fff!important; }
.ticker-track b { color:var(--match-green); }

/* Tournament spirit: editorial statement, not a card collection */
.tournament-slogan { padding-block:clamp(82px,9vw,132px); background:#f4f7fb; }
.tournament-slogan::before { content:'FAIR PLAY'; right:-2vw; color:rgba(7,28,57,.032); font-size:clamp(110px,18vw,260px); }
.slogan-inner { grid-template-columns:80px minmax(0,1fr); align-items:start; gap:38px; }
.slogan-mark { width:72px; height:72px; border-radius:50%; background:var(--match-navy); box-shadow:8px 8px 0 rgba(98,221,244,.22); }
.slogan-copy { padding-left:40px; border-left:1px solid #cbd8dd; }
.slogan-heading { padding-bottom:26px; border-bottom:1px solid #cbd8dd; }
.slogan-heading > span { color:#176cf2; }
.slogan-heading h2 em { color:#176cf2; }
.slogan-statement { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.slogan-statement > p {
    min-height:180px;
    margin:0!important;
    padding:30px 30px 30px 0!important;
    border:0!important;
    border-bottom:1px solid #cbd8dd!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.slogan-statement > p:nth-child(even) { padding-left:30px!important; border-left:1px solid #cbd8dd!important; }
.slogan-line-icon { color:#176cf2; background:#fff; border:1px solid #d6e2e7; box-shadow:none; }
.slogan-anthem { grid-column:1/-1; min-height:auto!important; color:#fff!important; background:var(--match-navy)!important; border:0!important; padding:28px!important; }

/* Feature sections share a disciplined editorial surface */
.trailer-section { background:#fff; }
.trailer-layout,.previous-season-shell { gap:clamp(40px,6vw,88px); }
.trailer-stage,.previous-season-stage { border-radius:var(--match-radius); box-shadow:var(--match-shadow); }
.trailer-copy p,.previous-season-copy p,.newsroom-head p,.gallery-showcase-copy p,.sponsors-heading p { max-width:68ch; color:var(--muted); font-size:15px; }
.trailer-facts > span,.trailer-library-summary { border-color:#d9e4e8; background:#f5f8f6; }
.trailer-library { border-top-color:#dbe5e8; }
.previous-season-film { background:var(--match-navy); }
.previous-season-copy h2 { color:#fff; }
.previous-season-copy p { color:#c5d3df; }

.regulations-teaser { padding-block:clamp(86px,9vw,132px); background:var(--match-navy); }
.regulations-teaser::before { color:rgba(255,255,255,.022); }
.regulations-teaser-inner { gap:clamp(48px,7vw,104px); }
.regulations-teaser-board { border-top:1px solid rgba(255,255,255,.18); }
.regulation-spotlight-card { border-radius:0!important; }

.awards-section { background:#eef3ef; }
.awards-layout { gap:20px; }
.award-card { border:1px solid #d7e1e4; border-radius:12px; background:#fff; box-shadow:none; }
.award-card:hover { transform:translateY(-4px); box-shadow:var(--match-shadow-soft); }
.award-champion { background:var(--match-navy); }
.awards-individual-honors { border-radius:var(--match-radius); }

.teams-showcase { background:#fff; }
.team-card { border-radius:12px; box-shadow:var(--match-shadow-soft); }
.team-card:hover { transform:translateY(-5px); }
.tournament-timeline { background:#f4f7fb; }
.timeline-day { border-radius:12px; box-shadow:none; }
.matches-section { background:#fff; }
.match-row { border-radius:10px; box-shadow:none; }
.tournament-bracket-section { background:var(--match-navy); }
.bracket-match-card { backdrop-filter:none; }

.stadium-section { border-block:1px solid #d9e4e8; }
.live-center-section { background:#fff; }
.destination { background:var(--match-navy); }
.newsroom-v2-section,.news-section { background:#f4f7fb; }
.news-feature,.news-item { border-radius:12px; box-shadow:var(--match-shadow-soft); }
.news-item:hover,.news-feature:hover { transform:translateY(-4px); }
.gallery-section { background:#fff; }
.gallery-item { border-radius:10px; }
.gallery-filter button { border-radius:999px; }
.sponsors-section { background:#f4f7fb; }
.sponsor-card,.support-partner-card,.media-partner-card { border-radius:10px; background:#fff; box-shadow:none; }
.sponsor-card:hover,.support-partner-card:hover,.media-partner-card:hover { transform:translateY(-4px); box-shadow:var(--match-shadow-soft); }
.contact-band { background:var(--match-navy); }

/* Public subpages */
:is(.news-page,.article-page,.regulations-page,.awards-page,.team-profile-page,.match-detail-page) main { min-width:0; }
:is(.news-page,.article-page,.regulations-page,.awards-page,.team-profile-page,.match-detail-page) .solid-header { position:relative; top:0; }
.archive-hero.newsroom-archive-v2 {
    min-height:580px;
    background:var(--match-navy);
}
.archive-hero.newsroom-archive-v2::before { opacity:.07; }
.newsroom-archive-v2 .container { display:grid; grid-template-columns:minmax(0,1fr) 250px; align-content:center; gap:40px; padding-block:92px; }
.newsroom-archive-v2 .kicker,.awards-page-kicker { color:var(--match-green); }
.newsroom-archive-v2 h1 { max-width:12ch; font-size:clamp(64px,8vw,116px); line-height:.98; }
.newsroom-archive-v2 h1 em { color:var(--match-cyan); }
.newsroom-archive-v2 p { max-width:58ch; }
.newsroom-archive-v2 .archive-hero-index { position:static; align-self:end; justify-self:end; border-radius:10px; }
.newsroom-archive-v2-section { padding-block:82px 120px; background:#f4f7fb; }
.archive-news-filter { border-radius:10px; background:#fff; box-shadow:var(--match-shadow-soft); }
.archive-card { border-radius:10px; box-shadow:none; }
.archive-card:hover { transform:translateY(-4px); box-shadow:var(--match-shadow-soft); }

.article-hero { min-height:590px; }
.article-hero::after { background:linear-gradient(90deg,rgba(4,18,42,.95),rgba(4,18,42,.7) 52%,rgba(4,18,42,.16)); }
.article-hero .container { padding-block:100px; }
.article-hero h1 { max-width:18ch; font-size:clamp(48px,6.4vw,92px); line-height:1.06; text-wrap:balance; }
.article-body { grid-template-columns:80px minmax(0,760px); justify-content:center; gap:42px; padding-block:80px 110px; }
.article-body .prose { color:#243c54; font-size:17px; line-height:1.9; }
.article-body .prose :is(h2,h3) { color:var(--ink); line-height:1.28; text-wrap:balance; }
.related-news { background:#eef3ef; }

.regulations-hero { min-height:620px; background:var(--match-navy); }
.regulations-hero-inner { gap:clamp(50px,7vw,94px); padding-block:90px; }
.regulations-hero-copy h1 { font-size:clamp(72px,9vw,126px); line-height:.96; }
.regulations-hero-copy h1 em { color:var(--match-cyan); }
.rulebook-cover { border-top-color:var(--match-green); border-radius:4px; box-shadow:18px 20px 0 rgba(98,221,244,.14); transform:rotate(1deg); }
.regulations-content { background:#f4f7fb; }
.rulebook-sidebar,.rule-article { border-radius:10px; box-shadow:var(--match-shadow-soft); }

.awards-page-hero { min-height:530px; background:var(--match-navy); }
.awards-page-hero-copy h1 { max-width:16ch; font-size:clamp(58px,7.2vw,106px); line-height:1.02; }
.awards-page-directory { background:#f4f7fb; }
.awards-page-series { border-radius:12px; box-shadow:var(--match-shadow-soft); }
.awards-page-card { border-radius:10px; box-shadow:none; }

.team-profile-page { background:#eef3ef; }
.team-profile-subnav { border-block-color:#d5e0e5; background:#fff; }
.team-profile-hero { background:var(--match-navy); }
.team-profile-hero-inner { padding-block:76px; }
.team-identity-suite { border-radius:12px; box-shadow:0 28px 70px rgba(0,10,31,.24); }
.team-profile-logo { filter:drop-shadow(0 18px 22px rgba(7,28,57,.18)); }
.team-story-copy { max-width:92ch; }
.team-roster-card,.team-staff-card,.team-kit-card { border-radius:10px; box-shadow:var(--match-shadow-soft); }

.match-detail-hero { background:var(--match-navy); }
.match-detail-scoreboard { border-radius:12px; backdrop-filter:none; }
.match-broadcast-section,.match-media-section { background:#f4f7fb; }
.match-statistics-section { background:#fff; }

/* Shared footer */
.site-footer { background:#041326; }
.footer-identity,.footer-event-card,.footer-contact-card,.footer-tech-desk,.footer-facebook { border-radius:10px; }
.footer-identity { border-top:3px solid var(--match-green); }
.footer-links a:hover,.footer-bottom a:hover { color:var(--match-green); }

@media (max-width:1100px) {
    .container { width:min(calc(100% - 40px),var(--container)); }
    .nav-wrap { min-height:80px; }
    .nav-cta { display:none; }
    .main-nav { background:#fff; }
    .main-nav a::after { color:#0b5f8a; background:#e5f6fc; }
    .slogan-statement { grid-template-columns:1fr; }
    .slogan-statement > p:nth-child(even) { padding-left:0!important; border-left:0!important; }
    .slogan-anthem { grid-column:auto; }
    .newsroom-archive-v2 .container { grid-template-columns:1fr 190px; }
}

@media (max-width:780px) {
    html { scroll-padding-top:78px; }
    body { font-size:14px; }
    .container { width:min(calc(100% - 28px),var(--container)); }
    .topline-inner { min-height:30px; font-size:7px; letter-spacing:.075em; }
    .site-header,.site-header.is-scrolled { background:#fff; }
    .nav-wrap { min-height:72px; }
    .brand-logo { width:52px; height:52px; }
    .brand-copy strong { font-size:13px; }
    .brand-copy small { font-size:7px; }
    .nav-toggle { border:1px solid #d9e3e8; border-radius:10px; background:#f3f7fb; }
    .nav-toggle[aria-expanded="true"] { background:var(--match-navy); }
    .main-nav { top:100%; width:100vw; max-height:calc(100dvh - 72px); padding:14px 18px calc(92px + env(safe-area-inset-bottom)); }
    .main-nav a { min-height:52px; font-size:14px; }
    .section { padding-block:66px; }
    .home-page :is(
        .slogan-heading h2,.trailer-copy h2,.previous-season-copy h2,.regulations-teaser-copy h2,
        .awards-heading h2,.teams-heading h2,.timeline-heading h2,.matches-section .section-head h2,
        .bracket-head-copy h2,.live-center-head h2,.destination-panel h2,.newsroom-head h2,
        .gallery-showcase-copy h2,.sponsors-heading h2,.contact-inner h2
    ) { max-width:100%; font-size:clamp(34px,10vw,50px); line-height:1.15!important; }
    .home-page .hero { min-height:auto; }
    .home-page .hero-title-lockup { border-radius:11px; }
    .competition-ribbon { padding-block:18px; }
    .competition-ribbon-inner { gap:16px; }
    .ticker-track { height:62px; }
    .ticker-team-mark { width:38px!important; height:38px!important; }
    .tournament-slogan { padding-block:70px; }
    .slogan-inner { grid-template-columns:1fr; gap:24px; }
    .slogan-mark { width:58px; height:58px; }
    .slogan-copy { padding-left:0; border-left:0; }
    .slogan-statement > p { min-height:auto; padding:24px 0!important; }
    .slogan-anthem { padding:24px!important; }
    .archive-hero.newsroom-archive-v2 { min-height:auto; }
    .newsroom-archive-v2 .container { grid-template-columns:1fr; padding-block:66px; }
    .newsroom-archive-v2 h1 { font-size:clamp(50px,15vw,72px); }
    .newsroom-archive-v2 .archive-hero-index { justify-self:start; }
    .newsroom-archive-v2-section { padding-block:56px 84px; }
    .article-hero { min-height:520px; }
    .article-hero .container { padding-block:72px; }
    .article-hero h1 { font-size:clamp(38px,10.8vw,56px); }
    .article-body { grid-template-columns:1fr; gap:22px; padding-block:50px 78px; }
    .article-share { position:static; flex-direction:row; }
    .regulations-hero,.awards-page-hero { min-height:auto; }
    .regulations-hero-inner,.awards-page-hero-inner { padding-block:64px; }
    .team-profile-hero-inner { padding-block:44px; }

    /* Keep the match venue readable beneath the centre score column. */
    .match-detail-scoreboard {
        position:relative;
        padding-bottom:62px;
    }
    .match-detail-score > span {
        position:absolute;
        left:50%;
        bottom:25px;
        width:calc(100% - 28px);
        transform:translateX(-50%);
        overflow:hidden;
        color:#b7c9d6;
        font-size:7px;
        line-height:1.4;
        text-align:center;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

@media (max-width:390px) {
    .container { width:min(calc(100% - 22px),var(--container)); }
    .topline-inner {
        justify-content:center;
        font-size:6.5px;
        letter-spacing:.045em;
    }
    .topline-inner > span:first-child {
        gap:7px;
        min-width:0;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .brand-copy strong { font-size:12px; }
    .brand-copy small { max-width:150px; font-size:6px; }
    .home-page :is(
        .slogan-heading h2,.trailer-copy h2,.previous-season-copy h2,.regulations-teaser-copy h2,
        .awards-heading h2,.teams-heading h2,.timeline-heading h2,.matches-section .section-head h2,
        .bracket-head-copy h2,.live-center-head h2,.destination-panel h2,.newsroom-head h2,
        .gallery-showcase-copy h2,.sponsors-heading h2,.contact-inner h2
    ) { font-size:clamp(31px,9.8vw,42px); }
}

@media (prefers-reduced-motion:reduce) {
    .ticker-track { animation:none!important; }
    .home-page :is(.team-card,.award-card,.news-feature,.news-item,.sponsor-card,.support-partner-card,.media-partner-card):hover { transform:none; }
}

/* Subpage composition guard: keep Vietnamese newsroom copy in one editorial column. */
.news-page .archive-hero.newsroom-archive-v2 .container {
    position:relative;
    display:block;
    padding-block:96px;
}
.news-page .newsroom-archive-v2 :is(.kicker,h1,p) { position:relative; z-index:1; }
.news-page .newsroom-archive-v2 h1 { max-width:12ch; }
.news-page .newsroom-archive-v2 p { max-width:56ch; }
.news-page .newsroom-archive-v2 .archive-hero-index {
    position:absolute;
    right:0;
    bottom:96px;
    justify-self:auto;
}
@media (max-width:780px) {
    .news-page .archive-hero.newsroom-archive-v2 .container { padding-block:62px; }
    .news-page .newsroom-archive-v2 .archive-hero-index { position:static; margin-top:28px; }
}

/* ========================================================================== 
   HOME MATCH FACTS + FAIR-PLAY ICONS · v172
   Clear tournament information and a restrained football icon language.
   ========================================================================== */
.home-page .hero-copy .hero-event-board {
    gap:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(130,211,229,.52);
    border-top:4px solid var(--match-green);
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 42px rgba(0,12,39,.23),inset 0 1px #fff;
}
.home-page .hero-copy .hero-event-board::before { content:none; display:none; }
.home-page .hero-copy .hero-event-brand {
    min-height:86px;
    gap:14px;
    padding:13px 16px;
    border:0;
    background:linear-gradient(115deg,#f8fbff 0%,#eef8fa 100%);
}
.home-page .hero-copy .hero-event-board .hero-crest {
    width:62px;
    height:68px;
    padding:3px;
    border:0;
    background:transparent;
    box-shadow:none;
    filter:drop-shadow(0 9px 12px rgba(6,42,78,.18));
}
.home-page .hero-copy .hero-event-board .hero-side-label {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:4px 12px;
    width:100%;
    color:var(--ink);
}
.home-page .hero-copy .hero-event-board .hero-side-label > span {
    grid-column:1/-1;
    color:#2073bb;
    font-size:7px;
    letter-spacing:.16em;
}
.home-page .hero-copy .hero-event-board .hero-side-label > strong {
    display:block;
    color:#071f3d;
    font-size:clamp(16px,1.3vw,20px);
    line-height:1.08;
    letter-spacing:-.025em;
    white-space:normal;
}
.home-page .hero-copy .hero-event-board .hero-side-label > b {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:0 9px;
    color:#fff;
    border-radius:999px;
    background:var(--match-navy);
    font:900 7px/1 var(--font-display);
    letter-spacing:.09em;
    white-space:nowrap;
}
.home-page .hero-copy .hero-event-facts {
    gap:1px;
    padding:1px 0 0;
    background:#dce7ea;
}
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    min-height:98px;
    justify-content:center;
    margin:0;
    padding:13px 15px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:none;
}
.home-page .hero-copy .hero-event-board .hero-date::after,
.home-page .hero-copy .hero-event-board .hero-location::after { content:none; display:none; }
.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small {
    margin:0 0 8px;
    color:#557087;
    font-size:6.5px;
    line-height:1;
    letter-spacing:.15em;
}
.home-page .hero-copy .hero-event-board .hero-date-value,
.home-page .hero-copy .hero-event-board .hero-location-value {
    min-width:0;
    display:flex;
    align-items:flex-end;
    gap:9px;
}
.home-page .hero-copy .hero-event-board .hero-date strong {
    color:#0a376c;
    font-size:clamp(29px,2.35vw,38px);
    line-height:.88;
}
.home-page .hero-copy .hero-event-board .hero-date span {
    padding-bottom:1px;
    color:#345a75;
    font-size:6.5px;
    line-height:1.35;
    letter-spacing:.08em;
}
.home-page .hero-copy .hero-event-board .hero-location strong {
    color:#0a376c;
    font-size:clamp(20px,1.75vw,27px);
    line-height:.95;
    white-space:nowrap;
}
.home-page .hero-copy .hero-event-board .hero-location span {
    margin:0;
    padding-bottom:1px;
    color:#5d7689;
    font-size:8px;
    line-height:1.35;
}
.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location):hover {
    border-color:transparent;
    background:#fbfdff;
    box-shadow:none;
    transform:none;
}

/* A clean match-badge replaces the pale ornamental icon treatment. */
.home-page .slogan-statement > p {
    grid-template-columns:56px minmax(0,1fr)!important;
    align-items:start!important;
    gap:20px!important;
}
.home-page .slogan-line-icon {
    --spirit-accent:var(--match-cyan);
    width:56px;
    height:56px;
    min-height:56px;
    align-self:start;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    border-bottom:3px solid var(--spirit-accent);
    border-radius:12px 12px 12px 3px;
    background:linear-gradient(145deg,#124577 0%,#071d3d 78%);
    box-shadow:0 10px 22px rgba(0,10,33,.24);
}
.home-page .slogan-line-icon::before { content:none; display:none; }
.home-page .slogan-line-icon::after {
    content:'';
    position:absolute;
    width:26px;
    height:26px;
    right:-13px;
    top:-13px;
    border:1px solid color-mix(in srgb,var(--spirit-accent),transparent 45%);
    border-radius:50%;
}
.home-page .slogan-line-icon svg {
    position:relative;
    z-index:1;
    width:30px;
    height:30px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    filter:none;
}
.home-page .slogan-line-icon--team { --spirit-accent:#62ddf4; }
.home-page .slogan-line-icon--fairplay { --spirit-accent:#f0d36c; }
.home-page .slogan-line-icon--destination { --spirit-accent:#ff9b62; }
.home-page .slogan-line-icon--anthem { --spirit-accent:#fff; }
.home-page .slogan-line-copy {
    display:block;
    color:inherit;
    font-size:15px;
    font-weight:500;
    line-height:1.85;
}
.home-page .slogan-line-copy strong { font-weight:800; }

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-brand { min-height:78px; padding:11px 12px; }
    .home-page .hero-copy .hero-event-board .hero-crest { width:54px; height:60px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:15px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b { min-height:25px; padding-inline:8px; font-size:6.5px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:88px; padding:11px 12px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(25px,7.8vw,32px); }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(18px,5.8vw,23px); }
    .home-page .slogan-statement > p { grid-template-columns:48px minmax(0,1fr)!important; gap:14px!important; }
    .home-page .slogan-line-icon { width:48px; height:48px; min-height:48px; border-radius:10px 10px 10px 3px; }
    .home-page .slogan-line-icon svg { width:25px; height:25px; }
    .home-page .slogan-line-copy { font-size:14px; line-height:1.78; }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board .hero-side-label { gap:3px 7px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { font-size:13px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b { padding-inline:7px; font-size:5.8px; }
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:84px; padding:10px 9px; }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small { font-size:5.8px; letter-spacing:.11em; }
    .home-page .hero-copy .hero-event-board .hero-date-value,
    .home-page .hero-copy .hero-event-board .hero-location-value { gap:5px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(23px,7.7vw,28px); }
    .home-page .hero-copy .hero-event-board .hero-date span { font-size:5.2px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(16px,5.4vw,20px); }
    .home-page .hero-copy .hero-event-board .hero-location span { font-size:6px; }
    .home-page .slogan-statement > p { grid-template-columns:42px minmax(0,1fr)!important; gap:11px!important; }
    .home-page .slogan-line-icon { width:42px; height:42px; min-height:42px; }
    .home-page .slogan-line-icon svg { width:22px; height:22px; }
    .home-page .slogan-line-copy { font-size:13px; line-height:1.72; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .slogan-line-icon { transition:none; }
}

/* ========================================================================== 
   OFFICIAL TOURNAMENT IDENTITY · v173
   Reference-led navy identity panel with cyan motion accents.
   ========================================================================== */
.home-page .hero-copy .hero-event-board {
    border-color:rgba(98,221,244,.58);
    border-top-color:#62ddf4;
    background:#fff;
    box-shadow:0 24px 54px rgba(0,10,36,.32),0 0 0 1px rgba(98,221,244,.08);
    animation:tournamentCardEnter .62s cubic-bezier(.2,.78,.2,1) both;
}
.home-page .hero-copy .hero-event-brand {
    position:relative;
    isolation:isolate;
    min-height:154px;
    gap:22px;
    padding:18px 23px;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 22% 50%,rgba(98,221,244,.13),transparent 29%),
        linear-gradient(112deg,#041a3e 0%,#07346f 68%,#0b478e 100%);
}
.home-page .hero-copy .hero-event-brand::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:-30% -65%;
    transform:translateX(-55%) rotate(12deg);
    background:linear-gradient(90deg,transparent 45%,rgba(151,233,249,.15) 50%,transparent 55%);
    animation:tournamentCardSweep 6.5s ease-in-out infinite;
    pointer-events:none;
}
.home-page .hero-copy .hero-event-brand::after {
    content:'IV';
    position:absolute;
    z-index:-1;
    right:-11px;
    bottom:-28px;
    color:transparent;
    -webkit-text-stroke:1px rgba(151,226,246,.17);
    font:900 112px/.8 var(--font-display);
    letter-spacing:-.08em;
    pointer-events:none;
}
.home-page .hero-event-crest {
    position:relative;
    z-index:1;
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:#fff;
    box-shadow:0 18px 35px rgba(0,9,34,.38),inset 0 0 0 1px rgba(12,81,144,.12),0 0 0 8px rgba(98,221,244,.06);
}
.home-page .hero-event-crest::before {
    content:'';
    position:absolute;
    inset:-9px;
    border:1px dashed rgba(119,226,246,.66);
    border-radius:50%;
    animation:tournamentCrestOrbit 18s linear infinite;
}
.home-page .hero-event-crest::after {
    content:'';
    position:absolute;
    right:-4px;
    top:10px;
    width:15px;
    height:15px;
    border:3px solid #07346f;
    border-radius:50%;
    background:#62ddf4;
    box-shadow:0 0 0 5px rgba(98,221,244,.12),0 0 22px rgba(98,221,244,.8);
    animation:tournamentCrestPulse 2.6s ease-in-out infinite;
}
.home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest {
    width:94px;
    height:94px;
    margin:0;
    padding:2px;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    filter:drop-shadow(0 7px 10px rgba(4,34,67,.18));
}
.home-page .hero-copy .hero-event-board .hero-side-label {
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    gap:0;
    color:#fff;
}
.home-page .hero-copy .hero-event-board .hero-side-label > span {
    color:#81e4f4;
    font-size:8px;
    line-height:1;
    letter-spacing:.22em;
}
.home-page .hero-copy .hero-event-board .hero-side-label > strong {
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:clamp(18px,1.45vw,23px);
    line-height:1.05;
    letter-spacing:-.025em;
    white-space:nowrap;
    text-shadow:0 8px 24px rgba(0,9,38,.28);
}
.home-page .hero-copy .hero-event-board .hero-side-label > b {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    min-height:0;
    margin-top:14px;
    padding:0;
    color:#70dff2;
    border-radius:0;
    background:transparent;
    font:900 clamp(19px,1.65vw,25px)/1 var(--font-display);
    letter-spacing:-.025em;
    white-space:nowrap;
}
.home-page .hero-copy .hero-event-board .hero-side-label > b::before {
    content:'';
    width:38px;
    height:3px;
    flex:0 0 auto;
    background:linear-gradient(90deg,#fff,#62ddf4);
    box-shadow:0 0 15px rgba(98,221,244,.52);
    transform-origin:left;
    animation:tournamentLineIn .7s .28s cubic-bezier(.2,.8,.2,1) both;
}
.home-page .hero-copy .hero-event-facts {
    position:relative;
    background:#dbe8f1;
}
.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    position:relative;
    background:linear-gradient(180deg,#fff,#f4f9ff);
    transition:background .24s ease,transform .24s ease,box-shadow .24s ease;
}
.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location)::before {
    content:'';
    position:absolute;
    left:14px;
    top:0;
    width:42px;
    height:3px;
    background:linear-gradient(90deg,#176cf2,#62ddf4);
    box-shadow:0 0 12px rgba(69,190,232,.35);
}
.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location):hover {
    z-index:1;
    background:#fff;
    box-shadow:0 12px 25px rgba(5,50,104,.12);
    transform:translateY(-2px);
}

@keyframes tournamentCardEnter {
    from { opacity:0; transform:translateY(16px) scale(.985); }
    to { opacity:1; transform:none; }
}
@keyframes tournamentCardSweep {
    0%,55% { transform:translateX(-55%) rotate(12deg); }
    78%,100% { transform:translateX(55%) rotate(12deg); }
}
@keyframes tournamentCrestOrbit { to { transform:rotate(360deg); } }
@keyframes tournamentCrestPulse {
    0%,100% { transform:scale(.86); opacity:.72; }
    50% { transform:scale(1); opacity:1; }
}
@keyframes tournamentLineIn {
    from { opacity:0; transform:scaleX(0); }
    to { opacity:1; transform:scaleX(1); }
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-brand { min-height:128px; gap:17px; padding:15px 17px; }
    .home-page .hero-event-crest { width:88px; height:88px; }
    .home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest { width:75px; height:75px; }
    .home-page .hero-event-crest::after { right:-3px; top:7px; width:13px; height:13px; border-width:2px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:7px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { margin-top:8px; font-size:17px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b { gap:9px; margin-top:11px; font-size:19px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b::before { width:29px; }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-brand { min-height:112px; gap:13px; padding:13px 14px; }
    .home-page .hero-event-crest { width:76px; height:76px; box-shadow:0 14px 28px rgba(0,9,34,.34),0 0 0 6px rgba(98,221,244,.06); }
    .home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest { width:65px; height:65px; }
    .home-page .hero-event-crest::before { inset:-7px; }
    .home-page .hero-event-crest::after { width:11px; height:11px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > span { font-size:5.8px; letter-spacing:.18em; }
    .home-page .hero-copy .hero-event-board .hero-side-label > strong { margin-top:7px; font-size:13px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b { gap:7px; margin-top:9px; font-size:15px; }
    .home-page .hero-copy .hero-event-board .hero-side-label > b::before { width:23px; height:2px; }
    .home-page .hero-copy .hero-event-brand::after { right:-7px; bottom:-17px; font-size:77px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .hero-copy .hero-event-board,
    .home-page .hero-copy .hero-event-brand::before,
    .home-page .hero-event-crest::before,
    .home-page .hero-event-crest::after,
    .home-page .hero-copy .hero-event-board .hero-side-label > b::before { animation:none!important; }
    .home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location):hover { transform:none; }
}

/* ========================================================================== 
   KICK-OFF COUNTDOWN · v175
   Bright match-clock styling with a restrained football goal moment.
   ========================================================================== */
.home-page .countdown-bar {
    isolation:isolate;
    height:126px;
    grid-template-columns:minmax(170px,.75fr) auto minmax(155px,.65fr);
    gap:26px;
    padding:17px 30px;
    overflow:hidden;
    color:#08275a;
    border:1px solid rgba(120,204,238,.64);
    border-top:0;
    border-radius:18px 18px 0 0;
    background:
        radial-gradient(circle at 76% -40%,rgba(98,221,244,.3),transparent 37%),
        linear-gradient(118deg,rgba(255,255,255,.985),rgba(238,248,255,.97));
    box-shadow:0 28px 65px rgba(0,25,71,.25),inset 0 1px 0 #fff;
    backdrop-filter:blur(22px) saturate(1.25);
    -webkit-backdrop-filter:blur(22px) saturate(1.25);
}
.home-page .countdown-bar::before {
    content:'';
    position:absolute;
    z-index:3;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg,#176cf2 0%,#62ddf4 42%,#fff 50%,#62ddf4 58%,#176cf2 100%);
    box-shadow:0 0 22px rgba(98,221,244,.68);
    pointer-events:none;
}
.home-page .countdown-bar::after {
    content:'';
    position:absolute;
    z-index:-1;
    right:10%;
    top:50%;
    width:164px;
    height:164px;
    border:1px solid rgba(23,108,242,.075);
    border-radius:50%;
    box-shadow:0 0 0 24px rgba(23,108,242,.025);
    transform:translateY(-50%);
    pointer-events:none;
}
.home-page .countdown-title {
    position:relative;
    z-index:2;
    gap:6px;
    padding-left:17px;
}
.home-page .countdown-title::before {
    content:'';
    position:absolute;
    left:0;
    top:2px;
    bottom:2px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg,#176cf2,#62ddf4);
    box-shadow:0 0 14px rgba(98,221,244,.54);
}
.home-page .countdown-title span {
    color:#176cf2;
    font-size:9px;
    line-height:1;
    letter-spacing:.18em;
}
.home-page .countdown-title strong {
    color:#061f55;
    font-size:clamp(18px,1.45vw,23px);
    line-height:1.12;
    letter-spacing:-.035em;
    text-wrap:balance;
}
.home-page .countdown-cells {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,72px 10px) 72px;
    align-items:center;
    gap:7px;
}
.home-page .countdown-cells div {
    position:relative;
    min-width:0;
    min-height:83px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:11px 7px 9px;
    overflow:hidden;
    border:1px solid #c9e3f1;
    border-radius:12px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 24px rgba(12,75,146,.1),inset 0 1px 0 #fff;
}
.home-page .countdown-cells div::before {
    content:'';
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,#176cf2,#62ddf4);
}
.home-page .countdown-cells div:last-of-type {
    border-color:#9edbea;
    box-shadow:0 12px 28px rgba(22,143,190,.16),0 0 0 3px rgba(98,221,244,.08);
}
.home-page .countdown-cells strong {
    display:block;
    color:#0b4696;
    background:linear-gradient(145deg,#08275a 10%,#176cf2 68%,#20bfd2);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:35px;
    line-height:.94;
    letter-spacing:-.055em;
    font-variant-numeric:tabular-nums;
    filter:drop-shadow(0 7px 12px rgba(23,108,242,.08));
}
.home-page .countdown-cells strong.is-flipping {
    animation:kickoffDigit .34s cubic-bezier(.2,.8,.2,1);
}
.home-page .countdown-cells span {
    margin-top:8px;
    color:#47647f;
    font-size:7px;
    line-height:1;
    letter-spacing:.14em;
}
.home-page .countdown-cells > b {
    align-self:center;
    color:#20b8d1;
    font-size:24px;
    line-height:1;
    text-align:center;
    text-shadow:0 0 13px rgba(32,184,209,.38);
}
.home-page .live-chip {
    position:relative;
    z-index:2;
    color:#365a77;
}
.home-page .countdown-goal-scene {
    z-index:1;
    right:19px;
    top:17px;
    opacity:.92;
}
.home-page .countdown-ball {
    width:29px;
    height:29px;
    padding:0;
    background:#fff;
    border:0;
    box-shadow:0 8px 15px rgba(2,24,63,.28);
    filter:none;
}
.home-page .countdown-ball svg { width:100%; height:100%; display:block; }

@keyframes kickoffDigit {
    0% { transform:translateY(0) scale(1); filter:drop-shadow(0 0 0 rgba(98,221,244,0)); }
    42% { transform:translateY(-5px) scale(1.08); filter:drop-shadow(0 0 12px rgba(98,221,244,.72)); }
    100% { transform:translateY(0) scale(1); filter:drop-shadow(0 7px 12px rgba(23,108,242,.08)); }
}

@media (max-width:780px) {
    .home-page .countdown-bar {
        height:174px;
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr;
        gap:10px;
        align-items:center;
        padding:14px 12px 12px;
        border-radius:14px 14px 0 0;
    }
    .home-page .countdown-title {
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:row;
        gap:8px;
        padding:0;
        text-align:center;
    }
    .home-page .countdown-title::before { display:none; }
    .home-page .countdown-title span {
        min-height:24px;
        display:inline-flex;
        align-items:center;
        padding:0 9px;
        border:1px solid #b9def0;
        border-radius:999px;
        background:#fff;
        font-size:6.5px;
    }
    .home-page .countdown-title strong { font-size:13px; white-space:nowrap; }
    .home-page .countdown-cells {
        width:100%;
        grid-template-columns:repeat(3,minmax(0,1fr) 6px) minmax(0,1fr);
        gap:4px;
        padding:0;
    }
    .home-page .countdown-cells div { min-height:88px; padding:11px 3px 9px; }
    .home-page .countdown-cells strong { font-size:clamp(25px,8vw,31px); }
    .home-page .countdown-cells span { margin-top:7px; font-size:6px; letter-spacing:.08em; }
    .home-page .countdown-cells > b { font-size:17px; }
    .home-page .countdown-goal-scene {
        left:auto;
        right:-26px;
        top:-7px;
        bottom:auto;
        opacity:.12;
        transform:scale(.7);
        transform-origin:right top;
    }
    .home-page .live-chip { display:none; }
}

@media (max-width:350px) {
    .home-page .countdown-bar { height:168px; gap:8px; padding-inline:8px; }
    .home-page .countdown-title { gap:6px; }
    .home-page .countdown-title span { padding-inline:7px; font-size:5.8px; }
    .home-page .countdown-title strong { font-size:11px; }
    .home-page .countdown-cells { gap:3px; grid-template-columns:repeat(3,minmax(0,1fr) 5px) minmax(0,1fr); }
    .home-page .countdown-cells div { min-height:82px; border-radius:9px; }
    .home-page .countdown-cells strong { font-size:24px; }
    .home-page .countdown-cells span { font-size:5.5px; }
    .home-page .countdown-cells > b { font-size:14px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .countdown-cells strong.is-flipping,
    .home-page .countdown-goal-net,
    .home-page .countdown-ball,
    .home-page .countdown-goal-scene > b { animation:none!important; }
}

/* ========================================================================== 
   MOBILE HERO MEDIA · v176
   A true 4:3 landscape match frame with a compact control dock underneath.
   ========================================================================== */
@media (max-width:780px) {
    .home-page .hero-presentation {
        width:100%;
        gap:10px;
        padding:8px 0 12px 8px;
    }
    .home-page .hero-presentation::before {
        inset:0 0 0 2px;
        border-radius:3px 19px 3px 3px;
    }
    .home-page .hero-presentation .hero-visual-stage {
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:4 / 3;
        border-radius:3px 21px 3px 3px;
        box-shadow:8px 10px 0 rgba(89,224,244,.11),0 24px 55px rgba(0,6,27,.4),inset 0 1px rgba(255,255,255,.22);
    }
    .home-page .hero-presentation .hero-visual-stage::before {
        inset:8px;
        border-radius:2px 14px 2px 2px;
    }
    .home-page .hero-presentation .hero-visual-stage::after {
        width:72px;
        height:3px;
        right:9px;
        top:9px;
    }
    .home-page .hero-presentation .hero-slide,
    .home-page .hero-presentation .hero-slide img {
        width:100%;
        height:100%;
    }
    .home-page .hero-presentation .hero-slide img {
        object-fit:cover;
        object-position:center 45%;
    }
    .home-page .hero-presentation .hero-visual-stage .hero-slides::after {
        background:linear-gradient(180deg,rgba(1,12,31,.15),transparent 35%,transparent 68%,rgba(1,13,33,.45));
    }
    .home-page .hero-presentation > .hero-slider-controls {
        margin-top:0;
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel {
        min-height:102px;
        grid-template-columns:44px minmax(0,1fr) 44px;
        gap:7px;
        padding:7px;
        border-radius:3px 14px 3px 3px;
        box-shadow:7px 9px 0 rgba(63,198,225,.1),0 14px 28px rgba(0,10,35,.27),inset 0 1px rgba(255,255,255,.1);
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button {
        width:44px;
        height:48px;
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > strong {
        max-width:100%;
        font-size:10px;
        line-height:1.25;
    }
}

@media (max-width:370px) {
    .home-page .hero-presentation { gap:8px; padding-left:7px; }
    .home-page .hero-presentation .hero-visual-stage { border-radius:3px 17px 3px 3px; }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel {
        min-height:98px;
        grid-template-columns:40px minmax(0,1fr) 40px;
        gap:5px;
        padding:6px;
    }
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel > button {
        width:40px;
        height:46px;
    }
}

/* ========================================================================== 
   SECTION SIGNAL PILLS · v177
   High-contrast Navy–Royal Blue–Cyan labels shared across the home page.
   ========================================================================== */
:root {
    --signal-navy:#051a3d;
    --signal-royal:#176cf2;
    --signal-cyan:#62ddf4;
    --signal-cyan-soft:#dffbff;
}

.home-page :is(.kicker,.dark-kicker),
.home-page .regulations-teaser-kicker > span {
    position:relative;
    min-height:34px;
    gap:10px;
    padding:0 14px;
    overflow:hidden;
    border:1px solid rgba(122,232,248,.88);
    border-radius:999px;
    color:#fff;
    background:
        linear-gradient(105deg,var(--signal-navy) 0%,#0a3d91 56%,var(--signal-royal) 100%);
    box-shadow:
        0 10px 24px rgba(2,20,56,.28),
        0 0 0 3px rgba(98,221,244,.1),
        inset 0 1px rgba(255,255,255,.2);
    font-size:9px;
    line-height:1.2;
    letter-spacing:.14em;
    text-shadow:0 1px 8px rgba(0,9,34,.36);
}

.home-page :is(.kicker,.dark-kicker)::before,
.home-page .regulations-teaser-kicker > span > i {
    width:7px;
    height:7px;
    flex:0 0 7px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    background:var(--signal-cyan);
    box-shadow:0 0 0 4px rgba(98,221,244,.15),0 0 13px rgba(98,221,244,.72);
}

.home-page :is(.kicker,.dark-kicker)::after,
.home-page .regulations-teaser-kicker > span::after {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(105deg,rgba(255,255,255,.13),transparent 35% 74%,rgba(98,221,244,.14));
    pointer-events:none;
}

.home-page .previous-season-copy-top .kicker,
.home-page .light-head .kicker,
.home-page .awards-heading .kicker,
.home-page .sponsors-heading > .kicker,
.home-page .media-partners-heading > .kicker {
    color:#fff;
}

/* Keep every section label on the same high-contrast signal system even when
   a section has a more specific legacy selector. */
.home-page :is(
    .trailer-identity,
    .previous-season-copy-top,
    .awards-heading-copy,
    .timeline-heading-copy,
    .bracket-head-copy,
    .destination-panel,
    .newsroom-head-copy,
    .gallery-showcase-copy,
    .sponsors-heading,
    .support-partners-heading,
    .media-partners-heading,
    .contact-kicker-line
) > :is(.kicker,.dark-kicker),
.home-page :is(.teams-heading,.matches-section .section-head,.live-center-head) :is(.kicker,.dark-kicker),
.home-page .regulations-teaser .regulations-teaser-kicker > span {
    min-height:34px;
    gap:10px;
    padding:0 14px;
    border:1px solid rgba(122,232,248,.88);
    border-radius:999px;
    color:#fff;
    background:linear-gradient(105deg,var(--signal-navy) 0%,#0a3d91 56%,var(--signal-royal) 100%);
    box-shadow:0 10px 24px rgba(2,20,56,.28),0 0 0 3px rgba(98,221,244,.1),inset 0 1px rgba(255,255,255,.2);
    font-size:9px;
    line-height:1.2;
    letter-spacing:.14em;
    text-shadow:0 1px 8px rgba(0,9,34,.36);
}

.home-page :is(
    .trailer-identity,
    .previous-season-copy-top,
    .awards-heading-copy,
    .timeline-heading-copy,
    .bracket-head-copy,
    .destination-panel,
    .newsroom-head-copy,
    .gallery-showcase-copy,
    .sponsors-heading,
    .support-partners-heading,
    .media-partners-heading,
    .contact-kicker-line
) > :is(.kicker,.dark-kicker)::before,
.home-page :is(.teams-heading,.matches-section .section-head,.live-center-head) :is(.kicker,.dark-kicker)::before {
    width:7px;
    height:7px;
    display:block;
    flex:0 0 7px;
    margin:0;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    background:var(--signal-cyan);
    box-shadow:0 0 0 4px rgba(98,221,244,.15),0 0 13px rgba(98,221,244,.72);
}

@media (max-width:780px) {
    .nav-toggle { overflow:hidden; }
    .home-page :is(.kicker,.dark-kicker),
    .home-page .regulations-teaser-kicker > span {
        min-height:32px;
        max-width:100%;
        padding:0 12px;
        font-size:8px;
        letter-spacing:.115em;
        white-space:normal;
        text-align:left;
    }
    .home-page :is(
        .trailer-identity,
        .previous-season-copy-top,
        .awards-heading-copy,
        .timeline-heading-copy,
        .bracket-head-copy,
        .destination-panel,
        .newsroom-head-copy,
        .gallery-showcase-copy,
        .sponsors-heading,
        .support-partners-heading,
        .media-partners-heading,
        .contact-kicker-line
    ) > :is(.kicker,.dark-kicker),
    .home-page :is(.teams-heading,.matches-section .section-head,.live-center-head) :is(.kicker,.dark-kicker),
    .home-page .regulations-teaser .regulations-teaser-kicker > span {
        min-height:32px;
        padding:0 12px;
        font-size:8px;
        letter-spacing:.115em;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-page :is(.kicker,.dark-kicker),
    .home-page .regulations-teaser-kicker > span { transition:none; }
}

/* ========================================================================== 
   HERO EVENT FACTS BALANCE · v180
   Destination and match date share one compact, aligned information rhythm.
   ========================================================================== */
.home-page .hero-copy .hero-event-board .hero-location {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:normal;
}

.home-page .hero-copy .hero-event-board .hero-date-value,
.home-page .hero-copy .hero-event-board .hero-location-value {
    min-height:34px;
    align-items:flex-end;
}

.home-page .hero-copy .hero-event-board .hero-location-value {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    gap:0;
    padding-top:0;
}

.home-page .hero-copy .hero-event-board .hero-location-value > span {
    display:none;
}

.home-page .hero-copy .hero-event-board .hero-location strong {
    color:#0a376c;
    font-size:clamp(26px,2.05vw,34px);
    line-height:.9;
    letter-spacing:-.045em;
    white-space:nowrap;
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board .hero-date-value,
    .home-page .hero-copy .hero-event-board .hero-location-value {
        min-height:30px;
    }
    .home-page .hero-copy .hero-event-board .hero-location strong {
        font-size:clamp(21px,6.4vw,27px);
    }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board .hero-date-value,
    .home-page .hero-copy .hero-event-board .hero-location-value {
        min-height:27px;
    }
    .home-page .hero-copy .hero-event-board .hero-location strong {
        font-size:clamp(20px,6.1vw,23px);
    }
}

/* ========================================================================== 
   HERO EVENT FACTS · CENTERED SCOREBOARD · v182
   Equal rhythm for the official date and destination on every viewport.
   ========================================================================== */
.home-page .hero-copy .hero-event-facts {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    padding:1px 0 0;
    background:#dbe7f1;
}

.home-page .hero-copy .hero-event-board .hero-date,
.home-page .hero-copy .hero-event-board .hero-location {
    min-width:0;
    min-height:108px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:14px 16px 15px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 118%,rgba(37,99,235,.09),transparent 52%),
        linear-gradient(180deg,#fff 0%,#f5f9ff 100%);
}

.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location)::before {
    left:50%;
    top:0;
    width:48px;
    height:3px;
    background:linear-gradient(90deg,#2563eb,#06b6d4);
    box-shadow:0 4px 12px rgba(37,99,235,.2);
    transform:translateX(-50%);
}

.home-page .hero-copy .hero-event-board .hero-date small,
.home-page .hero-copy .hero-event-board .hero-location small {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:0 0 10px;
    color:#37617f;
    font-size:7px;
    line-height:1;
    letter-spacing:.14em;
    text-align:center;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) small svg {
    width:15px;
    height:15px;
    flex:0 0 15px;
    fill:none;
    stroke:#2563eb;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.home-page .hero-copy .hero-event-board .hero-date-value,
.home-page .hero-copy .hero-event-board .hero-location-value {
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0;
    text-align:center;
}

.home-page .hero-copy .hero-event-board .hero-date strong {
    color:#073b78;
    font-size:clamp(30px,2.45vw,39px);
    line-height:.88;
    letter-spacing:-.055em;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board .hero-date span {
    padding:0;
    color:#416680;
    font-size:7px;
    font-weight:800;
    line-height:1.42;
    letter-spacing:.085em;
    text-align:left;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board .hero-location-value {
    flex-direction:column;
    gap:0;
}

.home-page .hero-copy .hero-event-board .hero-location strong {
    margin:0;
    color:#073b78;
    font-size:clamp(28px,2.35vw,37px);
    line-height:.92;
    letter-spacing:-.05em;
    text-align:center;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location):hover {
    z-index:1;
    background:
        radial-gradient(circle at 50% 118%,rgba(6,182,212,.12),transparent 52%),
        #fff;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.1);
    transform:none;
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location {
        min-height:94px;
        padding:12px 9px;
    }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small {
        gap:5px;
        margin-bottom:9px;
        font-size:7.2px;
        letter-spacing:.11em;
    }
    .home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) small svg {
        width:13px;
        height:13px;
        flex-basis:13px;
    }
    .home-page .hero-copy .hero-event-board .hero-date-value,
    .home-page .hero-copy .hero-event-board .hero-location-value { min-height:33px; gap:7px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:clamp(24px,7.4vw,31px); }
    .home-page .hero-copy .hero-event-board .hero-date span { font-size:6.7px; line-height:1.35; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:clamp(23px,7.1vw,30px); }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board .hero-date,
    .home-page .hero-copy .hero-event-board .hero-location { min-height:88px; padding-inline:7px; }
    .home-page .hero-copy .hero-event-board .hero-date small,
    .home-page .hero-copy .hero-event-board .hero-location small { font-size:6.7px; }
    .home-page .hero-copy .hero-event-board .hero-date strong { font-size:22px; }
    .home-page .hero-copy .hero-event-board .hero-date span { font-size:6.2px; }
    .home-page .hero-copy .hero-event-board .hero-location strong { font-size:21px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) { transition:none; }
}

/* Final readable labels for the centered event facts · v183 */
.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) > small { font-size:9px; }
.home-page .hero-copy .hero-event-board .hero-date-value > span { font-size:8px; }
@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) > small { font-size:7.2px; }
    .home-page .hero-copy .hero-event-board .hero-date-value > span { font-size:6.7px; }
}
@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) > small { font-size:6.7px; }
    .home-page .hero-copy .hero-event-board .hero-date-value > span { font-size:6.2px; }
}

/* ==========================================================================
   TOURNAMENT SPIRIT · HERO MANIFESTO RHYTHM · v184
   A calm, single-column football manifesto that mirrors the hero statements.
   ========================================================================== */
.home-page .tournament-slogan[data-spirit-stage] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:clamp(78px,8vw,118px);
    color:#fff;
    background:
        radial-gradient(circle at 8% 5%,rgba(35,178,230,.20),transparent 29%),
        radial-gradient(circle at 93% 92%,rgba(37,99,235,.27),transparent 33%),
        linear-gradient(135deg,#031329 0%,#072b59 54%,#074a80 100%)!important;
}

.home-page .tournament-slogan[data-spirit-stage]::before {
    content:'FAIR PLAY';
    position:absolute;
    z-index:0;
    right:-.04em;
    bottom:-.12em;
    color:transparent;
    -webkit-text-stroke:1px rgba(189,240,255,.07);
    font:900 clamp(92px,15vw,214px)/.8 var(--font-display);
    letter-spacing:-.075em;
    pointer-events:none;
}

.home-page .tournament-slogan[data-spirit-stage]::after { display:none; }

.home-page .tournament-slogan .slogan-field-lines {
    position:absolute;
    z-index:0;
    inset:0;
    display:block;
    overflow:hidden;
    opacity:.68;
    pointer-events:none;
}

.home-page .tournament-slogan .slogan-field-lines::before,
.home-page .tournament-slogan .slogan-field-lines::after {
    content:'';
    position:absolute;
    border:1px solid rgba(151,231,250,.12);
    border-radius:50%;
}

.home-page .tournament-slogan .slogan-field-lines::before {
    width:min(62vw,760px);
    aspect-ratio:1;
    left:-43vw;
    top:8%;
    box-shadow:0 0 0 80px rgba(98,221,244,.015);
}

.home-page .tournament-slogan .slogan-field-lines::after {
    width:330px;
    height:330px;
    right:-250px;
    bottom:5%;
}

.home-page .tournament-slogan .slogan-field-lines i {
    position:absolute;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(132,229,248,.2),transparent);
}

.home-page .tournament-slogan .slogan-field-lines i:first-child { width:46vw; top:21%; left:-9vw; transform:rotate(-28deg); }
.home-page .tournament-slogan .slogan-field-lines i:nth-child(2) { width:34vw; right:-8vw; bottom:23%; transform:rotate(42deg); }
.home-page .tournament-slogan .slogan-field-lines i:nth-child(3) { width:36vw; left:42%; bottom:6%; transform:rotate(-7deg); }

.home-page .tournament-slogan .slogan-inner {
    position:relative;
    z-index:1;
    width:min(100%,1180px);
    display:grid;
    grid-template-columns:74px minmax(0,1fr)!important;
    align-items:start;
    gap:clamp(22px,3vw,38px)!important;
}

.home-page .tournament-slogan .slogan-mark {
    position:sticky;
    top:116px;
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    margin:0;
    color:#071f43;
    border:1px solid rgba(213,249,255,.86);
    border-radius:50%;
    background:radial-gradient(circle at 35% 28%,#fff 0 28%,#ddf8ff 54%,#68dff2 100%);
    box-shadow:0 0 0 8px rgba(98,221,244,.07),0 16px 32px rgba(0,8,28,.25);
}

.home-page .tournament-slogan .slogan-mark::before {
    content:'';
    position:absolute;
    inset:-9px;
    border:1px dashed rgba(132,232,250,.34);
    border-radius:50%;
}

.home-page .tournament-slogan .slogan-mark::after { display:none; }
.home-page .tournament-slogan .slogan-mark svg { width:39px; height:39px; fill:none; stroke:currentColor; stroke-width:2.15; }

.home-page .tournament-slogan .slogan-copy {
    min-width:0;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}

.home-page .tournament-slogan .slogan-copy::before { display:none; }

.home-page .tournament-slogan .slogan-heading {
    position:relative;
    margin:0 0 25px;
    padding:0 0 23px;
    border:0;
    border-bottom:1px solid rgba(183,234,247,.2);
}

.home-page .tournament-slogan .slogan-heading::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;
    width:90px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#62ddf4);
    box-shadow:0 0 16px rgba(98,221,244,.45);
}

.home-page .tournament-slogan .slogan-heading > span {
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 12px;
    color:#9cefff;
    font:800 8px/1 var(--font-display);
    letter-spacing:.16em;
    text-transform:uppercase;
}

.home-page .tournament-slogan .slogan-heading > span::before {
    content:'';
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#76e8fa;
    box-shadow:0 0 0 5px rgba(118,232,250,.08),0 0 14px rgba(118,232,250,.65);
}

.home-page .tournament-slogan .slogan-heading h2 {
    max-width:none!important;
    margin:0;
    color:#fff;
    font:900 clamp(40px,4.3vw,66px)/.94 var(--font-display);
    letter-spacing:-.055em;
    text-transform:uppercase;
    text-wrap:balance;
}

.home-page .tournament-slogan .slogan-heading h2 > span { color:#fff!important; }
.home-page .tournament-slogan .slogan-heading h2 > em {
    color:#78e7fa!important;
    font-style:italic;
    text-shadow:0 0 24px rgba(98,221,244,.2);
}

.home-page .tournament-slogan .slogan-copy .slogan-statement {
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    max-width:none;
    margin:0;
    padding:0;
    color:#dbeaf3;
    font-family:var(--font-body);
}

.home-page .tournament-slogan .slogan-copy .slogan-statement::before {
    content:'';
    position:absolute;
    z-index:0;
    left:27px;
    top:30px;
    bottom:30px;
    width:1px;
    background:linear-gradient(180deg,transparent,#62ddf4 15%,#62ddf4 85%,transparent);
    opacity:.48;
}

.home-page .tournament-slogan .slogan-statement > p,
.home-page .tournament-slogan .slogan-statement > p + p,
.home-page .tournament-slogan .slogan-statement > p:nth-child(even) {
    position:relative;
    z-index:1;
    grid-column:1!important;
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    margin:0!important;
    padding:14px 23px 14px 13px!important;
    overflow:hidden;
    color:#dcebf4!important;
    border:1px solid rgba(175,229,244,.17)!important;
    border-left:1px solid rgba(175,229,244,.17)!important;
    border-radius:3px 15px 3px 3px!important;
    background:linear-gradient(105deg,rgba(3,24,54,.8),rgba(8,63,111,.48))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
    font:500 15px/1.72 var(--font-body)!important;
    letter-spacing:0!important;
    text-transform:none!important;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.home-page .tournament-slogan .slogan-statement > p::after {
    content:'';
    position:absolute;
    top:13px;
    bottom:13px;
    left:0;
    width:3px;
    border-radius:0 999px 999px 0;
    background:linear-gradient(180deg,#fff,#62ddf4);
    box-shadow:0 0 12px rgba(98,221,244,.42);
}

.home-page .tournament-slogan .slogan-statement > p:first-child {
    color:#f5fbff!important;
    border-color:rgba(141,229,248,.28)!important;
    background:linear-gradient(105deg,rgba(3,27,63,.95),rgba(8,74,132,.62))!important;
}

.home-page .tournament-slogan .slogan-statement > p:first-child .slogan-line-copy {
    font-size:clamp(16px,1.28vw,19px)!important;
    font-weight:700!important;
    line-height:1.6!important;
    letter-spacing:-.01em;
}

.home-page .tournament-slogan .slogan-statement > p:hover {
    z-index:2;
    border-color:rgba(132,232,250,.38)!important;
    background:linear-gradient(105deg,rgba(4,32,70,.96),rgba(8,82,143,.64))!important;
    box-shadow:0 14px 30px rgba(0,8,28,.19),inset 0 1px rgba(255,255,255,.07)!important;
    transform:translateX(4px);
}

.home-page .tournament-slogan .slogan-line-icon {
    --spirit-accent:#62ddf4;
    position:relative;
    z-index:2;
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    display:grid;
    place-items:center;
    align-self:center!important;
    overflow:hidden;
    color:#eaffff;
    border:1px solid rgba(163,235,250,.34)!important;
    border-bottom:3px solid var(--spirit-accent)!important;
    border-radius:11px 11px 11px 3px!important;
    background:linear-gradient(145deg,#13518c,#071f43)!important;
    box-shadow:0 9px 20px rgba(0,8,29,.24)!important;
}

.home-page .tournament-slogan .slogan-line-icon::before { display:none!important; }
.home-page .tournament-slogan .slogan-line-icon::after {
    content:'';
    position:absolute;
    width:25px;
    height:25px;
    right:-14px;
    top:-14px;
    border:1px solid rgba(137,233,250,.42);
    border-radius:50%;
}

.home-page .tournament-slogan .slogan-line-icon svg {
    position:relative;
    z-index:1;
    width:29px!important;
    height:29px!important;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:none!important;
}

.home-page .tournament-slogan .slogan-line-icon--team { --spirit-accent:#91effc; }
.home-page .tournament-slogan .slogan-line-icon--fairplay { --spirit-accent:#f5d76d; color:#fff8d8; }
.home-page .tournament-slogan .slogan-line-icon--destination { --spirit-accent:#8fd9ff; }
.home-page .tournament-slogan .slogan-line-icon--anthem { --spirit-accent:#fff; }

.home-page .tournament-slogan .slogan-line-copy {
    min-width:0;
    display:block;
    color:inherit!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.72!important;
    text-wrap:pretty;
}

.home-page .tournament-slogan :is(.slogan-brand,.slogan-values,.slogan-fairplay,.slogan-ambassador,.slogan-destination) {
    color:#fff;
    font-weight:800;
}

.home-page .tournament-slogan .slogan-brand {
    background:linear-gradient(transparent 72%,rgba(98,221,244,.23) 72%);
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

.home-page .tournament-slogan .slogan-fairplay { color:#fff1a8; }
.home-page .tournament-slogan .slogan-ambassador { color:#a9f2ff; }

.home-page .tournament-slogan .slogan-statement > .slogan-anthem {
    min-height:86px!important;
    padding:15px 38px 15px 13px!important;
    color:#fff!important;
    border-color:rgba(177,239,251,.5)!important;
    background:linear-gradient(106deg,#145fc7 0%,#137ec8 58%,#10a9c4 100%)!important;
    box-shadow:0 17px 34px rgba(0,12,40,.22),inset 4px 0 #a2f3ff!important;
    font-family:var(--font-body)!important;
}

.home-page .tournament-slogan .slogan-statement > .slogan-anthem::before {
    content:'';
    position:absolute;
    z-index:1;
    right:16px;
    top:15px;
    left:auto;
    width:9px;
    height:9px;
    border:2px solid #d9fbff;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 5px rgba(217,251,255,.1),0 0 13px rgba(217,251,255,.5);
    transform:none;
    animation:none;
}

.home-page .tournament-slogan .slogan-statement > .slogan-anthem .slogan-line-copy {
    font-size:clamp(15px,1.18vw,18px)!important;
    font-weight:800!important;
    line-height:1.55!important;
    letter-spacing:.005em;
    text-transform:none;
}

@media (max-width:780px) {
    .home-page .tournament-slogan[data-spirit-stage] { padding-block:66px; }

    .home-page .tournament-slogan .slogan-inner {
        width:calc(100% - 32px);
        margin-inline:auto;
        grid-template-columns:minmax(0,1fr)!important;
        gap:17px!important;
    }

    .home-page .tournament-slogan .slogan-mark {
        position:relative;
        top:auto;
        width:56px;
        height:56px;
    }

    .home-page .tournament-slogan .slogan-mark svg { width:32px; height:32px; }
    .home-page .tournament-slogan .slogan-heading { margin-bottom:18px; padding-bottom:18px; }
    .home-page .tournament-slogan .slogan-heading > span { margin-bottom:10px; font-size:7px; letter-spacing:.13em; }
    .home-page .tournament-slogan .slogan-heading h2 { font-size:clamp(35px,10.3vw,49px); line-height:.96; }
    .home-page .tournament-slogan .slogan-copy .slogan-statement { gap:8px!important; }
    .home-page .tournament-slogan .slogan-copy .slogan-statement::before { left:23px; top:26px; bottom:26px; }

    .home-page .tournament-slogan .slogan-statement > p,
    .home-page .tournament-slogan .slogan-statement > p + p,
    .home-page .tournament-slogan .slogan-statement > p:nth-child(even),
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem {
        min-height:0!important;
        grid-template-columns:48px minmax(0,1fr)!important;
        gap:13px!important;
        padding:13px 14px 13px 10px!important;
    }

    .home-page .tournament-slogan .slogan-line-icon {
        width:48px!important;
        height:48px!important;
        min-height:48px!important;
        border-radius:10px 10px 10px 3px!important;
    }

    .home-page .tournament-slogan .slogan-line-icon svg { width:25px!important; height:25px!important; }
    .home-page .tournament-slogan .slogan-line-copy { font-size:13.5px!important; line-height:1.68!important; }
    .home-page .tournament-slogan .slogan-statement > p:first-child .slogan-line-copy { font-size:15px!important; line-height:1.58!important; }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem { padding-right:30px!important; }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem .slogan-line-copy { font-size:14px!important; line-height:1.52!important; }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem::before { right:10px; top:10px; width:8px; height:8px; }
}

@media (max-width:390px) {
    .home-page .tournament-slogan[data-spirit-stage] { padding-block:56px; }
    .home-page .tournament-slogan .slogan-inner { width:calc(100% - 24px); }
    .home-page .tournament-slogan .slogan-heading h2 { font-size:clamp(31px,10.2vw,40px); }
    .home-page .tournament-slogan .slogan-copy .slogan-statement::before { left:20px; }

    .home-page .tournament-slogan .slogan-statement > p,
    .home-page .tournament-slogan .slogan-statement > p + p,
    .home-page .tournament-slogan .slogan-statement > p:nth-child(even),
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem {
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:10px!important;
        padding:12px 10px 12px 8px!important;
    }

    .home-page .tournament-slogan .slogan-line-icon {
        width:42px!important;
        height:42px!important;
        min-height:42px!important;
    }

    .home-page .tournament-slogan .slogan-line-icon svg { width:22px!important; height:22px!important; }
    .home-page .tournament-slogan .slogan-line-copy { font-size:12.5px!important; line-height:1.64!important; }
    .home-page .tournament-slogan .slogan-statement > p:first-child .slogan-line-copy { font-size:13.5px!important; }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem { padding-right:26px!important; }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem .slogan-line-copy { font-size:12.8px!important; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .tournament-slogan .slogan-statement > p,
    .home-page .tournament-slogan .slogan-statement > p:hover { transform:none; transition:none; }
}

/* HERO DESTINATION · DATE-MATCHED TWO-LINE META · v185 */
.home-page .hero-copy .hero-event-board .hero-location-value {
    flex-direction:row!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:10px!important;
}

.home-page .hero-copy .hero-event-board .hero-location-value > span {
    display:block!important;
    margin:0!important;
    padding:0 0 1px!important;
    color:#416680!important;
    font-size:8px!important;
    font-weight:800;
    line-height:1.42!important;
    letter-spacing:.085em;
    text-align:left;
    text-transform:uppercase;
    white-space:nowrap;
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board .hero-location-value { gap:7px!important; }
    .home-page .hero-copy .hero-event-board .hero-location-value > span {
        padding-bottom:0!important;
        font-size:6.7px!important;
        line-height:1.35!important;
    }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board .hero-location-value { gap:5px!important; }
    .home-page .hero-copy .hero-event-board .hero-location-value > span { font-size:6.2px!important; }
}

/* ==========================================================================
   HOME DISPLAY TITLES · UNIFIED MATCHDAY TYPOGRAPHY · v186
   Three responsive title tiers, Vietnamese-safe leading and one accent rail.
   ========================================================================== */
.home-page {
    --home-title-hero:clamp(38px,5vw,64px);
    --home-title-section:clamp(34px,4.65vw,58px);
    --home-title-long:clamp(30px,4.15vw,52px);
    --home-title-line:1.08;
    --home-title-track:-.047em;
    --home-title-rail:linear-gradient(90deg,#176cf2 0%,#25a9e8 56%,#62ddf4 100%);
}

.home-page :is(
    .hero h1,
    .slogan-heading h2,
    .trailer-copy h2,
    .awards-heading-copy h2,
    .teams-heading h2,
    .timeline-heading-copy h2,
    .matches-section .section-head h2,
    .bracket-head-copy h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head-copy h2,
    .gallery-showcase-copy h2,
    .contact-heading h2
) {
    position:relative;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:.17em 0 .13em!important;
    overflow:visible!important;
    font-family:var(--font-display)!important;
    font-weight:900!important;
    line-height:var(--home-title-line)!important;
    letter-spacing:var(--home-title-track)!important;
    text-transform:uppercase;
    text-rendering:optimizeLegibility;
    text-wrap:balance;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.home-page :is(.hero h1,.slogan-heading h2) {
    font-size:var(--home-title-hero)!important;
}

.home-page :is(
    .trailer-copy h2,
    .awards-heading-copy h2,
    .matches-section .section-head h2,
    .live-center-head h2,
    .newsroom-head-copy h2,
    .gallery-showcase-copy h2,
    .contact-heading h2
) {
    font-size:var(--home-title-section)!important;
}

.home-page :is(
    .teams-heading h2,
    .timeline-heading-copy h2,
    .bracket-head-copy h2,
    .destination-panel h2
) {
    font-size:var(--home-title-long)!important;
}

.home-page :is(
    .hero h1 > span,
    .hero h1 > em,
    .slogan-heading h2 > span,
    .slogan-heading h2 > em,
    .awards-heading-copy h2 > span,
    .timeline-heading-copy h2 > span,
    .timeline-heading-copy h2 > em,
    .live-center-head h2 > span,
    .contact-heading h2 > span,
    .contact-heading h2 > em
) {
    max-width:100%;
    margin:0!important;
    padding:.08em 0 .07em!important;
    overflow:visible!important;
    font-size:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

.home-page :is(
    .hero h1 > em,
    .slogan-heading h2 > em,
    .timeline-heading-copy h2 > em,
    .contact-heading h2 > em
) {
    color:#62ddf4!important;
    background:linear-gradient(100deg,#eaffff 0%,#8debf7 48%,#43cfea 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-style:italic!important;
    filter:drop-shadow(0 0 18px rgba(72,207,235,.16));
}

.home-page :is(
    .trailer-copy h2,
    .awards-heading-copy h2,
    .teams-heading h2,
    .timeline-heading-copy h2,
    .matches-section .section-head h2,
    .bracket-head-copy h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head-copy h2,
    .gallery-showcase-copy h2,
    .contact-heading h2
)::after {
    content:''!important;
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:clamp(58px,7vw,88px)!important;
    height:3px!important;
    margin:clamp(12px,1.4vw,18px) 0 0!important;
    border:0!important;
    border-radius:999px!important;
    opacity:1!important;
    background:var(--home-title-rail)!important;
    box-shadow:0 0 14px rgba(45,180,229,.28)!important;
    transform:none!important;
    animation:none!important;
}

.home-page :is(
    .hero-copy,
    .slogan-heading,
    .trailer-copy,
    .awards-heading-copy,
    .teams-heading,
    .timeline-heading-copy,
    .matches-section .section-head,
    .bracket-head-copy,
    .live-center-head,
    .destination-panel,
    .newsroom-head-copy,
    .gallery-showcase-copy,
    .contact-heading
) {
    overflow:visible!important;
}

@media (max-width:780px) {
    .home-page {
        --home-title-hero:clamp(35px,10.1vw,42px);
        --home-title-section:clamp(31px,8.8vw,36px);
        --home-title-long:clamp(28px,8.15vw,33px);
        --home-title-line:1.1;
        --home-title-track:-.042em;
    }

    .home-page :is(
        .hero h1,
        .slogan-heading h2,
        .trailer-copy h2,
        .awards-heading-copy h2,
        .teams-heading h2,
        .timeline-heading-copy h2,
        .matches-section .section-head h2,
        .bracket-head-copy h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head-copy h2,
        .gallery-showcase-copy h2,
        .contact-heading h2
    ) {
        width:100%;
        padding:.19em 0 .15em!important;
    }

    .home-page :is(
        .trailer-copy h2,
        .awards-heading-copy h2,
        .teams-heading h2,
        .timeline-heading-copy h2,
        .matches-section .section-head h2,
        .bracket-head-copy h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head-copy h2,
        .gallery-showcase-copy h2,
        .contact-heading h2
    )::after {
        width:58px!important;
        height:3px!important;
        margin-top:11px!important;
    }
}

@media (max-width:390px) {
    .home-page {
        --home-title-hero:35px;
        --home-title-section:31px;
        --home-title-long:28px;
    }
}

/* HERO DESTINATION · COLLISION-SAFE FACT ROW · v187 */
.home-page .hero-copy .hero-event-board .hero-location {
    container-type:inline-size;
}

.home-page .hero-copy .hero-event-board .hero-location-value {
    width:100%;
    min-width:0;
    display:grid!important;
    grid-template-columns:minmax(0,max-content) max-content;
    align-items:end!important;
    align-content:end!important;
    justify-content:center!important;
    column-gap:clamp(7px,1.1cqw,12px)!important;
    overflow:visible;
}

.home-page .hero-copy .hero-event-board .hero-location-value > strong {
    min-width:0;
    max-width:100%;
    display:block;
    margin:0!important;
    color:#073b78;
    font-size:clamp(19px,12.5cqw,37px)!important;
    line-height:.9!important;
    letter-spacing:-.055em!important;
    text-align:right!important;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board .hero-location-value > span {
    position:relative;
    z-index:2;
    min-width:max-content;
    align-self:end;
    padding:0 0 1px clamp(7px,1.1cqw,10px)!important;
    border:0!important;
    border-left:1px solid #afd9e8!important;
    background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72));
    text-align:left!important;
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board .hero-location-value {
        column-gap:5px!important;
    }

    .home-page .hero-copy .hero-event-board .hero-location-value > strong {
        font-size:clamp(18px,12.5cqw,27px)!important;
    }

    .home-page .hero-copy .hero-event-board .hero-location-value > span {
        padding-left:6px!important;
    }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board .hero-location-value {
        column-gap:4px!important;
    }

    .home-page .hero-copy .hero-event-board .hero-location-value > strong {
        font-size:clamp(17px,12cqw,21px)!important;
    }

    .home-page .hero-copy .hero-event-board .hero-location-value > span {
        padding-left:4px!important;
        font-size:5.8px!important;
        letter-spacing:.065em;
    }
}

/* HERO FACT PAIR · IDENTICAL DATE & DESTINATION SYSTEM · v188 */
.home-page .hero-copy .hero-event-board :is(.hero-date,.hero-location) {
    container-type:inline-size;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    text-align:center;
}

.home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) {
    width:100%;
    min-width:0;
    min-height:38px;
    display:grid!important;
    grid-template-columns:minmax(0,max-content) max-content;
    align-items:end!important;
    justify-content:center!important;
    column-gap:clamp(7px,1.1cqw,12px)!important;
    padding:0!important;
    overflow:visible;
    text-align:center;
}

.home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > strong {
    min-width:0;
    max-width:100%;
    display:block;
    margin:0!important;
    color:#073b78!important;
    font-size:clamp(17px,12.5cqw,39px)!important;
    font-weight:900;
    line-height:.9!important;
    letter-spacing:-.055em!important;
    text-align:right!important;
    white-space:nowrap;
}

.home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > span {
    position:relative;
    z-index:2;
    min-width:max-content;
    align-self:end;
    display:block!important;
    margin:0!important;
    padding:0 0 1px clamp(7px,1.1cqw,10px)!important;
    border-left:1px solid #afd9e8;
    color:#416680!important;
    background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72));
    font-size:clamp(5.8px,2.25cqw,8px)!important;
    font-weight:800;
    line-height:1.35!important;
    letter-spacing:.075em!important;
    text-align:left!important;
    text-transform:uppercase;
    white-space:nowrap;
}

@media (max-width:780px) {
    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) {
        min-height:33px;
        column-gap:5px!important;
    }

    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > strong {
        font-size:clamp(18px,12.5cqw,27px)!important;
    }

    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > span {
        padding-left:6px!important;
        font-size:clamp(5.8px,2.25cqw,6.7px)!important;
    }
}

@media (max-width:390px) {
    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) {
        min-height:27px;
        column-gap:4px!important;
    }

    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > strong {
        font-size:clamp(17px,12cqw,21px)!important;
    }

    .home-page .hero-copy .hero-event-board :is(.hero-date-value,.hero-location-value) > span {
        padding-left:4px!important;
        font-size:5.8px!important;
        letter-spacing:.065em!important;
    }
}

/* HERO SLIDER CAPTION · CENTERED TITLE · v189 */
.home-page .hero-presentation > .hero-slider-controls .hero-slider-caption {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.home-page .hero-presentation > .hero-slider-controls .hero-slider-caption > strong {
    width:100%;
    max-width:100%;
    margin-inline:auto;
    text-align:center;
}

/* COMPETITION RIBBON · UNIFIED EVENT FACTS · v190 */
.home-page .competition-ribbon {
    padding-block:clamp(18px,2.2vw,30px);
    background:
        radial-gradient(circle at 8% 50%,rgba(63,207,235,.08),transparent 25%),
        linear-gradient(180deg,#f8fcff,#fff);
}

.home-page .competition-ribbon-inner {
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
    gap:clamp(12px,1.4vw,20px);
    align-items:stretch;
}

.home-page .competition-ribbon-brand {
    position:relative;
    min-width:0;
    min-height:150px;
    display:flex;
    align-items:center;
    gap:clamp(16px,2vw,26px);
    padding:clamp(18px,2.2vw,28px);
    overflow:hidden;
    border:1px solid rgba(93,214,239,.25);
    border-radius:4px 24px 4px 4px;
    background:
        radial-gradient(circle at 14% 20%,rgba(83,219,241,.22),transparent 27%),
        linear-gradient(135deg,#031534 0%,#07366f 64%,#075c94 100%);
    box-shadow:0 18px 42px rgba(7,44,91,.15),inset 0 1px rgba(255,255,255,.12);
}

.home-page .competition-ribbon-brand::after {
    content:'';
    position:absolute;
    right:-54px;
    bottom:-70px;
    width:180px;
    aspect-ratio:1;
    border:1px solid rgba(145,235,248,.16);
    border-radius:50%;
    box-shadow:0 0 0 22px rgba(145,235,248,.035),0 0 0 46px rgba(145,235,248,.02);
    pointer-events:none;
}

.home-page .competition-ribbon-brand .competition-ribbon-crest {
    width:clamp(82px,7vw,104px);
    height:clamp(82px,7vw,104px);
}

.home-page .competition-ribbon-brand .competition-ribbon-crest img {
    width:88%!important;
    height:88%!important;
}

.home-page .competition-ribbon-name {
    position:relative;
    z-index:1;
    min-width:0;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
}

.home-page .competition-ribbon-name small {
    color:#9ceef8;
    font:900 8px/1.2 var(--font-display);
    letter-spacing:.18em;
}

.home-page .competition-ribbon-name > b {
    margin-top:6px;
    color:#fff;
    font:900 clamp(17px,1.55vw,24px)/1.05 var(--font-display);
    letter-spacing:.01em;
    text-wrap:balance;
}

.home-page .competition-ribbon-name strong {
    position:relative;
    margin-top:13px;
    padding-top:12px;
    color:#8debf7;
    font:900 clamp(19px,1.75vw,27px)/1 var(--font-display);
    letter-spacing:.025em;
    text-transform:uppercase;
}

.home-page .competition-ribbon-name strong::before {
    width:54px;
    height:3px;
}

.home-page .competition-ribbon-facts {
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(10px,1.1vw,16px);
}

.home-page .competition-ribbon-fact {
    position:relative;
    container-type:inline-size;
    min-width:0;
    min-height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:clamp(13px,1.4vw,20px);
    padding:clamp(16px,2vw,25px);
    overflow:hidden;
    border:1px solid #d9e9f3;
    border-radius:4px 21px 4px 4px;
    background:
        radial-gradient(circle at 100% 0,rgba(54,184,226,.1),transparent 28%),
        linear-gradient(150deg,#fff,#f4faff);
    box-shadow:0 16px 34px rgba(7,53,105,.09),inset 0 1px #fff;
    text-align:center;
}

.home-page .competition-ribbon-fact::before {
    content:'';
    position:absolute;
    left:50%;
    top:0;
    width:clamp(48px,28%,82px);
    height:4px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#176cf2,#58dff2);
    box-shadow:0 0 16px rgba(47,180,230,.32);
    transform:translateX(-50%);
}

.home-page .competition-ribbon-fact > small {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#1965a2;
    font:900 clamp(6.5px,2.7cqw,9px)/1.2 var(--font-display);
    letter-spacing:.13em;
}

.home-page .competition-ribbon-fact > small svg {
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8;
}

.home-page .competition-ribbon-fact > div {
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,max-content) max-content;
    align-items:end;
    justify-content:center;
    column-gap:clamp(7px,3cqw,12px);
}

.home-page .competition-ribbon-fact > div > strong {
    min-width:0;
    color:#073b78;
    font:900 clamp(22px,13cqw,42px)/.88 var(--font-display);
    letter-spacing:-.055em;
    text-align:right;
    white-space:nowrap;
}

.home-page .competition-ribbon-fact > div > span {
    min-width:max-content;
    padding-left:clamp(6px,2.5cqw,10px);
    border-left:1px solid #add6e6;
    color:#42657e;
    font:800 clamp(6px,2.45cqw,8px)/1.35 var(--font-display);
    letter-spacing:.07em;
    text-align:left;
    text-transform:uppercase;
    white-space:nowrap;
}

@media (max-width:900px) {
    .home-page .competition-ribbon-inner { grid-template-columns:1fr; }
    .home-page .competition-ribbon-brand { min-height:126px; justify-content:center; }
    .home-page .competition-ribbon-fact { min-height:124px; }
}

@media (max-width:480px) {
    .home-page .competition-ribbon { padding-block:14px; }
    .home-page .competition-ribbon-inner { gap:9px; }
    .home-page .competition-ribbon-brand {
        min-height:108px;
        justify-content:flex-start;
        gap:13px;
        padding:13px;
        border-radius:3px 16px 3px 3px;
    }
    .home-page .competition-ribbon-brand .competition-ribbon-crest { width:72px; height:72px; }
    .home-page .competition-ribbon-name small { font-size:6px; }
    .home-page .competition-ribbon-name > b { margin-top:4px; font-size:clamp(13px,4.2vw,16px); }
    .home-page .competition-ribbon-name strong { margin-top:8px; padding-top:8px; font-size:clamp(15px,4.7vw,19px); }
    .home-page .competition-ribbon-facts { gap:7px; }
    .home-page .competition-ribbon-fact {
        min-height:112px;
        gap:11px;
        padding:13px 7px 11px;
        border-radius:3px 13px 3px 3px;
    }
    .home-page .competition-ribbon-fact > small { gap:4px; font-size:clamp(5.8px,2.7cqw,6.8px); }
    .home-page .competition-ribbon-fact > small svg { width:12px; height:12px; }
    .home-page .competition-ribbon-fact > div { column-gap:5px; }
    .home-page .competition-ribbon-fact > div > strong { font-size:clamp(17px,12.5cqw,25px); }
    .home-page .competition-ribbon-fact > div > span { padding-left:5px; font-size:clamp(5.5px,2.4cqw,6.4px); }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .competition-ribbon-crest::before,
    .home-page .competition-ribbon-crest::after { animation:none!important; }
}

/* TOURNAMENT SPIRIT MARK · OFFICIAL EVENT CREST · v191 */
.home-page .tournament-slogan .slogan-mark img {
    position:relative;
    z-index:1;
    width:82%;
    height:82%;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 7px 9px rgba(0,23,61,.24));
}

@media (max-width:780px) {
    .home-page .tournament-slogan .slogan-mark img {
        width:84%;
        height:84%;
    }
}

/* OFFICIAL TRAILER · CINEMATIC MEDIA HUB · v192 */
.home-page .trailer-section {
    padding-block:clamp(84px,8vw,126px);
    background:
        linear-gradient(rgba(110,225,244,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(110,225,244,.055) 1px,transparent 1px),
        radial-gradient(circle at 8% 11%,rgba(40,204,235,.22),transparent 24%),
        radial-gradient(circle at 91% 78%,rgba(23,101,220,.27),transparent 31%),
        linear-gradient(132deg,#010b21 0%,#032352 50%,#064775 100%);
    background-size:72px 72px,72px 72px,auto,auto,auto;
}

.home-page .trailer-layout {
    grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
    align-items:center;
    gap:clamp(46px,5.6vw,88px);
}

.home-page .trailer-copy {
    position:relative;
    z-index:1;
    padding:clamp(22px,2.3vw,34px) 0;
}

.home-page .trailer-copy::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:-24px;
    right:-28px;
    bottom:-24px;
    left:-28px;
    border:1px solid rgba(151,238,249,.1);
    border-radius:4px 34px 4px 4px;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(65,209,236,.018));
    box-shadow:inset 0 1px rgba(255,255,255,.05);
    pointer-events:none;
}

.home-page .trailer-copy::after {
    content:'';
    position:absolute;
    z-index:-1;
    right:-20px;
    bottom:-15px;
    width:118px;
    height:70px;
    opacity:.2;
    background:
        linear-gradient(rgba(157,239,249,.7) 1px,transparent 1px),
        linear-gradient(90deg,rgba(157,239,249,.7) 1px,transparent 1px);
    background-size:14px 14px;
    mask-image:linear-gradient(135deg,transparent,#000);
    pointer-events:none;
}

.home-page .trailer-copy h2 {
    max-width:12ch;
    color:#fff;
    font-size:clamp(48px,4.8vw,76px);
    line-height:1.02!important;
    letter-spacing:-.058em;
    text-wrap:balance;
}

.home-page .trailer-copy > p {
    max-width:56ch;
    margin:24px 0 28px;
    color:#d7edf6;
    font-size:clamp(13px,1.05vw,15px);
    line-height:1.75;
}

.home-page .trailer-facts {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    padding:0;
    border:1px solid rgba(175,241,250,.24);
    border-radius:4px 20px 4px 4px;
    background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(52,192,226,.035));
    box-shadow:0 18px 40px rgba(0,7,29,.2),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(8px);
}

.home-page .trailer-facts > span,
.home-page .trailer-facts > span + span {
    position:relative;
    min-height:98px;
    padding:16px 8px 13px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transition:background-color .2s ease,transform .2s ease;
}

.home-page .trailer-facts > span + span {
    border-left:1px solid rgba(181,242,250,.18);
}

.home-page .trailer-facts > span::before {
    top:0;
    width:42px;
    height:3px;
    background:linear-gradient(90deg,#fff,#72e8f7);
}

.home-page .trailer-facts > span::after {
    right:-32px;
    top:-35px;
    opacity:.62;
}

.home-page .trailer-facts > span:hover {
    transform:none;
    border-color:transparent;
    background:rgba(102,224,242,.08);
    box-shadow:none;
}

.home-page .trailer-facts strong {
    color:#fff;
    background:none;
    -webkit-text-fill-color:currentColor;
    font-size:clamp(31px,3.1vw,43px);
    filter:none;
}

.home-page .trailer-facts small {
    min-height:27px;
    margin-top:8px;
    color:#c6e5ee;
    font-size:7px;
    line-height:1.35;
    letter-spacing:.08em;
}

.home-page .trailer-stage {
    min-height:0;
    aspect-ratio:16 / 9;
    border:1px solid rgba(165,239,249,.5);
    border-top:4px solid #8af0fb;
    border-radius:4px 28px 4px 4px;
    box-shadow:18px 22px 0 rgba(3,19,54,.31),0 35px 74px rgba(0,5,28,.4);
}

.home-page .trailer-stage-badge {
    max-width:min(62%,430px);
    border-radius:3px 14px 3px 3px;
}

.home-page .trailer-library {
    grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);
    align-items:center;
    margin-top:clamp(42px,5vw,68px);
    padding-top:clamp(24px,2.6vw,36px);
}

.home-page .trailer-library > header {
    position:relative;
    padding:0 0 0 18px;
    border-left:3px solid #70e6f5;
}

.home-page .trailer-library h3 {
    max-width:12ch;
    font-size:clamp(24px,2.5vw,38px);
    line-height:1.04;
}

.home-page .trailer-library-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.home-page .trailer-queue-card {
    min-height:190px;
    border-radius:4px 19px 4px 4px;
}

@media (max-width:1050px) {
    .home-page .trailer-layout { grid-template-columns:1fr; gap:40px; }
    .home-page .trailer-copy { max-width:none; }
    .home-page .trailer-copy::before { right:0; left:0; }
    .home-page .trailer-stage { width:100%; aspect-ratio:16 / 9; }
}

@media (max-width:780px) {
    .home-page .trailer-section { padding-block:68px; background-size:48px 48px,48px 48px,auto,auto,auto; }
    .home-page .trailer-copy { padding:16px 14px; }
    .home-page .trailer-copy::before { top:0; bottom:0; border-radius:3px 18px 3px 3px; }
    .home-page .trailer-copy::after { display:none; }
    .home-page .trailer-copy h2 { max-width:13ch; font-size:clamp(38px,10.3vw,52px); }
    .home-page .trailer-copy > p { margin:17px 0 21px; font-size:13px; }
    .home-page .trailer-facts > span,
    .home-page .trailer-facts > span + span { min-height:86px; padding:12px 4px 10px; }
    .home-page .trailer-facts strong { font-size:clamp(27px,8vw,34px); }
    .home-page .trailer-facts small { min-height:23px; margin-top:6px; font-size:5.8px; }
    .home-page .trailer-stage { aspect-ratio:16 / 10; box-shadow:8px 10px 0 rgba(3,19,54,.3),0 22px 48px rgba(0,5,28,.36); }
    .home-page .trailer-library { grid-template-columns:1fr; gap:20px; }
    .home-page .trailer-library > header { padding-left:14px; }
    .home-page .trailer-library h3 { max-width:15ch; }
    .home-page .trailer-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .home-page .trailer-queue-card { min-height:164px; }
}

@media (max-width:390px) {
    .home-page .trailer-copy { padding-inline:11px; }
    .home-page .trailer-copy h2 { font-size:clamp(34px,9.7vw,42px); }
    .home-page .trailer-facts strong { font-size:26px; }
    .home-page .trailer-facts small { font-size:5.5px; letter-spacing:.055em; }
    .home-page .trailer-library-grid { grid-template-columns:1fr; }
    .home-page .trailer-queue-card { min-height:178px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-facts > span { transition:none; }
}

/* OFFICIAL TRAILER · SPORTS BROADCAST FOCUS · v193 */
.home-page .trailer-layout {
    grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);
}

.home-page .trailer-copy {
    align-self:center;
    padding-block:clamp(20px,2vw,30px);
}

.home-page .trailer-copy > p {
    margin-bottom:0;
}

.home-page .trailer-copy .trailer-identity {
    min-height:46px;
    margin-bottom:20px;
}

.home-page .trailer-copy .trailer-kicker {
    min-height:44px;
    gap:12px;
    padding:5px 15px 5px 5px;
    overflow:visible;
    color:#f5fdff;
    border-color:rgba(157,241,255,.72);
    border-radius:7px 999px 999px 7px;
    background:
        linear-gradient(110deg,rgba(7,40,94,.98),rgba(8,89,174,.9) 64%,rgba(0,179,226,.7)),
        #052b68;
    box-shadow:
        inset 0 1px rgba(255,255,255,.25),
        0 12px 32px rgba(0,5,35,.32),
        0 0 28px rgba(50,203,246,.15);
    font-size:10px;
    line-height:1;
    letter-spacing:.16em;
    white-space:nowrap;
}

.home-page .trailer-copy .trailer-kicker::after {
    left:50px;
    background:rgba(201,250,255,.34);
    box-shadow:13px 0 0 rgba(201,250,255,.09);
}

.home-page .trailer-kicker-reel {
    width:34px;
    height:34px;
    color:#073d82;
    border-radius:4px 50% 50% 4px;
    background:radial-gradient(circle at 34% 24%,#fff 0 8%,#d9fbff 9% 28%,#7ceaff 29% 68%,#35bfe8 69% 100%);
    box-shadow:0 4px 14px rgba(0,9,41,.35),inset 0 1px rgba(255,255,255,.96),0 0 18px rgba(105,229,251,.25);
}

.home-page .trailer-kicker-reel svg {
    width:20px;
    height:20px;
}

.home-page .trailer-kicker-signal b {
    background:#d9fbff;
    box-shadow:0 0 10px rgba(129,237,255,.9);
    transform-origin:50% 100%;
    animation:trailerBroadcastSignal 1.45s ease-in-out infinite;
}

.home-page .trailer-kicker-signal b:nth-child(2) { animation-delay:.14s; }
.home-page .trailer-kicker-signal b:nth-child(3) { animation-delay:.28s; }

@keyframes trailerBroadcastSignal {
    0%,100% { opacity:.48; transform:scaleY(.62); }
    50% { opacity:1; transform:scaleY(1); }
}

.home-page .trailer-stage {
    isolation:isolate;
    aspect-ratio:16 / 9;
    background:#031534;
    box-shadow:18px 22px 0 rgba(3,19,54,.31),0 38px 84px rgba(0,5,28,.46),0 0 42px rgba(47,196,240,.11);
}

.home-page .trailer-stage-shade {
    background:
        radial-gradient(circle at 50% 50%,rgba(6,74,141,.02) 0 15%,rgba(1,10,31,.22) 64%,rgba(1,8,25,.55) 100%),
        linear-gradient(0deg,rgba(2,12,34,.42),transparent 48%);
}

.home-page .trailer-stage::after {
    content:'';
    position:absolute;
    z-index:2;
    inset:0;
    background:
        linear-gradient(110deg,transparent 0 43%,rgba(155,239,255,.11) 49%,transparent 55%) -140% 0 / 55% 100% no-repeat;
    animation:trailerStageSweep 7.5s ease-in-out infinite;
    pointer-events:none;
}

@keyframes trailerStageSweep {
    0%,24% { background-position:-140% 0; }
    62%,100% { background-position:340% 0; }
}

.home-page .trailer-stage .trailer-play-icon-only {
    position:absolute;
    z-index:5;
    left:50%;
    bottom:50%;
    width:92px;
    height:92px;
    min-height:92px;
    max-width:none;
    display:grid;
    place-items:center;
    gap:0;
    padding:0;
    border:1px solid rgba(224,251,255,.9);
    border-radius:50%;
    background:rgba(3,34,82,.48);
    box-shadow:0 0 0 10px rgba(117,231,250,.11),0 18px 44px rgba(0,7,31,.48),inset 0 1px rgba(255,255,255,.22);
    backdrop-filter:blur(10px);
    transform:translate(-50%,50%);
    transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.home-page .trailer-stage .trailer-play-icon-only::before,
.home-page .trailer-stage .trailer-play-icon-only::after {
    content:'';
    position:absolute;
    inset:-12px;
    border:1px solid rgba(141,238,253,.34);
    border-radius:inherit;
    pointer-events:none;
    animation:trailerPlayPulse 2.6s ease-out infinite;
}

.home-page .trailer-stage .trailer-play-icon-only::after {
    animation-delay:1.3s;
}

@keyframes trailerPlayPulse {
    0% { opacity:.72; transform:scale(.82); }
    75%,100% { opacity:0; transform:scale(1.35); }
}

.home-page .trailer-stage .trailer-play-icon-only > i {
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#063a7a;
    background:linear-gradient(145deg,#fff 0%,#d9fbff 46%,#72e7fa 100%);
    box-shadow:0 10px 28px rgba(0,12,48,.34),inset 0 1px #fff,0 0 26px rgba(105,231,251,.32);
    transform:none;
    transition:none;
}

.home-page .trailer-stage .trailer-play-icon-only > i svg {
    width:29px;
    height:29px;
    display:block;
    fill:currentColor;
    transform:translateX(2px);
}

.home-page .trailer-stage button.trailer-play-icon-only:hover {
    border-color:#fff;
    background:rgba(9,85,160,.64);
    box-shadow:0 0 0 12px rgba(117,231,250,.15),0 22px 52px rgba(0,7,31,.52),0 0 38px rgba(76,213,249,.28);
    transform:translate(-50%,50%) scale(1.06);
}

.home-page .trailer-stage button.trailer-play-icon-only:hover > i {
    background:linear-gradient(145deg,#fff,#bff7ff);
    transform:none;
}

.home-page .trailer-stage button.trailer-play-icon-only:focus-visible {
    outline:3px solid #fff;
    outline-offset:7px;
}

.home-page .trailer-stage .trailer-play-icon-only.is-pending {
    opacity:.68;
    cursor:default;
}

@media (max-width:1050px) {
    .home-page .trailer-layout { grid-template-columns:1fr; }
    .home-page .trailer-copy { max-width:720px; }
}

@media (max-width:780px) {
    .home-page .trailer-copy { padding:18px 14px 20px; }
    .home-page .trailer-copy .trailer-identity { min-height:39px; margin-bottom:15px; }
    .home-page .trailer-copy .trailer-kicker { min-height:38px; gap:9px; padding:4px 12px 4px 4px; font-size:8px; letter-spacing:.115em; }
    .home-page .trailer-copy .trailer-kicker::after { left:44px; }
    .home-page .trailer-kicker-reel { width:30px; height:30px; }
    .home-page .trailer-kicker-reel svg { width:18px; height:18px; }
    .home-page .trailer-stage { aspect-ratio:16 / 10; }
    .home-page .trailer-stage .trailer-play-icon-only { width:70px; height:70px; min-height:70px; box-shadow:0 0 0 8px rgba(117,231,250,.11),0 14px 34px rgba(0,7,31,.46); }
    .home-page .trailer-stage .trailer-play-icon-only > i { width:52px; height:52px; }
    .home-page .trailer-stage .trailer-play-icon-only > i svg { width:23px; height:23px; }
}

@media (max-width:390px) {
    .home-page .trailer-copy .trailer-kicker { max-width:100%; font-size:7.2px; letter-spacing:.08em; white-space:normal; }
    .home-page .trailer-copy .trailer-kicker > span { overflow-wrap:normal; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .trailer-kicker-signal b,
    .home-page .trailer-stage::after,
    .home-page .trailer-stage .trailer-play-icon-only::before,
    .home-page .trailer-stage .trailer-play-icon-only::after { animation:none; }
}

/* OFFICIAL RULEBOOK · MATCH RULE DOSSIER · v194 */
.home-page .regulations-teaser {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-block:clamp(88px,8.6vw,132px);
    background:
        linear-gradient(rgba(113,225,245,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(113,225,245,.045) 1px,transparent 1px),
        radial-gradient(circle at 8% 14%,rgba(24,142,226,.28),transparent 27%),
        radial-gradient(circle at 92% 78%,rgba(22,202,230,.15),transparent 30%),
        linear-gradient(135deg,#020d25 0%,#05285c 52%,#07538a 100%);
    background-size:64px 64px,64px 64px,auto,auto,auto;
}

.home-page .regulations-teaser::before {
    content:'RULES';
    right:-.03em;
    bottom:-.12em;
    color:transparent;
    -webkit-text-stroke:1px rgba(195,246,252,.055);
    font-size:clamp(120px,18vw,280px);
    line-height:.72;
    letter-spacing:-.09em;
}

.home-page .regulations-teaser-inner {
    grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
    align-items:center;
    gap:clamp(38px,5vw,76px);
}

.home-page .regulations-teaser .regulations-teaser-copy {
    position:relative;
    isolation:isolate;
    padding:clamp(30px,3.5vw,52px);
    border:1px solid rgba(176,241,250,.31);
    border-top:4px solid #86effa;
    border-left:1px solid rgba(176,241,250,.31);
    border-radius:4px 38px 4px 4px;
    background:
        radial-gradient(circle at 100% 0,rgba(85,221,244,.19),transparent 30%),
        linear-gradient(142deg,rgba(3,20,52,.94),rgba(7,57,113,.76));
    box-shadow:
        18px 20px 0 rgba(1,14,40,.22),
        0 34px 72px rgba(0,7,28,.33),
        inset 0 1px rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}

.home-page .regulations-teaser .regulations-teaser-copy::before {
    content:'06';
    z-index:-1;
    right:-.02em;
    bottom:-.13em;
    color:transparent;
    -webkit-text-stroke:1px rgba(189,245,251,.075);
    font:900 clamp(120px,14vw,215px)/.75 var(--font-display);
    letter-spacing:-.1em;
}

.home-page .regulations-teaser .regulations-teaser-copy::after {
    content:'';
    z-index:0;
    top:0;
    right:auto;
    bottom:0;
    left:-34%;
    width:18%;
    height:auto;
    border:0;
    border-radius:0;
    background:linear-gradient(90deg,transparent,rgba(183,246,253,.09),transparent);
    box-shadow:none;
    transform:skewX(-18deg);
    animation:rulebookCardSweep 8s ease-in-out infinite;
    pointer-events:none;
}

@keyframes rulebookCardSweep {
    0%,30% { left:-34%; opacity:0; }
    42% { opacity:1; }
    68%,100% { left:118%; opacity:0; }
}

.home-page .regulations-teaser .regulations-teaser-kicker {
    position:relative;
    z-index:2;
    display:flex;
    margin:0 0 clamp(22px,2.5vw,32px);
    padding:0 0 16px;
    border-bottom:1px solid rgba(194,246,251,.19);
}

.home-page .regulations-teaser .regulations-teaser-kicker > span {
    min-height:38px;
    padding:0 16px;
    border-color:rgba(146,238,251,.78);
    color:#fff;
    background:linear-gradient(105deg,#072556 0%,#0b56b0 60%,#087eb1 100%);
    box-shadow:0 10px 25px rgba(0,9,37,.3),0 0 0 4px rgba(96,224,245,.07),inset 0 1px rgba(255,255,255,.22);
    font-size:9px;
    letter-spacing:.145em;
    white-space:nowrap;
}

.home-page .regulations-teaser .regulations-teaser-kicker > span::after {
    display:none;
}

.home-page .regulations-teaser .regulations-teaser-kicker > small {
    display:none;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 {
    position:relative;
    z-index:2;
    display:grid;
    gap:12px;
    margin:0;
    text-transform:uppercase;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span {
    min-height:clamp(104px,8vw,126px);
    grid-template-columns:clamp(86px,7vw,110px) minmax(0,1fr);
    gap:clamp(18px,2vw,28px);
    padding:8px 0 14px;
    border-bottom:1px solid rgba(186,243,250,.2);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span > b {
    min-width:0;
    color:#9cf3fc;
    border-right:1px solid rgba(188,244,250,.23);
    font-size:clamp(74px,6.6vw,104px);
    line-height:.82;
    letter-spacing:-.1em;
    text-shadow:0 0 28px rgba(113,231,247,.2);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span > b::after {
    right:16%;
    bottom:4px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#73e8f7 64%,transparent);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong {
    min-width:0;
    color:#fff;
    font-size:clamp(43px,3.75vw,61px);
    line-height:.91;
    letter-spacing:-.06em;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em {
    min-height:72px;
    grid-template-columns:54px minmax(0,1fr);
    gap:15px;
    margin:0;
    padding:10px 17px 10px 10px;
    border:1px solid rgba(164,240,250,.38);
    border-radius:4px 19px 4px 4px;
    color:#e8fdff;
    background:
        linear-gradient(105deg,rgba(20,109,207,.64),rgba(11,127,184,.25)),
        rgba(5,45,100,.7);
    box-shadow:inset 4px 0 #89effa,inset 0 1px rgba(255,255,255,.12),0 12px 26px rgba(0,9,36,.16);
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em > i {
    width:48px;
    min-height:48px;
    display:grid;
    place-items:center;
    color:#052c68;
    border-radius:4px 14px 4px 4px;
    background:linear-gradient(145deg,#fff,#d6fbff 45%,#77e8f8);
    box-shadow:0 8px 20px rgba(0,8,35,.26),inset 0 1px #fff;
    font-size:22px;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong {
    min-width:0;
    color:#f2feff;
    font-size:clamp(20px,1.8vw,28px);
    line-height:1.06;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
}

.home-page .regulations-teaser .regulations-teaser-copy > p {
    position:relative;
    z-index:2;
    max-width:49ch;
    margin:24px 0 28px;
    padding:15px 17px;
    border:1px solid rgba(178,241,249,.18);
    border-left:3px solid #82edf9;
    border-radius:3px 15px 3px 3px;
    color:#e2f1f6;
    background:rgba(164,235,246,.055);
    font-size:15px;
    line-height:1.7;
}

.home-page .regulations-teaser .regulations-teaser-action {
    min-width:min(100%,350px);
    min-height:62px;
    border-color:rgba(187,245,252,.7);
    background:linear-gradient(112deg,#0e61ca,#117fce 58%,#19accb);
    box-shadow:9px 10px 0 rgba(119,233,248,.15),0 19px 34px rgba(0,8,31,.26),inset 0 1px rgba(255,255,255,.22);
}

.home-page .regulations-teaser .regulations-teaser-board {
    gap:11px;
    padding:18px;
    border-color:rgba(166,239,249,.34);
    border-top:4px solid #7eeaf8;
    border-radius:4px 30px 4px 4px;
    background:
        radial-gradient(circle at 100% 0,rgba(87,218,241,.14),transparent 31%),
        linear-gradient(142deg,rgba(2,18,48,.9),rgba(7,65,118,.68));
    box-shadow:17px 19px 0 rgba(1,14,40,.18),0 32px 68px rgba(0,7,28,.3),inset 0 1px rgba(255,255,255,.1);
}

.home-page .regulations-teaser .regulation-spotlight-card {
    min-height:116px;
    border-color:rgba(202,244,249,.19);
    background:linear-gradient(108deg,rgba(255,255,255,.095),rgba(59,176,218,.035));
}

@media (max-width:1180px) {
    .home-page .regulations-teaser-inner { grid-template-columns:1fr; gap:40px; }
    .home-page .regulations-teaser .regulations-teaser-copy,
    .home-page .regulations-teaser .regulations-teaser-board { max-width:820px; width:100%; margin-inline:auto; }
}

@media (max-width:780px) {
    .home-page .regulations-teaser { padding-block:70px; background-size:46px 46px,46px 46px,auto,auto,auto; }
    .home-page .regulations-teaser-inner { gap:30px; }
    .home-page .regulations-teaser .regulations-teaser-copy { padding:23px 16px 21px; border-radius:4px 24px 4px 4px; box-shadow:10px 12px 0 rgba(1,14,40,.2),0 24px 50px rgba(0,7,28,.3),inset 0 1px rgba(255,255,255,.1); }
    .home-page .regulations-teaser .regulations-teaser-kicker { margin-bottom:18px; padding-bottom:13px; }
    .home-page .regulations-teaser .regulations-teaser-kicker > span { min-height:34px; max-width:100%; padding-inline:12px; font-size:8px; letter-spacing:.105em; white-space:normal; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 { gap:9px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span { min-height:78px; grid-template-columns:72px minmax(0,1fr); gap:16px; padding:5px 0 10px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > b { font-size:62px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong { font-size:clamp(33px,9.6vw,46px); line-height:.93; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em { min-height:60px; grid-template-columns:43px minmax(0,1fr); gap:11px; padding:8px 11px 8px 8px; border-radius:4px 15px 4px 4px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > i { width:39px; min-height:39px; font-size:18px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong { font-size:clamp(17px,4.9vw,23px); line-height:1.08; }
    .home-page .regulations-teaser .regulations-teaser-copy > p { max-width:none; margin:18px 0 22px; padding:13px 14px; font-size:16px; line-height:1.62; }
    .home-page .regulations-teaser .regulations-teaser-action { width:100%; min-width:0; }
    .home-page .regulations-teaser .regulations-teaser-board { padding:12px; border-radius:4px 22px 4px 4px; }
    .home-page .regulations-teaser .regulation-spotlight-card { min-height:100px; }
}

@media (max-width:390px) {
    .home-page .regulations-teaser .regulations-teaser-copy { padding-inline:13px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span { grid-template-columns:64px minmax(0,1fr); gap:13px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > b { font-size:54px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span > strong { font-size:clamp(29px,9vw,36px); }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em { grid-template-columns:39px minmax(0,1fr); gap:8px; padding-right:9px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > i { width:35px; min-height:36px; font-size:16px; }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em > strong { font-size:clamp(15px,4.45vw,18px); }
    .home-page .regulations-teaser .regulations-teaser-copy > p { font-size:15px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .regulations-teaser .regulations-teaser-copy::after { animation:none; display:none; }
}

/* ========================================================================== 
   MATCHDAY DESIGN SYSTEM · v195
   Shared visual rhythm for the homepage and all public detail pages.
   ========================================================================== */
:root {
    --match-ui-navy-950:#020b1f;
    --match-ui-navy-900:#04152f;
    --match-ui-navy-800:#062657;
    --match-ui-royal:#176cf2;
    --match-ui-cyan:#62ddf4;
    --match-ui-cyan-soft:#dffbff;
    --match-ui-ink:#071d3f;
    --match-ui-body:#415b73;
    --match-ui-surface:#ffffff;
    --match-ui-canvas:#f5f8fc;
    --match-ui-border:#d9e5f0;
    --match-ui-radius:4px 24px 4px 4px;
    --match-ui-radius-lg:4px 34px 4px 4px;
    --match-ui-shadow:0 18px 52px rgba(5,35,78,.11),0 2px 8px rgba(5,35,78,.05);
    --match-ui-shadow-hover:0 25px 64px rgba(5,35,78,.16),0 6px 18px rgba(5,35,78,.07);
    --match-ui-ease:cubic-bezier(.2,.75,.2,1);
    --match-ui-duration:240ms;
    --match-ui-section:clamp(76px,8vw,124px);
}

html {
    scroll-padding-top:112px;
}

body {
    text-size-adjust:100%;
    font-size:16px;
}

body:not(.home-page) {
    color:var(--match-ui-ink);
    background:
        linear-gradient(rgba(8,68,130,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,68,130,.025) 1px,transparent 1px),
        var(--match-ui-canvas);
    background-size:72px 72px;
}

body:not(.home-page) main {
    overflow:clip;
}

.container {
    width:min(calc(100% - clamp(32px,5vw,72px)),var(--container));
}

.section {
    padding-block:var(--match-ui-section);
}

:where(a,button,input,select,textarea,summary) {
    touch-action:manipulation;
}

:where(a,button,input,select,textarea,summary):focus-visible {
    outline:3px solid var(--match-ui-cyan);
    outline-offset:4px;
}

:where(a,button) {
    -webkit-tap-highlight-color:transparent;
}

:where(img,video,iframe) {
    max-width:100%;
}

:where(
    .section-head h2,
    .archive-hero h1,
    .article-hero h1,
    .regulations-hero-copy h1,
    .awards-page-hero-copy h1,
    .awards-page-directory-head h2,
    .awards-page-series-head h2,
    .team-profile-heading h1,
    .team-profile-story h2,
    .team-profile-staff-head h2,
    .team-kits-head h2,
    .team-roster-head h2,
    .match-live-note h2
) {
    max-inline-size:100%;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    text-wrap:balance;
}

body :is(
    .section-head h2,
    .archive-hero h1,
    .article-hero h1,
    .regulations-hero-copy h1,
    .awards-page-hero-copy h1,
    .awards-page-directory-head h2,
    .awards-page-series-head h2,
    .team-profile-heading h1,
    .team-profile-story h2,
    .team-profile-staff-head h2,
    .team-kits-head h2,
    .team-roster-head h2,
    .team-kits-heading h2,
    .team-roster-heading h2,
    .match-live-note h2
) {
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

/* Keep the long Vietnamese team-section labels complete and clear. */
body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) .team-section-heading-copy {
    width:100%;
    min-width:0;
    padding-right:clamp(50px,6vw,72px);
}

body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) h2,
body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) h2 > span {
    display:block;
    max-width:100%;
    overflow:visible;
    overflow-wrap:normal!important;
    word-break:normal!important;
    white-space:nowrap;
}

body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) h2 {
    font-size:clamp(32px,4.25vw,60px);
    line-height:1.08!important;
}

:where(
    .archive-hero p,
    .article-hero p,
    .regulations-hero-copy p,
    .awards-page-hero-copy p,
    .awards-page-directory-head p,
    .rulebook-intro p,
    .team-profile-story-copy,
    .match-live-note p
) {
    max-width:68ch;
    line-height:1.72;
}

body:not(.home-page) .site-header {
    border-bottom:1px solid rgba(10,66,124,.11);
    background:rgba(255,255,255,.91);
    box-shadow:0 12px 36px rgba(4,34,77,.08);
    backdrop-filter:blur(18px) saturate(135%);
}

body:not(.home-page) .site-header.is-scrolled {
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 42px rgba(4,34,77,.12);
}

body:not(.home-page) :is(
    .regulations-hero,
    .awards-page-hero,
    .archive-hero,
    .article-hero,
    .match-detail-hero,
    .team-profile-hero
) {
    isolation:isolate;
    border-bottom:1px solid rgba(119,229,248,.25);
}

body:not(.home-page) :is(
    .regulations-hero,
    .awards-page-hero,
    .archive-hero,
    .match-detail-hero
)::after {
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    opacity:.13;
    background:
        linear-gradient(rgba(148,235,248,.18) 1px,transparent 1px),
        linear-gradient(90deg,rgba(148,235,248,.18) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(120deg,#000,transparent 78%);
    pointer-events:none;
}

body:not(.home-page) :is(
    .regulations-hero-inner,
    .awards-page-hero-inner,
    .archive-hero > .container,
    .match-detail-hero-inner
) {
    position:relative;
    z-index:2;
}

:where(
    .rulebook-card,
    .awards-page-card,
    .archive-card,
    .related-grid > a,
    .team-kit-card,
    .team-player-card,
    .match-statistics-board,
    .match-broadcast-player,
    .match-live-note,
    .match-media-grid > article,
    .match-media-empty
) {
    border-radius:var(--match-ui-radius);
    box-shadow:var(--match-ui-shadow);
}

:where(
    .rulebook-card,
    .awards-page-card,
    .archive-card,
    .related-grid > a,
    .team-kit-card,
    .team-player-card,
    .match-media-grid > article
) {
    transition:
        transform var(--match-ui-duration) var(--match-ui-ease),
        border-color var(--match-ui-duration) ease,
        box-shadow var(--match-ui-duration) ease;
}

@media (hover:hover) and (pointer:fine) {
    :where(
        .rulebook-card,
        .awards-page-card,
        .archive-card,
        .related-grid > a,
        .team-kit-card,
        .team-player-card,
        .match-media-grid > article
    ):hover {
        transform:translateY(-4px);
        box-shadow:var(--match-ui-shadow-hover);
    }
}

.home-page .awards-heading {
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:clamp(30px,4vw,48px);
}

.home-page .awards-heading-copy {
    max-width:960px;
}

.home-page .awards-heading-meta {
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:12px;
    border-color:rgba(145,237,249,.3);
    border-radius:4px 26px 4px 4px;
    background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(61,183,222,.045));
    box-shadow:0 22px 52px rgba(0,7,27,.23),inset 0 1px rgba(255,255,255,.1);
}

.home-page .awards-heading-meta > span,
.home-page .awards-heading-meta > span + span {
    min-height:148px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    justify-content:initial;
    gap:clamp(20px,3vw,40px);
    padding:clamp(22px,2.6vw,34px);
    border:1px solid rgba(190,242,249,.18);
    border-radius:4px 20px 4px 4px;
    text-align:left;
}

.home-page .awards-heading-meta strong {
    min-width:1.65em;
    font-size:clamp(52px,5vw,76px);
    line-height:.8;
    text-align:center;
    font-variant-numeric:tabular-nums;
}

.home-page .awards-heading-meta small {
    width:auto;
    min-height:0;
    margin:0;
    justify-content:flex-start;
    color:#e3f7fb;
    font-size:clamp(9px,.82vw,12px);
    line-height:1.5;
    letter-spacing:.12em;
    text-align:left;
}

.home-page .awards-heading-meta > span::before {
    left:0;
    top:50%;
    width:4px;
    height:56px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,transparent,#fff 25%,#6ce6f8 75%,transparent);
}

body:not(.home-page) .section-head {
    align-items:flex-end;
    padding-top:22px;
    border-top:1px solid rgba(8,62,119,.15);
}

body:not(.home-page) .section-head h2 {
    color:var(--match-ui-ink);
    font-size:clamp(46px,5.4vw,76px);
    line-height:.95;
}

body:not(.home-page) .section-head p {
    color:var(--match-ui-body);
    font-size:16px;
}

@media (min-width:781px) and (max-width:1100px) {
    /* Keep the closed tablet drawer inside the viewport without losing motion. */
    .main-nav { transform:translateY(-8px); }
    .main-nav.is-open { transform:translateY(0); }
}

.news-page .newsroom-archive-section,
.awards-page .awards-page-directory,
.regulations-page .regulations-content,
.article-page .article-body,
.team-profile-page :is(.team-profile-overview,.team-kits-section),
.match-detail-page :is(.match-broadcast-section,.match-statistics-section) {
    position:relative;
    background:rgba(248,251,254,.74);
}

.news-page .archive-card:not(.is-featured),
.article-page .related-grid > a,
.awards-page .awards-page-card,
.regulations-page .rulebook-card,
.team-profile-page :is(.team-kit-card,.team-player-card) {
    border-color:var(--match-ui-border);
}

.article-page .article-body {
    margin-block:clamp(36px,5vw,72px);
    padding:clamp(34px,5vw,68px);
    border:1px solid var(--match-ui-border);
    border-radius:var(--match-ui-radius-lg);
    background:#fff;
    box-shadow:var(--match-ui-shadow);
}

.article-page .prose {
    color:#29445e;
    font-size:17px;
    line-height:1.82;
}

.article-page .prose :is(h2,h3,h4) {
    color:var(--match-ui-ink);
    line-height:1.2;
    text-wrap:balance;
}

.article-page .related-news {
    border-top:1px solid var(--match-ui-border);
    background:#edf4fa;
}

.news-page .archive-card > div > b,
.news-page .news-filter button.is-active,
.news-page .news-filter button:hover {
    color:#075ea8;
}

.regulations-page .rulebook-sidebar {
    border-radius:var(--match-ui-radius);
    box-shadow:var(--match-ui-shadow);
}

.regulations-page .rulebook-sidebar nav a {
    min-height:52px;
}

.match-detail-page .match-broadcast-layout,
.match-detail-page .match-detail-scoreboard {
    gap:clamp(18px,3vw,44px);
}

@media (max-width:780px) {
    :root { --match-ui-section:clamp(62px,15vw,84px); }
    html { scroll-padding-top:86px; }
    .container { width:min(calc(100% - 24px),var(--container)); }
    body { font-size:16px; }
    body:not(.home-page) { background-size:48px 48px; }
    body:not(.home-page) :is(
        .regulations-hero,
        .awards-page-hero,
        .archive-hero,
        .match-detail-hero
    )::after { background-size:46px 46px; }
    :where(a,button,[role='button']) { min-height:44px; }
    body:not(.home-page) .section-head { display:grid; gap:16px; padding-top:18px; }
    body:not(.home-page) .section-head h2 { font-size:clamp(38px,10.8vw,52px); }
    body:not(.home-page) .section-head p { margin:0; font-size:16px; line-height:1.65; }
    .home-page .awards-heading { gap:24px; }
    .home-page .awards-heading-meta { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px; }
    .home-page .awards-heading-meta > span,
    .home-page .awards-heading-meta > span + span {
        min-height:128px;
        grid-template-columns:1fr;
        align-content:center;
        gap:12px;
        padding:17px 9px;
        text-align:center;
    }
    .home-page .awards-heading-meta strong { font-size:clamp(39px,12vw,52px); }
    .home-page .awards-heading-meta small { justify-content:center; font-size:10px; line-height:1.45; letter-spacing:.08em; text-align:center; }
    .home-page .awards-heading-meta > span::before { left:50%; top:0; width:44px; height:3px; transform:translateX(-50%); }
    .article-page .article-body { width:calc(100% - 24px); margin-block:24px 48px; padding:26px 18px 36px; }
    .article-page .prose { font-size:16px; line-height:1.78; }
    .regulations-page .rulebook-sidebar nav a { min-height:48px; }
    body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) {
        grid-template-columns:minmax(0,1fr);
    }
    body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) .team-section-heading-copy {
        padding-right:44px;
    }
    body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) h2 {
        font-size:clamp(23px,7.15vw,30px);
        letter-spacing:-.05em;
    }
    body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) .team-section-football-mark {
        width:36px;
        height:36px;
        right:13px;
        top:13px;
        font-size:21px;
    }
}

@media (max-width:390px) {
    .container { width:min(calc(100% - 20px),var(--container)); }
    .home-page .awards-heading-meta > span,
    .home-page .awards-heading-meta > span + span { min-height:120px; padding-inline:7px; }
    .home-page .awards-heading-meta strong { font-size:38px; }
    .home-page .awards-heading-meta small { font-size:10px; letter-spacing:.065em; }
    body.team-profile-page .section-head:is(.team-kits-heading,.team-roster-heading) h2 {
        font-size:clamp(20px,6vw,24px);
    }
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}

/* ========================================================================== 
   HALL OF CHAMPIONS · v201
   A clearer, more compact honours system shared by home and awards pages.
   ========================================================================== */
:root {
    --honours-gold:#f2c75d;
    --honours-gold-deep:#9b6506;
    --honours-silver:#c9d9e8;
    --honours-bronze:#d78b57;
    --honours-cyan:#69e2f4;
    --honours-violet:#9f8cff;
    --honours-panel:#071c43;
    --honours-panel-2:#0a326d;
    --honours-line:rgba(164,235,247,.23);
}

.home-page .awards-section {
    --home-title-section:clamp(52px,6.8vw,94px);
    background:
        radial-gradient(circle at 9% 3%,rgba(57,185,239,.2),transparent 25%),
        radial-gradient(circle at 92% 18%,rgba(35,101,225,.17),transparent 27%),
        linear-gradient(145deg,#020c22 0%,#061b42 47%,#082c61 100%);
}

.home-page .awards-section::before {
    content:'';
    position:absolute;
    inset:0;
    opacity:.24;
    background:
        linear-gradient(rgba(126,226,244,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(126,226,244,.1) 1px,transparent 1px);
    background-size:68px 68px;
    mask-image:linear-gradient(135deg,#000,transparent 74%);
    pointer-events:none;
}

.home-page .awards-heading-copy { max-width:1080px; }
.home-page .awards-heading-copy .kicker {
    min-height:32px;
    padding-inline:13px;
    border:1px solid rgba(136,235,249,.38);
    border-radius:999px;
    color:#d8fbff;
    background:rgba(81,201,236,.09);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 26px rgba(91,218,240,.08);
    font-size:9px;
    letter-spacing:.14em;
}
.home-page .awards-heading-copy h2 {
    max-width:15ch;
    margin-top:18px;
    color:#fff;
    font-size:clamp(52px,6.8vw,94px);
    line-height:.92!important;
    letter-spacing:-.065em;
}
.home-page .awards-heading-copy h2 > span {
    background:linear-gradient(120deg,#fff 5%,#dffbff 53%,#6ee4f6 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.home-page .awards-heading-copy > p {
    max-width:66ch;
    margin-top:20px;
    color:#c4dfea;
    font-size:16px;
    line-height:1.75;
}

.home-page .awards-heading-meta {
    gap:14px;
    padding:11px;
    border-color:rgba(144,234,247,.28);
    background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(83,203,232,.035));
}
.home-page .awards-heading-meta > span,
.home-page .awards-heading-meta > span + span {
    min-height:132px;
    gap:clamp(18px,2.5vw,34px);
    padding:24px clamp(20px,3vw,38px);
    border-color:rgba(184,241,248,.18);
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(15,86,152,.2));
}
.home-page .awards-heading-meta strong { font-size:clamp(56px,5vw,72px); }
.home-page .awards-heading-meta small { color:#e7faff; font-size:11px; line-height:1.45; letter-spacing:.13em; }

.home-page .awards-layout {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
}
.home-page .award-champion {
    min-height:430px;
    display:grid;
    grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
    grid-template-rows:auto auto auto 1fr;
    align-items:center;
    gap:13px clamp(34px,6vw,88px);
    padding:clamp(38px,5vw,68px);
    overflow:hidden;
    border:1px solid rgba(246,208,107,.48);
    border-top:5px solid var(--honours-gold);
    border-radius:4px 34px 4px 4px;
    background:
        radial-gradient(circle at 18% 44%,rgba(245,203,88,.18),transparent 25%),
        radial-gradient(circle at 92% 8%,rgba(105,226,244,.15),transparent 27%),
        linear-gradient(132deg,#071533,#0b2e66 58%,#0a477f);
    box-shadow:0 30px 72px rgba(0,5,24,.34),inset 0 1px rgba(255,255,255,.12);
    text-align:left;
    isolation:isolate;
}
.home-page .award-champion::before {
    content:'CHAMPIONS';
    position:absolute;
    z-index:-1;
    right:-22px;
    bottom:-22px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,223,133,.1);
    font:900 clamp(72px,12vw,178px)/.8 var(--font-display);
    letter-spacing:-.085em;
    pointer-events:none;
}
.home-page .award-champion > small {
    position:relative;
    grid-column:2;
    grid-row:1;
    width:max-content;
    max-width:100%;
    color:#ffe8a2;
    font-size:10px;
    line-height:1.5;
    letter-spacing:.14em;
}
.home-page .award-champion-icon {
    grid-column:1;
    grid-row:1 / 5;
    width:clamp(160px,18vw,230px);
    height:clamp(160px,18vw,230px);
    display:grid;
    place-items:center;
    align-self:center;
    justify-self:center;
    border:1px solid rgba(255,225,143,.63);
    border-radius:50%;
    background:radial-gradient(circle at 36% 27%,#fff8d6 0 8%,#f8d878 29%,#bf7b08 70%,#593101 100%);
    box-shadow:0 0 0 12px rgba(243,201,93,.08),0 0 0 26px rgba(243,201,93,.035),0 28px 46px rgba(0,5,24,.35),inset -14px -18px 28px rgba(92,48,0,.33);
    font-size:clamp(72px,8vw,112px);
    filter:none;
}
.home-page .award-champion .award-number {
    left:auto;
    right:clamp(24px,4vw,58px);
    bottom:clamp(16px,2vw,28px);
    color:transparent;
    -webkit-text-stroke:1px rgba(255,227,151,.16);
    font-size:clamp(92px,13vw,188px);
    line-height:.72;
}
.home-page .award-champion h3 {
    grid-column:2;
    grid-row:2;
    max-width:13ch;
    margin:0;
    color:#fff;
    font-size:clamp(50px,5.8vw,82px);
    line-height:.91;
    letter-spacing:-.065em;
    text-wrap:balance;
}
.home-page .award-champion p {
    grid-column:2;
    grid-row:3;
    max-width:60ch;
    margin:3px 0 0;
    padding:14px 16px;
    border-left:3px solid var(--honours-gold);
    color:#f9edc6;
    background:rgba(255,233,170,.07);
    font-size:16px;
    line-height:1.62;
}
.home-page .award-champion > b {
    grid-column:2;
    grid-row:4;
    align-self:end;
    max-width:68ch;
    color:#addfec;
    font-size:10px;
    line-height:1.55;
    letter-spacing:.1em;
}

.home-page .award-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.home-page .award-series-divider {
    grid-column:1 / -1;
    min-height:60px;
    margin:8px 0 0;
    padding:0 18px;
    border:1px solid var(--honours-line);
    border-radius:3px 16px 3px 3px;
    background:linear-gradient(90deg,rgba(69,195,228,.15),rgba(255,255,255,.035));
}
.home-page .award-series-divider > span { font-size:10px; letter-spacing:.14em; }
.home-page .award-series-divider > strong { font-size:10px; letter-spacing:.11em; }
.home-page .award-series-divider.is-series-b {
    border-color:rgba(242,199,93,.3);
    background:linear-gradient(90deg,rgba(242,199,93,.14),rgba(255,255,255,.035));
}
.home-page .award-card {
    min-height:174px;
    grid-template-columns:72px minmax(0,1fr) auto;
    align-items:center;
    gap:17px;
    padding:22px 20px;
    border:1px solid rgba(178,235,245,.2);
    border-top:3px solid var(--honours-silver);
    border-radius:3px 20px 3px 3px;
    background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(35,105,174,.15));
    box-shadow:0 16px 34px rgba(0,7,29,.18),inset 0 1px rgba(255,255,255,.07);
}
.home-page .award-card::before { opacity:.26; }
.home-page .award-card-icon {
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    border:1px solid rgba(217,238,249,.52);
    border-radius:50%;
    background:radial-gradient(circle at 35% 27%,#fff 0 9%,#dce8f2 36%,#8197ac 100%);
    box-shadow:0 0 0 7px rgba(203,223,237,.07),0 12px 24px rgba(0,7,29,.22);
    font-size:30px;
}
.home-page .award-card > div { min-width:0; }
.home-page .award-card small { color:#aeeefa; font-size:9px; line-height:1.45; letter-spacing:.12em; }
.home-page .award-card h3 { margin-top:7px; color:#fff; font-size:clamp(20px,2vw,28px); line-height:1.08; text-wrap:balance; }
.home-page .award-card p { margin-top:8px; color:#d5e7ef; font-size:13px; line-height:1.5; }
.home-page .award-card > b { align-self:start; color:rgba(189,232,242,.23); font-size:38px; line-height:.85; }
.home-page .award-card.award-medal-bronze { border-top-color:var(--honours-bronze); }
.home-page .award-card.award-style {
    grid-column:1 / -1;
    min-height:136px;
    border-top-color:var(--honours-violet);
}
.home-page .award-card.award-style .award-card-icon { background:radial-gradient(circle at 35% 27%,#fff 0 9%,#e1dcff 36%,#7564c7 100%); }
.home-page .award-card.award-series-b-gold {
    grid-column:1 / -1;
    min-height:214px;
    grid-template-columns:88px minmax(0,1fr) auto;
    padding:32px 28px 26px;
    border-color:rgba(244,205,101,.48);
    border-top:4px solid var(--honours-gold);
    background:
        radial-gradient(circle at 93% 11%,rgba(255,222,124,.21),transparent 30%),
        linear-gradient(135deg,rgba(109,72,5,.48),rgba(21,75,135,.38));
}
.home-page .award-card.award-series-b-gold .award-card-icon {
    width:80px;
    height:80px;
    border-color:rgba(255,227,146,.72);
    background:radial-gradient(circle at 34% 25%,#fff9d7 0 8%,#f4d066 34%,#a66a06 100%);
    box-shadow:0 0 0 9px rgba(242,199,93,.1),0 18px 30px rgba(0,6,25,.28);
    font-size:39px;
}
.home-page .award-card.award-series-b-gold small { color:#ffe6a2; }
.home-page .award-card.award-series-b-gold h3 { color:#fff7d7; font-size:clamp(28px,3vw,42px); }
.home-page .award-card.award-series-b-gold p { color:#f5e9c8; font-size:14px; }
.home-page .award-gold-spotlight {
    top:13px;
    right:16px;
    min-height:25px;
    padding-inline:10px;
    border-color:rgba(255,225,141,.38);
    color:#ffedb6;
    background:rgba(72,47,2,.48);
    font-size:8px;
}

.home-page .awards-individual-honors {
    margin-top:28px;
    padding:clamp(24px,3vw,38px);
    border-color:rgba(143,235,247,.28);
    border-radius:4px 28px 4px 4px;
    background:linear-gradient(140deg,rgba(8,31,73,.95),rgba(12,72,127,.7));
}
.home-page .awards-individual-head { grid-template-columns:74px minmax(0,1fr) minmax(260px,.5fr); }
.home-page .awards-individual-ball { width:66px; height:66px; }
.home-page .awards-individual-head small { font-size:9px; }
.home-page .awards-individual-head h3 { font-size:clamp(28px,3vw,42px); }
.home-page .awards-individual-head > p { font-size:14px; }
.home-page .award-personal-card {
    min-height:190px;
    padding:22px 18px;
    border-radius:3px 18px 3px 3px;
}
.home-page .award-personal-card small { font-size:9px; }
.home-page .award-personal-card h3 { font-size:clamp(19px,1.8vw,25px); }
.home-page .award-personal-card p { font-size:12px; line-height:1.5; }

.home-page .awards-home-actions { margin-top:20px; }
.home-page .awards-home-actions > a {
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:20px clamp(20px,3vw,34px);
    border:1px solid rgba(154,238,249,.31);
    border-radius:3px 22px 3px 3px;
    color:#fff;
    background:linear-gradient(105deg,rgba(54,180,218,.17),rgba(255,255,255,.055));
    box-shadow:0 18px 38px rgba(0,7,29,.2),inset 0 1px rgba(255,255,255,.08);
    transition:transform 240ms var(--match-ui-ease),border-color 240ms ease,background 240ms ease;
}
.home-page .awards-home-actions span { display:grid; gap:7px; }
.home-page .awards-home-actions small { color:#9eeefa; font-size:9px; font-weight:900; letter-spacing:.14em; }
.home-page .awards-home-actions strong { font-size:clamp(16px,1.7vw,22px); letter-spacing:-.02em; }
.home-page .awards-home-actions svg { width:30px; height:30px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform 240ms var(--match-ui-ease); }
@media (hover:hover) and (pointer:fine) {
    .home-page .awards-home-actions > a:hover { transform:translateY(-3px); border-color:rgba(154,238,249,.62); background:linear-gradient(105deg,rgba(54,180,218,.25),rgba(255,255,255,.08)); }
    .home-page .awards-home-actions > a:hover svg { transform:translateX(5px); }
}

/* Awards directory */
.awards-page .awards-page-hero {
    background:
        radial-gradient(circle at 12% 18%,rgba(58,186,237,.2),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(242,199,93,.16),transparent 24%),
        linear-gradient(135deg,#020c22,#06275b 62%,#07548b);
}
.awards-page .awards-page-kicker { min-height:32px; padding-inline:13px; font-size:9px; }
.awards-page .awards-page-hero h1 { font-size:clamp(58px,7vw,98px); line-height:.92; }
.awards-page .awards-page-hero p { color:#d2e9f2; font-size:16px; line-height:1.75; }
.awards-page .awards-page-seal { border-color:rgba(255,220,126,.52); box-shadow:0 0 0 12px rgba(242,199,93,.055),0 24px 54px rgba(0,7,29,.28),inset 0 1px rgba(255,255,255,.16); }
.awards-page .awards-page-seal > strong { font-size:9px; }
.awards-page .awards-page-seal > small { font-size:8px; }

.awards-page .awards-page-directory {
    background:
        linear-gradient(rgba(18,99,168,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,168,.035) 1px,transparent 1px),
        linear-gradient(135deg,#f8fbfe,#edf4f9);
    background-size:72px 72px,72px 72px,auto;
}
.awards-page .awards-page-directory-head { margin-bottom:30px; }
.awards-page .awards-page-directory-head > div > span { min-height:31px; font-size:9px; }
.awards-page .awards-page-directory-head > p { font-size:16px; }

.awards-page .awards-page-jumpbar {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:28px;
    padding:11px;
    border:1px solid #d3e4ef;
    border-radius:4px 24px 4px 4px;
    background:rgba(255,255,255,.88);
    box-shadow:var(--match-ui-shadow);
    backdrop-filter:blur(14px);
}
.awards-page .awards-page-jumpbar a {
    min-height:86px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    align-items:center;
    gap:3px 14px;
    padding:15px 17px;
    border:1px solid #dce9f2;
    border-radius:3px 17px 3px 3px;
    color:#092f66;
    background:linear-gradient(145deg,#fff,#f2f8fc);
    transition:transform 230ms var(--match-ui-ease),border-color 230ms ease,box-shadow 230ms ease;
}
.awards-page .awards-page-jumpbar a > span { grid-row:1/3; color:#0d82bd; font:900 32px/.8 var(--font-display); letter-spacing:-.06em; }
.awards-page .awards-page-jumpbar a > b { align-self:end; font-size:14px; letter-spacing:.03em; }
.awards-page .awards-page-jumpbar a > small { align-self:start; color:#648099; font-size:9px; font-weight:900; letter-spacing:.1em; }
.awards-page .awards-page-jumpbar svg { grid-column:3; grid-row:1/3; width:23px; height:23px; fill:none; stroke:#0e84bd; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform 230ms var(--match-ui-ease); }
@media (hover:hover) and (pointer:fine) {
    .awards-page .awards-page-jumpbar a:hover { transform:translateY(-3px); border-color:#80d8ea; box-shadow:0 14px 28px rgba(11,92,153,.12); }
    .awards-page .awards-page-jumpbar a:hover svg { transform:translateX(4px); }
}

.awards-page .awards-page-series {
    scroll-margin-top:112px;
    padding:clamp(24px,3vw,38px);
    border-color:#d3e3ee;
    border-radius:4px 28px 4px 4px;
    background:rgba(255,255,255,.91);
    box-shadow:0 22px 54px rgba(7,55,103,.09),inset 0 1px #fff;
}
.awards-page .awards-page-series + .awards-page-series { margin-top:30px; }
.awards-page .awards-page-series-head { margin-bottom:26px; }
.awards-page .awards-page-series-head > span { min-width:64px; font-size:clamp(38px,4vw,54px); }
.awards-page .awards-page-series-head small { font-size:9px; line-height:1.45; }
.awards-page .awards-page-series-head h2 { font-size:clamp(23px,2.2vw,32px); }
.awards-page .awards-page-series-grid { gap:16px; }

.awards-page .awards-page-card {
    min-height:192px;
    grid-template-columns:68px 72px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:13px 16px;
    padding:0 18px 0 0;
    border-color:#d5e4ee;
    border-top:3px solid var(--honours-silver);
    border-radius:3px 20px 3px 3px;
    background:linear-gradient(142deg,#fff,#f3f8fc);
    box-shadow:0 14px 30px rgba(7,60,111,.075);
}
.awards-page .awards-page-card-rank { grid-row:1/-1; min-height:192px; background:linear-gradient(160deg,#075b9d,#0b8fc1); }
.awards-page .awards-page-card-rank small { font-size:8px; }
.awards-page .awards-page-card-rank strong { font-size:36px; }
.awards-page .awards-page-card-emblem { width:66px; height:66px; margin-top:20px; }
.awards-page .awards-page-card-emblem > span { font-size:32px; }
.awards-page .awards-page-card-copy { align-self:end; margin-top:20px; }
.awards-page .awards-page-card-copy > small { color:#147fac; font-size:9px; line-height:1.4; letter-spacing:.1em; }
.awards-page .awards-page-card-copy h3 { margin-top:7px; font-size:clamp(20px,1.8vw,27px); line-height:1.08; }
.awards-page .awards-page-card-prize {
    grid-column:2/-1;
    min-height:62px;
    margin:0 0 15px;
    padding:10px 12px;
    border-left-width:3px;
}
.awards-page .awards-page-card-prize > small { font-size:8px; letter-spacing:.11em; }
.awards-page .awards-page-card-prize > p { margin-top:5px; font-size:12px; line-height:1.48; }

.awards-page .awards-page-card-champion,
.awards-page .awards-page-card.is-series-b-gold {
    grid-column:1 / -1;
    min-height:226px;
    grid-template-columns:86px 96px minmax(0,1fr) minmax(250px,.62fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:20px;
    padding:0 26px 0 0;
    border-color:rgba(205,153,31,.47);
    border-top:4px solid var(--honours-gold);
    background:
        radial-gradient(circle at 92% 8%,rgba(246,205,101,.22),transparent 27%),
        linear-gradient(138deg,#fff9df,#fff 47%,#f4f8fb);
}
.awards-page .awards-page-card-champion .awards-page-card-rank,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-rank {
    grid-row:1;
    min-height:226px;
    background:linear-gradient(160deg,#6c4303,#d6a126 65%,#f4cf65);
}
.awards-page .awards-page-card-champion .awards-page-card-emblem,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-emblem {
    width:88px;
    height:88px;
    margin:0;
}
.awards-page .awards-page-card-champion .awards-page-card-copy,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy { align-self:center; margin:0; }
.awards-page .awards-page-card-champion .awards-page-card-copy > small,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy > small { color:#91610d; font-size:10px; }
.awards-page .awards-page-card-champion .awards-page-card-copy h3,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-copy h3 { color:#5c3900; font-size:clamp(30px,3vw,43px); }
.awards-page .awards-page-card-champion .awards-page-card-prize,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize {
    grid-column:4;
    min-height:100px;
    align-self:center;
    margin:0;
    padding:16px 18px;
    border-left-color:#d9a52b;
    background:rgba(255,237,174,.58);
}
.awards-page .awards-page-card-champion .awards-page-card-prize > p,
.awards-page .awards-page-card.is-series-b-gold .awards-page-card-prize > p { color:#5f4607; font-size:14px; }
.awards-page .awards-page-card-gold-badge { top:12px; right:16px; min-height:25px; padding-inline:9px; font-size:8px; }

.awards-page .awards-page-series-personal { border-top-color:#168fc9; }
.awards-page .awards-page-personal-intro { margin-left:82px; font-size:14px; }
.awards-page .awards-page-card-personal {
    min-height:204px;
    grid-template-columns:62px minmax(0,1fr);
    padding-right:16px;
}
.awards-page .awards-page-card-personal .awards-page-card-rank { min-height:204px; }
.awards-page .awards-page-card-personal .awards-page-card-emblem { width:64px; height:64px; }
.awards-page .awards-page-card-personal .awards-page-card-copy > small { font-size:9px; }
.awards-page .awards-page-card-personal .awards-page-card-copy h3 { font-size:clamp(19px,1.7vw,25px); }
.awards-page .awards-page-card-personal .awards-page-card-prize { min-height:64px; }

@media (max-width:1040px) {
    .awards-page .awards-page-series-grid { grid-template-columns:1fr; }
    .awards-page .awards-page-card-champion,
    .awards-page .awards-page-card.is-series-b-gold { grid-column:1; }
    .awards-page .awards-page-personal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:780px) {
    .home-page .awards-section { --home-title-section:clamp(42px,12vw,58px); }
    .home-page .awards-heading-copy .kicker { min-height:30px; font-size:8px; }
    .home-page .awards-heading-copy h2 { font-size:clamp(42px,12vw,58px); line-height:.98!important; }
    .home-page .awards-heading-copy > p { font-size:15px; line-height:1.7; }
    .home-page .awards-heading-meta { gap:8px; padding:8px; }
    .home-page .awards-heading-meta > span,
    .home-page .awards-heading-meta > span + span { min-height:120px; gap:8px; padding:17px 8px; }
    .home-page .awards-heading-meta strong { font-size:clamp(39px,12vw,50px); }
    .home-page .awards-heading-meta small { font-size:10px; line-height:1.42; letter-spacing:.07em; }
    .home-page .awards-layout { gap:16px; }
    .home-page .award-champion {
        min-height:510px;
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto auto;
        gap:13px;
        padding:29px 20px 26px;
        text-align:center;
    }
    .home-page .award-champion > small { grid-column:1; grid-row:1; justify-self:center; width:auto; font-size:8.5px; }
    .home-page .award-champion-icon { grid-column:1; grid-row:2; width:126px; height:126px; font-size:59px; }
    .home-page .award-champion h3 { grid-column:1; grid-row:3; justify-self:center; font-size:clamp(38px,11vw,52px); }
    .home-page .award-champion p { grid-column:1; grid-row:4; justify-self:stretch; padding:12px 13px; border-left:0; border-top:3px solid var(--honours-gold); font-size:14px; }
    .home-page .award-champion > b { grid-column:1; grid-row:5; justify-self:center; font-size:8px; }
    .home-page .award-champion .award-number { right:8px; bottom:4px; font-size:104px; }
    .home-page .award-grid { grid-template-columns:1fr; gap:11px; }
    .home-page .award-series-divider,
    .home-page .award-card.award-style,
    .home-page .award-card.award-series-b-gold { grid-column:1; }
    .home-page .award-series-divider { min-height:54px; padding-inline:13px; }
    .home-page .award-series-divider > span,
    .home-page .award-series-divider > strong { font-size:8.5px; }
    .home-page .award-card,
    .home-page .award-card.award-style,
    .home-page .award-card.award-series-b-gold {
        min-height:154px;
        grid-template-columns:56px minmax(0,1fr) auto;
        gap:11px;
        padding:19px 13px;
        border-radius:3px 16px 3px 3px;
    }
    .home-page .award-card-icon,
    .home-page .award-card.award-series-b-gold .award-card-icon { width:52px; height:52px; font-size:25px; box-shadow:0 0 0 5px rgba(203,223,237,.07),0 9px 18px rgba(0,7,29,.2); }
    .home-page .award-card small { font-size:8px; letter-spacing:.08em; }
    .home-page .award-card h3,
    .home-page .award-card.award-series-b-gold h3 { font-size:clamp(18px,5.5vw,23px); }
    .home-page .award-card p,
    .home-page .award-card.award-series-b-gold p { font-size:12px; }
    .home-page .award-card > b { font-size:27px; }
    .home-page .award-gold-spotlight { top:7px; right:8px; min-height:21px; font-size:6.5px; }
    .home-page .awards-individual-honors { padding:21px 14px; }
    .home-page .awards-individual-head { grid-template-columns:54px minmax(0,1fr); gap:14px; }
    .home-page .awards-individual-ball { width:50px; height:50px; }
    .home-page .awards-individual-head small { font-size:8px; }
    .home-page .awards-individual-head h3 { font-size:clamp(24px,7.5vw,32px); }
    .home-page .awards-individual-head > p { grid-column:1/-1; padding:12px 0 0; border-left:0; border-top:2px solid rgba(143,233,247,.55); font-size:13px; }
    .home-page .awards-personal-grid { grid-template-columns:1fr; }
    .home-page .award-personal-card { min-height:154px; }
    .home-page .award-personal-card small { font-size:8px; }
    .home-page .award-personal-card p { font-size:12px; }
    .home-page .awards-home-actions > a { min-height:88px; padding:18px 16px; }
    .home-page .awards-home-actions small { font-size:8px; }
    .home-page .awards-home-actions strong { font-size:15px; line-height:1.35; }

    .awards-page .awards-page-hero h1 { font-size:clamp(34px,9vw,50px); }
    .awards-page .awards-page-hero p { font-size:12.5px; }
}

/* Awards mobile legibility guard */
body.home-page .awards-section .awards-heading-copy h2 {
    font-size:clamp(52px,6.8vw,94px);
    line-height:.92!important;
}

@media (max-width:780px) {
    body.home-page .awards-section .awards-heading-copy h2 {
        font-size:clamp(42px,12vw,58px);
        line-height:.98!important;
    }
}

/* MATCHDAY BRACKET CENTER · v202
   A readable tournament journey for desktop and mobile. The existing PHP
   settings and match bindings stay intact; this layer only upgrades hierarchy,
   contrast, interaction feedback and responsive behaviour. */
body.home-page .tournament-bracket-section {
    --roadmap-navy:#04142f;
    --roadmap-navy-2:#082b61;
    --roadmap-royal:#1f66e5;
    --roadmap-cyan:#4cdef3;
    --roadmap-paper:#f7fbff;
    --roadmap-ink:#07172f;
    --roadmap-muted:#5c6f87;
    --roadmap-gold:#f4c85a;
    --roadmap-silver:#74d9e9;
    --roadmap-bronze:#d99866;
    isolation:isolate;
    padding-block:clamp(76px,8vw,124px);
    color:#fff;
    background:
        radial-gradient(circle at 14% 2%,rgba(76,222,243,.2),transparent 25%),
        radial-gradient(circle at 88% 8%,rgba(31,102,229,.24),transparent 28%),
        linear-gradient(145deg,var(--roadmap-navy) 0%,#062352 52%,#03112a 100%);
}
body.home-page .tournament-bracket-section::before {
    opacity:.55;
    background:
        linear-gradient(90deg,transparent 49.9%,rgba(169,231,246,.12) 50%,transparent 50.1%),
        repeating-linear-gradient(0deg,transparent 0 72px,rgba(153,221,239,.04) 72px 73px);
}
body.home-page .bracket-pitch-canvas { opacity:.46; }
body.home-page .bracket-pitch-lines { opacity:.11; background-size:96px 96px; }
body.home-page .bracket-floodlight { opacity:.1; }
body.home-page .pitch-center-circle {
    width:min(33vw,440px);
    height:min(33vw,440px);
    border-style:solid;
    border-color:rgba(119,226,242,.26);
}
body.home-page .bracket-particles { display:none; }

body.home-page .bracket-container { width:min(1480px,calc(100% - 48px)); }
body.home-page .bracket-head {
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
    align-items:end;
    gap:clamp(32px,5vw,80px);
    margin-bottom:clamp(28px,4vw,52px);
}
body.home-page .bracket-head-copy { min-width:0; }
body.home-page .bracket-head-copy .kicker {
    width:max-content;
    max-width:100%;
    min-height:34px;
    margin:0 0 16px;
    padding:8px 14px 8px 11px;
    border:1px solid rgba(110,230,246,.44);
    border-radius:999px;
    color:#baf6fc;
    background:rgba(18,105,176,.18);
    box-shadow:inset 0 1px rgba(255,255,255,.13),0 12px 30px rgba(0,10,34,.18);
    font-size:10px;
    line-height:1.25;
    letter-spacing:.16em;
}
body.home-page .bracket-head-copy .kicker::before {
    width:9px;
    height:9px;
    border:2px solid var(--roadmap-cyan);
    background:transparent;
    box-shadow:inset 0 0 0 2px rgba(76,222,243,.16),0 0 14px rgba(76,222,243,.46);
}
body.home-page .bracket-head-copy h2 {
    max-width:14ch;
    margin:0;
    padding-block:.12em .06em !important;
    color:#fff;
    background:none;
    -webkit-text-fill-color:currentColor;
    font-size:clamp(44px,4.8vw,76px);
    line-height:1.03 !important;
    letter-spacing:-.048em !important;
    text-wrap:balance;
    overflow:visible;
}
body.home-page .bracket-head-copy h2 > span {
    display:inline;
    color:#fff;
    text-shadow:0 20px 46px rgba(0,5,24,.4);
}
body.home-page .bracket-head-copy h2 > span::after {
    content:'';
    display:inline-block;
    width:.72em;
    height:.12em;
    margin-left:.18em;
    border-radius:999px;
    background:linear-gradient(90deg,var(--roadmap-royal),var(--roadmap-cyan));
    box-shadow:0 0 18px rgba(76,222,243,.34);
    vertical-align:.18em;
}
body.home-page .bracket-head-copy p {
    max-width:66ch;
    margin:18px 0 0;
    color:#d6e7f5;
    font-size:15px;
    line-height:1.74;
}
body.home-page .bracket-control-panel {
    display:grid;
    gap:12px;
    min-width:0;
}
body.home-page .bracket-facts {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border:1px solid rgba(174,233,246,.22);
    border-radius:18px;
    overflow:hidden;
    background:rgba(3,18,47,.54);
    box-shadow:0 20px 44px rgba(0,7,27,.22),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(14px);
}
body.home-page .bracket-facts > span {
    display:grid;
    align-content:center;
    min-height:82px;
    padding:14px 12px;
    text-align:center;
}
body.home-page .bracket-facts > span + span { border-left:1px solid rgba(174,233,246,.16); }
body.home-page .bracket-facts strong {
    color:#fff;
    font:900 28px/1 var(--font-display);
    letter-spacing:-.04em;
}
body.home-page .bracket-facts small {
    margin-top:7px;
    color:#9bc9df;
    font-size:9px;
    font-weight:800;
    letter-spacing:.13em;
}

body.home-page .bracket-series-nav {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    padding:7px;
    border:1px solid rgba(169,232,245,.23);
    border-radius:18px;
    background:rgba(3,18,47,.72);
    box-shadow:0 18px 40px rgba(0,7,29,.23),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(16px);
}
body.home-page .bracket-series-tab {
    justify-content:center;
    min-height:54px;
    padding:9px 10px;
    border:1px solid transparent;
    border-radius:12px;
    color:#d8eaf6;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.055em;
    text-align:center;
    white-space:normal;
    transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(.16,1,.3,1);
}
body.home-page .bracket-series-tab:hover,
body.home-page .bracket-series-tab:focus-visible {
    color:#fff;
    border-color:rgba(171,239,248,.4);
    background:rgba(76,222,243,.1);
    transform:translateY(-2px);
}
body.home-page .bracket-series-tab:focus-visible {
    outline:3px solid rgba(76,222,243,.32);
    outline-offset:2px;
}
body.home-page .bracket-series-tab.is-active {
    color:#fff;
    border-color:rgba(119,229,244,.82);
    background:linear-gradient(135deg,#155bd4,#1aaed2);
    box-shadow:0 10px 24px rgba(14,134,210,.3),inset 0 1px rgba(255,255,255,.28);
}
body.home-page .bracket-series-tab.is-serie-a-tab.is-active {
    color:#201906;
    border-color:#ffe49a;
    background:linear-gradient(135deg,#d69422,#f5d36f);
    box-shadow:0 10px 24px rgba(235,174,49,.25),inset 0 1px rgba(255,255,255,.48);
}
body.home-page .bracket-series-tab.is-serie-b-tab.is-active {
    color:#05243d;
    border-color:#b7f2f8;
    background:linear-gradient(135deg,#36bad4,#91e7f1);
    box-shadow:0 10px 24px rgba(44,189,216,.24),inset 0 1px rgba(255,255,255,.46);
}
body.home-page .bracket-series-tab .tab-icon {
    width:20px;
    height:20px;
    flex-basis:20px;
}

body.home-page .bracket-stepper {
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:0 0 30px;
    padding:8px;
    border:1px solid rgba(174,233,246,.2);
    border-radius:22px;
    background:rgba(3,18,47,.58);
    box-shadow:0 20px 44px rgba(0,6,25,.22),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(14px);
}
body.home-page .bracket-stepper::before { display:none; }
body.home-page .stepper-line { display:none; }
body.home-page .stepper-item {
    position:relative;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:88px;
    padding:13px 14px;
    border:1px solid rgba(176,231,244,.13);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
    box-shadow:inset 0 1px rgba(255,255,255,.08);
}
body.home-page .stepper-item::after {
    content:'';
    position:absolute;
    z-index:2;
    top:50%;
    right:-11px;
    width:12px;
    height:2px;
    background:linear-gradient(90deg,var(--roadmap-royal),var(--roadmap-cyan));
    box-shadow:0 0 10px rgba(76,222,243,.38);
}
body.home-page .stepper-item:last-child::after { display:none; }
body.home-page .stepper-item.is-highlight {
    border-color:rgba(245,211,111,.44);
    background:linear-gradient(145deg,rgba(244,200,90,.15),rgba(255,255,255,.035));
}
body.home-page .stepper-bubble {
    width:48px;
    height:48px;
    border:1px solid rgba(135,227,243,.36);
    border-radius:14px;
    color:var(--roadmap-cyan);
    background:rgba(35,126,202,.14);
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 20px rgba(0,13,38,.18);
}
body.home-page .stepper-bubble.is-gold {
    color:var(--roadmap-gold);
    border-color:rgba(244,200,90,.55);
    background:rgba(244,200,90,.12);
    box-shadow:inset 0 1px rgba(255,255,255,.15),0 9px 22px rgba(130,84,8,.14);
}
body.home-page .stepper-bubble .step-num {
    color:currentColor;
    font-size:8px;
    letter-spacing:.08em;
}
body.home-page .stepper-info { min-width:0; }
body.home-page .stepper-info strong {
    color:#fff;
    font-size:11px;
    line-height:1.3;
    letter-spacing:.015em;
    overflow-wrap:anywhere;
}
body.home-page .stepper-info small {
    margin-top:5px;
    color:#a8c7da;
    font-size:9px;
    line-height:1.45;
}

body.home-page .bracket-mobile-scroll-hint {
    display:none;
    min-height:44px;
    margin:0 0 14px;
    padding:10px 14px;
    border:1px solid rgba(82,219,239,.24);
    border-radius:12px;
    color:#bdf4fb;
    background:rgba(38,143,194,.1);
    font-size:10px;
    line-height:1.45;
    letter-spacing:.04em;
}
body.home-page .bracket-tree-wrapper {
    overflow:visible;
    padding:0;
    scrollbar-width:none;
}
body.home-page .bracket-tree-wrapper::-webkit-scrollbar { display:none; }
body.home-page .bracket-tree {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:start;
    gap:clamp(12px,1.25vw,20px);
    min-width:0;
    opacity:1;
    transition:opacity 220ms ease;
}
body.home-page .bracket-tree-filtered {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(16px,2vw,28px);
    min-width:0;
}
body.home-page .bracket-stage-column {
    position:relative;
    min-width:0;
    gap:12px;
    padding:10px;
    border:1px solid rgba(176,232,245,.14);
    border-radius:20px;
    background:rgba(2,15,39,.35);
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 40px rgba(0,5,23,.12);
}
body.home-page .bracket-stage-title {
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-height:58px;
    padding:9px 10px;
    border:1px solid rgba(159,226,241,.2);
    border-radius:13px;
    color:#dcecf6;
    background:linear-gradient(135deg,rgba(39,110,194,.2),rgba(255,255,255,.055));
    box-shadow:inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:none;
}
body.home-page .stage-badge {
    width:28px;
    height:28px;
    border:1px solid rgba(168,233,246,.42);
    border-radius:9px;
    background:#195fc4;
    color:#fff;
    font-size:9px;
}
body.home-page .stage-badge.is-gold { border-color:#ffe497; background:#e8b33b; color:#201905; }
body.home-page .stage-badge.is-silver { border-color:#b9f0f7; background:#4bc7dc; color:#06263d; }
body.home-page .stage-badge.is-bronze { border-color:#f1bc91; background:#bd7141; color:#fff; }
body.home-page .stage-label {
    min-width:0;
    color:#fff;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.045em;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    text-wrap:balance;
}
body.home-page .stage-tag {
    padding:4px 6px;
    border-radius:7px;
    color:#9eeaf5;
    background:rgba(76,222,243,.09);
    font-size:7px;
    line-height:1.2;
    letter-spacing:.04em;
    text-align:center;
    white-space:normal;
}
body.home-page .stage-tag.is-gold { color:#ffe39a; background:rgba(244,200,90,.12); }
body.home-page .stage-tag.is-silver { color:#b9f3f8; background:rgba(116,217,233,.12); }
body.home-page .stage-tag.is-bronze { color:#f1bc91; background:rgba(217,152,102,.12); }

body.home-page .bracket-match-card,
body.home-page .bracket-match-card.is-serie-a,
body.home-page .bracket-match-card.is-serie-b,
body.home-page .bracket-match-card.is-third-card,
body.home-page .bracket-match-card.is-grand-gold,
body.home-page .bracket-match-card.is-grand-silver {
    min-width:0;
    border:1px solid rgba(194,218,236,.92);
    border-radius:15px;
    color:var(--roadmap-ink);
    background:linear-gradient(180deg,#fff 0%,var(--roadmap-paper) 100%);
    box-shadow:0 13px 30px rgba(0,8,31,.2),inset 0 1px #fff;
    backdrop-filter:none;
    transform:none;
    transition:transform 220ms cubic-bezier(.16,1,.3,1),border-color 220ms ease,box-shadow 220ms ease;
}
body.home-page .bracket-match-card::before {
    height:3px;
    opacity:1;
    background:linear-gradient(90deg,var(--roadmap-royal),var(--roadmap-cyan));
}
body.home-page .bracket-match-card.is-serie-a::before,
body.home-page .bracket-match-card.is-grand-gold::before { background:linear-gradient(90deg,#ca8c22,#f4cf66); }
body.home-page .bracket-match-card.is-serie-b::before,
body.home-page .bracket-match-card.is-grand-silver::before { background:linear-gradient(90deg,#157ebc,#74d9e9); }
body.home-page .bracket-match-card.is-third-card::before { background:linear-gradient(90deg,#aa6138,#d99866); }
body.home-page .bracket-match-card:hover {
    z-index:3;
    transform:translateY(-3px);
    border-color:#8cc7e3;
    box-shadow:0 19px 38px rgba(0,9,34,.26),0 0 0 1px rgba(76,222,243,.14);
}
body.home-page .bracket-card-head,
body.home-page .bracket-card-head.is-serie-a,
body.home-page .bracket-card-head.is-serie-b,
body.home-page .bracket-card-head.is-bronze-head,
body.home-page .bracket-card-head.is-finals-head-gold,
body.home-page .bracket-card-head.is-finals-head-silver {
    min-height:45px;
    gap:8px;
    padding:10px 12px;
    border-bottom:1px solid #dbe7f1;
    color:#5d7087;
    background:#edf4fa;
    font-size:8px;
    line-height:1.3;
    letter-spacing:.055em;
}
body.home-page .bracket-card-head.is-serie-a,
body.home-page .bracket-card-head.is-finals-head-gold { color:#745212; background:#fff7df; border-color:#eedba7; }
body.home-page .bracket-card-head.is-serie-b,
body.home-page .bracket-card-head.is-finals-head-silver { color:#0b6680; background:#e8f9fc; border-color:#c1e9f0; }
body.home-page .bracket-card-head.is-bronze-head { color:#7c4728; background:#fff2e9; border-color:#ebceb9; }
body.home-page .card-match-no { min-width:0; color:var(--roadmap-ink); font-size:9px; line-height:1.3; }
body.home-page .match-live-dot {
    width:7px;
    height:7px;
    border:2px solid #70dce9;
    background:#1667d8;
    box-shadow:0 0 0 3px rgba(31,102,229,.1);
}
body.home-page .card-venue-time { color:#486078; font-size:8px; line-height:1.3; text-align:right; white-space:normal; }
body.home-page .bracket-card-teams { gap:7px; padding:10px; }
body.home-page .bracket-team-item {
    min-width:0;
    min-height:43px;
    padding:7px 8px;
    border:1px solid #dfe9f2;
    border-radius:10px;
    background:#fff;
}
body.home-page .bracket-team-item:hover { border-color:#a9dcea; background:#f3fbfd; }
body.home-page .bracket-team-info { min-width:0; gap:8px; }
body.home-page .bracket-team-crest {
    width:30px;
    height:30px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:9px;
    box-shadow:0 3px 9px rgba(5,25,57,.22),0 0 0 1px rgba(8,32,67,.1);
}
body.home-page .bracket-team-crest span { font-size:8px; line-height:1; }
body.home-page .bracket-team-crest.is-gold-crest,
body.home-page .bracket-team-crest.is-gold-crown { background:linear-gradient(135deg,#f4cd5d,#c8871c); box-shadow:0 3px 10px rgba(157,100,8,.24); }
body.home-page .bracket-team-crest.is-silver-crest,
body.home-page .bracket-team-crest.is-silver-crown { background:linear-gradient(135deg,#7ce2ee,#238bb4); box-shadow:0 3px 10px rgba(14,115,151,.22); }
body.home-page .bracket-team-crest.is-bronze-crest { background:linear-gradient(135deg,#d99a69,#a85c35); box-shadow:0 3px 10px rgba(115,54,24,.22); }
body.home-page .bracket-team-name {
    min-width:0;
    color:var(--roadmap-ink);
    font-size:11px;
    line-height:1.28;
    letter-spacing:-.005em;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
}
body.home-page .bracket-team-tag {
    padding:4px 6px;
    border-radius:6px;
    color:#16649c;
    background:#eaf4fc;
    font-size:7px;
}
body.home-page .bracket-team-tag.is-gold { color:#78520d; background:#fff2c9; }
body.home-page .bracket-team-tag.is-silver { color:#0c687f; background:#ddf6f9; }
body.home-page .bracket-vs-divider { margin:-2px 0; }
body.home-page .bracket-vs-divider span,
body.home-page .bracket-vs-divider.is-gold-vs span,
body.home-page .bracket-vs-divider.is-silver-vs span {
    min-width:34px;
    padding:2px 8px;
    border:1px solid #d9e5ef;
    color:#678099;
    background:#f3f7fb;
    text-align:center;
}
body.home-page .bracket-card-footer {
    min-height:50px;
    gap:6px;
    padding:7px 9px;
    border-top:1px solid #dfe9f2;
    background:#f2f7fb;
}
body.home-page .bracket-path-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:1 1 0;
    min-width:0;
    min-height:36px;
    padding:6px 7px;
    border-radius:8px;
    font-size:7.5px;
    line-height:1.3;
    letter-spacing:.015em;
    text-align:center;
    white-space:normal;
    transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease;
}
body.home-page .bracket-path-pill::before {
    content:'';
    width:6px;
    height:6px;
    margin-right:5px;
    border:2px solid currentColor;
    border-radius:50%;
    flex:0 0 6px;
}
body.home-page .bracket-path-pill.is-win { color:#72500e; border-color:#e8cb79; background:#fff5d7; }
body.home-page .bracket-path-pill.is-loss,
body.home-page .bracket-path-pill.is-silver-win { color:#0a6882; border-color:#a5dde7; background:#e7f8fb; }
body.home-page .bracket-path-pill.is-bronze { color:#754126; border-color:#dfb28f; background:#fff0e6; }
body.home-page .bracket-path-pill:hover,
body.home-page .bracket-path-pill:focus-visible {
    transform:none;
    color:#fff;
    border-color:#1e68d8;
    background:#1e68d8;
    box-shadow:0 6px 14px rgba(16,88,189,.2);
    outline:none;
}
body.home-page .bracket-path-pill:focus-visible { box-shadow:0 0 0 3px rgba(31,102,229,.24); }
body.home-page .bracket-card-footer.is-medal-footer {
    min-height:46px;
    color:#714224;
    background:#fff2e9;
    font-size:8px;
    line-height:1.35;
    text-align:center;
}
body.home-page .bracket-card-footer.is-medal-footer .is-win,
body.home-page .bracket-card-footer.is-medal-footer .is-loss { color:#714224; }

body.home-page .bracket-trophy-banner {
    min-height:76px;
    gap:12px;
    padding:12px;
}
body.home-page .bracket-trophy-banner.is-gold-banner {
    border-top:1px solid #ecd18a;
    background:linear-gradient(135deg,#fff5d5,#f7df94);
}
body.home-page .bracket-trophy-banner.is-silver-banner {
    border-top:1px solid #b9e4eb;
    background:linear-gradient(135deg,#e9fafc,#c7eef3);
}
body.home-page .bracket-trophy-icon {
    position:relative;
    display:block;
    width:38px;
    height:38px;
    flex:0 0 38px;
    color:#b77a16;
    font-size:0;
    filter:none;
}
body.home-page .bracket-trophy-icon.is-silver-icon { color:#1686a4; }
body.home-page .bracket-trophy-icon::before {
    content:'';
    position:absolute;
    top:3px;
    left:8px;
    width:22px;
    height:18px;
    box-sizing:border-box;
    border:3px solid currentColor;
    border-top:0;
    border-radius:0 0 10px 10px;
    box-shadow:-7px -1px 0 -4px transparent,7px -1px 0 -4px transparent;
}
body.home-page .bracket-trophy-icon::after {
    content:'';
    position:absolute;
    bottom:4px;
    left:11px;
    width:16px;
    height:4px;
    border-top:3px solid currentColor;
    border-bottom:3px solid currentColor;
}
body.home-page .bracket-trophy-text { min-width:0; }
body.home-page .bracket-trophy-text small {
    color:#846018;
    font-size:7px;
    line-height:1.4;
    letter-spacing:.08em;
}
body.home-page .bracket-trophy-banner.is-silver-banner .bracket-trophy-text small { color:#12677d; }
body.home-page .bracket-trophy-text strong {
    display:block;
    margin-top:4px;
    color:var(--roadmap-ink);
    font-size:11px;
    line-height:1.35;
}

body.home-page .bracket-match-card.is-path-source {
    transform:translateY(-3px);
    border-color:#3ebdd9 !important;
    box-shadow:0 0 0 3px rgba(76,222,243,.19),0 20px 40px rgba(0,12,42,.26) !important;
}
body.home-page .bracket-match-card.is-path-target-win,
body.home-page .bracket-match-card.is-path-target-loss,
body.home-page .bracket-match-card.is-path-target-bronze {
    transform:translateY(-2px);
    animation:none;
}
body.home-page .bracket-match-card.is-path-target-win { border-color:#dba62d !important; box-shadow:0 0 0 3px rgba(244,200,90,.2),0 18px 36px rgba(0,10,35,.24) !important; }
body.home-page .bracket-match-card.is-path-target-loss { border-color:#27aec9 !important; box-shadow:0 0 0 3px rgba(116,217,233,.2),0 18px 36px rgba(0,10,35,.24) !important; }
body.home-page .bracket-match-card.is-path-target-bronze { border-color:#c47749 !important; box-shadow:0 0 0 3px rgba(217,152,102,.2),0 18px 36px rgba(0,10,35,.24) !important; }

@media (max-width:1180px) {
    body.home-page .bracket-head { grid-template-columns:1fr; align-items:start; }
    body.home-page .bracket-control-panel { width:min(100%,820px); }
    body.home-page .bracket-tree { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    body.home-page .bracket-tree-filtered { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:780px) {
    body.home-page .tournament-bracket-section { padding-block:68px 78px; }
    body.home-page .bracket-container { width:min(100% - 28px,1480px); }
    body.home-page .bracket-head { gap:24px; margin-bottom:26px; }
    body.home-page .bracket-head-copy .kicker { margin-bottom:13px; font-size:8.5px; letter-spacing:.12em; }
    body.home-page .bracket-head-copy h2 {
        max-width:12ch;
        font-size:clamp(37px,11.2vw,54px);
        line-height:1.08 !important;
        letter-spacing:-.035em !important;
    }
    body.home-page .bracket-head-copy h2 > span::after { display:none; }
    body.home-page .bracket-head-copy p { margin-top:14px; font-size:14px; line-height:1.68; }
    body.home-page .bracket-facts > span { min-height:72px; padding:12px 7px; }
    body.home-page .bracket-facts strong { font-size:24px; }
    body.home-page .bracket-facts small { font-size:8px; letter-spacing:.08em; }
    body.home-page .bracket-series-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.home-page .bracket-series-tab:first-child { grid-column:1/-1; }
    body.home-page .bracket-series-tab { min-height:50px; font-size:8px; }
    body.home-page .bracket-series-tab .tab-icon { display:inline-grid; }
    body.home-page .bracket-stepper { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:20px; }
    body.home-page .stepper-item { grid-template-columns:42px minmax(0,1fr); min-height:82px; padding:10px; }
    body.home-page .stepper-item::after { display:none; }
    body.home-page .stepper-bubble { width:42px; height:42px; border-radius:12px; }
    body.home-page .stepper-info strong { font-size:10px; }
    body.home-page .stepper-info small { font-size:8px; }
    body.home-page .bracket-mobile-scroll-hint { display:block; }
    body.home-page .bracket-tree,
    body.home-page .bracket-tree-filtered { grid-template-columns:1fr; gap:18px; min-width:0; }
    body.home-page .bracket-stage-column { gap:10px; padding:9px; border-radius:18px; }
    body.home-page .bracket-stage-title { min-height:56px; }
    body.home-page .stage-label { font-size:9.5px; }
    body.home-page .stage-tag { font-size:7.5px; }
    body.home-page .bracket-card-head,
    body.home-page .bracket-card-head.is-serie-a,
    body.home-page .bracket-card-head.is-serie-b,
    body.home-page .bracket-card-head.is-bronze-head,
    body.home-page .bracket-card-head.is-finals-head-gold,
    body.home-page .bracket-card-head.is-finals-head-silver { min-height:48px; font-size:8.5px; }
    body.home-page .card-match-no { font-size:9.5px; }
    body.home-page .card-venue-time { font-size:8.5px; }
    body.home-page .bracket-team-item { min-height:48px; }
    body.home-page .bracket-team-name { font-size:11.5px; }
    body.home-page .bracket-card-footer { min-height:58px; }
    body.home-page .bracket-path-pill { min-height:44px; font-size:8.5px; }
    body.home-page .bracket-match-card:hover { transform:none; }
}

@media (max-width:390px) {
    body.home-page .bracket-container { width:calc(100% - 22px); }
    body.home-page .bracket-head-copy h2 { font-size:clamp(34px,10.8vw,44px); }
    body.home-page .bracket-facts small { font-size:7.5px; }
    body.home-page .bracket-series-tab { padding-inline:7px; font-size:7.5px; }
    body.home-page .bracket-stepper { gap:7px; padding:7px; }
    body.home-page .stepper-item { grid-template-columns:36px minmax(0,1fr); gap:8px; padding:8px; }
    body.home-page .stepper-bubble { width:36px; height:36px; }
    body.home-page .stepper-info strong { font-size:9px; }
    body.home-page .stepper-info small { font-size:7.5px; }
    body.home-page .bracket-stage-title { grid-template-columns:26px minmax(0,1fr); }
    body.home-page .stage-tag { grid-column:2; justify-self:start; }
    body.home-page .bracket-card-head { flex-wrap:nowrap; }
    body.home-page .bracket-card-footer { flex-direction:column; align-items:stretch; }
    body.home-page .bracket-path-pill { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
    body.home-page .tournament-bracket-section *,
    body.home-page .tournament-bracket-section *::before,
    body.home-page .tournament-bracket-section *::after {
        animation:none !important;
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
    }
}

/* OFFICIAL VENUE EXPERIENCE · v205
   One unified matchday venue card: cinematic stadium visual, scannable venue
   facts and a prominent Google Maps route action. */
body.home-page .stadium-section {
    --venue-navy:#041632;
    --venue-navy-2:#082e66;
    --venue-royal:#1c63dc;
    --venue-cyan:#4cdef3;
    --venue-paper:#f7fbff;
    --venue-ink:#071831;
    scroll-margin-top:82px;
    padding-block:clamp(78px,8vw,124px);
    border:0;
    color:var(--venue-ink);
    background:
        radial-gradient(circle at 10% 3%,rgba(76,222,243,.22),transparent 24%),
        radial-gradient(circle at 94% 92%,rgba(28,99,220,.13),transparent 27%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%);
}
body.home-page .stadium-section::before {
    opacity:.45;
    background-image:
        linear-gradient(rgba(8,58,122,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,58,122,.055) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);
}
body.home-page .stadium-section::after {
    content:'';
    position:absolute;
    top:clamp(40px,5vw,72px);
    right:clamp(22px,5vw,76px);
    width:clamp(90px,11vw,170px);
    aspect-ratio:1;
    border:1px solid rgba(25,113,195,.11);
    border-radius:50%;
    box-shadow:0 0 0 25px rgba(25,113,195,.035),0 0 0 50px rgba(25,113,195,.018);
    pointer-events:none;
}
body.home-page .stadium-shell {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.34fr) minmax(380px,.66fr);
    align-items:stretch;
    gap:12px;
    width:min(1480px,calc(100% - 48px));
    padding:12px;
    border:1px solid rgba(16,74,142,.13);
    border-radius:32px;
    background:rgba(255,255,255,.72);
    box-shadow:0 36px 90px rgba(5,46,102,.15),inset 0 1px rgba(255,255,255,.95);
    backdrop-filter:blur(14px);
}

/* ========================================================================
   STADIUM / VENUE 16:9 ASPECT RATIO & CLEAR PHOTO (DESKTOP & MOBILE)
   ======================================================================== */
body.home-page .stadium-visual,
.stadium-visual,
.stadium-visual-promax {
    position: relative;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
    border: 1px solid rgba(14, 165, 233, 0.25);
    border-radius: 22px;
    color: #fff;
    background: #0f172a;
    box-shadow: 0 20px 50px rgba(1, 20, 54, 0.22);
}

body.home-page .stadium-visual::before,
.stadium-visual::before,
body.home-page .stadium-visual::after,
.stadium-visual::after,
.stadium-visual-overlay {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(2, 14, 38, 0.42) 0%, transparent 28%, transparent 72%, rgba(2, 14, 38, 0.5) 100%) !important;
    opacity: 0.65 !important;
}

body.home-page .stadium-visual > img,
.stadium-visual > img,
body.home-page .stadium-image-placeholder,
.stadium-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: brightness(1.06) contrast(1.04) saturate(1.05) !important;
    display: block;
    transition: transform 320ms cubic-bezier(.16, 1, .3, 1);
}

body.home-page .stadium-visual:hover > img,
.stadium-visual:hover > img {
    transform: scale(1.02);
}

.stadium-visual-head,
body.home-page .stadium-visual-head {
    display: none !important;
}

body.home-page .stadium-image-placeholder {
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    display: grid;
    place-content: center;
    background: radial-gradient(circle at 50% 48%, rgba(76, 222, 243, 0.3), transparent 24%), linear-gradient(145deg, #031736, #0b54a8);
}
body.home-page .stadium-placeholder-mark {
    position:relative;
    width:72px;
    height:72px;
    margin:auto;
    border:2px solid #a8f2fa;
    border-radius:50%;
    box-shadow:0 0 0 10px rgba(76,222,243,.08);
}
body.home-page .stadium-placeholder-mark::before,
body.home-page .stadium-placeholder-mark::after,
body.home-page .stadium-placeholder-mark > i {
    content:'';
    position:absolute;
    box-sizing:border-box;
    border:2px solid #a8f2fa;
}
body.home-page .stadium-placeholder-mark::before { inset:18px; border-radius:6px; transform:rotate(45deg); }
body.home-page .stadium-placeholder-mark::after { left:10px; right:10px; top:34px; height:2px; border-width:1px 0 0; transform:rotate(-25deg); }
body.home-page .stadium-placeholder-mark > i { top:10px; bottom:10px; left:34px; width:2px; border-width:0 0 0 1px; transform:rotate(28deg); }

body.home-page .stadium-visual-grid { z-index:2; opacity:.42; }
body.home-page .stadium-visual-grid::before,
body.home-page .stadium-visual-grid::after,
body.home-page .stadium-visual-grid i { border-color:rgba(139,237,249,.34); }
body.home-page .stadium-visual-grid::before { width:30%; height:23%; left:35%; bottom:19%; }
body.home-page .stadium-visual-grid::after { width:68%; height:52%; left:16%; bottom:-25%; }
body.home-page .stadium-visual-grid i:first-child {
    top:22px;
    left:22px;
    width:46px;
    height:3px;
    background:var(--venue-cyan);
    box-shadow:9px 9px 0 -1px rgba(255,255,255,.72);
}
body.home-page .stadium-visual-grid i:nth-child(2) { top:22px; right:22px; width:52px; height:52px; }
body.home-page .stadium-visual-grid i:nth-child(3) { left:22px; bottom:22px; width:52px; height:52px; }
body.home-page .stadium-visual-head,
body.home-page .stadium-visual-caption,
body.home-page .stadium-matchline {
    position:absolute;
    z-index:3;
    left:clamp(22px,3vw,42px);
    right:clamp(22px,3vw,42px);
}
body.home-page .stadium-visual-head {
    top:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:42px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.25);
    color:#fff;
    font-size:8.5px;
    font-weight:900;
    letter-spacing:.14em;
}
body.home-page .stadium-visual-head span { display:flex; align-items:center; gap:11px; }
body.home-page .stadium-visual-head span > i {
    width:8px;
    height:8px;
    border:2px solid var(--venue-cyan);
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 5px rgba(76,222,243,.1),0 0 14px rgba(76,222,243,.42);
}
body.home-page .stadium-visual-head > em {
    color:#b9edf5;
    font-size:8px;
    font-style:normal;
    letter-spacing:.13em;
}
body.home-page .stadium-visual-caption { bottom:144px; }
body.home-page .stadium-visual-caption small {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 11px;
    color:#9aedf7;
    font-size:8.5px;
    line-height:1.4;
    letter-spacing:.14em;
}
body.home-page .stadium-visual-caption small::before {
    content:'';
    width:24px;
    height:2px;
    border-radius:999px;
    background:var(--venue-cyan);
    box-shadow:0 0 12px rgba(76,222,243,.38);
}
body.home-page .stadium-visual-caption strong {
    display:block;
    max-width:100%;
    color:#fff;
    font-family:var(--font-display);
    font-weight:900;
    line-height:.98;
    letter-spacing:-.04em;
    text-transform:uppercase;
    text-shadow:0 14px 34px rgba(0,0,0,.32);
    text-wrap:balance;
}
body.home-page .stadium-visual-caption strong span,
body.home-page .stadium-visual-caption strong em {
    display:inline;
    width:auto;
    max-width:none;
    white-space:normal !important;
    word-break:normal;
    overflow-wrap:normal;
}
body.home-page .stadium-visual-caption strong span { font-size:clamp(38px,3.6vw,56px); }
body.home-page .stadium-visual-caption strong em {
    margin:0 0 0 .18em;
    color:var(--venue-cyan);
    font-size:clamp(38px,3.6vw,56px);
    font-style:normal;
}
body.home-page .stadium-matchline {
    bottom:28px;
    display:grid;
    grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);
    border:1px solid rgba(170,233,245,.24);
    border-radius:15px;
    overflow:hidden;
    background:rgba(2,18,45,.7);
    box-shadow:0 15px 34px rgba(0,5,23,.2),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}
body.home-page .stadium-matchline > span {
    display:grid;
    align-content:center;
    min-width:0;
    min-height:78px;
    padding:13px 16px;
}
body.home-page .stadium-matchline > span + span { border-left:1px solid rgba(170,233,245,.18); }
body.home-page .stadium-matchline small {
    color:#8ddfeb;
    font-size:7px;
    font-weight:900;
    letter-spacing:.13em;
}
body.home-page .stadium-matchline strong {
    margin-top:6px;
    color:#fff;
    font:800 11px/1.42 var(--font-display);
    letter-spacing:.01em;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}

/* ========================================================================
   STADIUM / VENUE MAP PANEL · MODERN LIGHT THEME
   ======================================================================== */
body.home-page .stadium-map-panel,
.stadium-map-panel,
.stadium-map-panel-promax {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    padding: 24px 26px;
    overflow: hidden;
    border: 1px solid rgba(2, 132, 199, 0.12);
    border-radius: 22px;
    color: #0f172a;
    background: linear-gradient(150deg, #ffffff 0%, #f4faff 60%, #e8f5fe 100%);
    box-shadow: 0 10px 30px rgba(7, 55, 120, 0.06), inset 0 1px 0 #ffffff;
}

body.home-page .stadium-map-panel::before,
body.home-page .stadium-map-panel::after {
    display: none !important;
}

body.home-page .stadium-map-panel-title {
    margin: 0;
}

body.home-page .stadium-map-panel-title h3,
.stadium-panel-heading {
    margin: 0;
    color: #032b69;
    font-family: var(--font-display);
    font-size: 21px !important;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

body.home-page .stadium-map-panel-title h3 em,
.stadium-panel-heading em {
    display: inline-block;
    margin-left: 6px;
    color: #0284c7;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 800;
}

/* 2 Dòng thông tin: Ngày thi đấu & Khu vực (Clean Light Cards) */
body.home-page .stadium-location-facts,
.stadium-location-facts-promax {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0;
}

body.home-page .stadium-fact-card,
.stadium-fact-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
    transition: all 0.2s ease;
}

body.home-page .stadium-fact-card:hover {
    border-color: rgba(2, 132, 199, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.08);
}

body.home-page .stadium-fact-icon,
.stadium-fact-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    color: #0284c7;
}

body.home-page .stadium-fact-icon svg {
    width: 16px;
    height: 16px;
}

body.home-page .stadium-fact-body,
.stadium-fact-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

body.home-page .stadium-fact-body small,
.stadium-fact-body small {
    color: #64748b;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home-page .stadium-fact-body strong,
.stadium-fact-body strong {
    color: #0f274a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none !important;
}

/* Nút Google Maps Hiện Đại Sáng Đẹp */
body.home-page .stadium-map-panel .stadium-map-action,
.stadium-action-promax {
    width: 100%;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    padding: 10px 16px !important;
    border-radius: 12px;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    border: 1px solid rgba(2, 132, 199, 0.4);
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

body.home-page .stadium-map-panel .stadium-map-action:hover,
body.home-page .stadium-map-panel .stadium-map-action:focus-visible {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    box-shadow: 0 10px 24px rgba(2, 132, 199, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

body.home-page .stadium-map-pin,
.stadium-map-pin {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

body.home-page .stadium-map-pin svg {
    width: 16px;
    height: 16px;
}

body.home-page .stadium-map-copy,
.stadium-map-copy {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.home-page .stadium-map-copy strong,
.stadium-map-copy strong {
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none !important;
}

body.home-page .stadium-map-copy em,
.stadium-map-copy em {
    display: none;
}

body.home-page .stadium-map-arrow,
.stadium-map-arrow {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    transition: transform 0.2s ease;
}

body.home-page .stadium-map-action:hover .stadium-map-arrow {
    transform: scale(1.08) rotate(4deg);
    background: #ffffff;
    color: #0284c7;
}

body.home-page .stadium-map-arrow svg {
    width: 14px;
    height: 14px;
}

@media (max-width:1180px) {
    body.home-page .stadium-shell { grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); }
    body.home-page .stadium-map-panel-title h3 { font-size:clamp(24px,2.8vw,32px) !important; }
}

@media (max-width:780px) {
    body.home-page .stadium-section { padding-block:22px 18px !important; }
    body.home-page .stadium-shell {
        grid-template-columns:1fr !important;
        gap:8px !important;
        width:min(100% - 24px,1480px) !important;
        padding:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        border:0 !important;
    }
    body.home-page .stadium-visual,
    body.home-page .stadium-visual > img,
    body.home-page .stadium-image-placeholder {
        min-height:0 !important;
        max-height: 160px !important;
        aspect-ratio:21/9 !important;
        border-radius:12px !important;
        object-fit: cover !important;
    }
    body.home-page .stadium-map-panel {
        padding:12px 10px 10px !important;
        gap:8px !important;
        border-radius:12px !important;
    }
    body.home-page .stadium-map-panel-title h3 {
        font-size:15px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    body.home-page .stadium-map-panel-title h3 em {
        font-size: 11px !important;
        display: inline-block !important;
        margin-left: 4px !important;
    }
    body.home-page .stadium-location-facts {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap:6px !important;
    }
    body.home-page .stadium-fact-card {
        padding:6px 8px !important;
        gap:6px !important;
        min-height: 42px !important;
        border-radius: 8px !important;
        align-items: center !important;
    }
    body.home-page .stadium-fact-icon {
        width:24px !important;
        height:24px !important;
        flex-shrink: 0 !important;
    }
    body.home-page .stadium-fact-icon svg {
        width: 13px !important;
        height: 13px !important;
    }
    body.home-page .stadium-fact-body small {
        font-size: 6.5px !important;
        letter-spacing: 0.08em !important;
        display: block !important;
        margin-bottom: 1px !important;
    }
    body.home-page .stadium-fact-body strong {
        font-size:10.5px !important;
        line-height: 1.15 !important;
    }
    body.home-page .stadium-map-panel .stadium-map-action {
        min-height:38px !important;
        padding:6px 10px !important;
        gap:8px !important;
        border-radius: 8px !important;
    }
    body.home-page .stadium-map-pin {
        width:24px !important;
        height:24px !important;
        flex-shrink: 0 !important;
    }
    body.home-page .stadium-map-pin svg {
        width: 14px !important;
        height: 14px !important;
    }
    body.home-page .stadium-map-copy strong {
        font-size:11px !important;
        line-height: 1.2 !important;
    }
    body.home-page .stadium-map-copy em {
        font-size:9px !important;
        line-height: 1.15 !important;
    }
    body.home-page .stadium-map-arrow {
        width:22px !important;
        height:22px !important;
        flex-shrink: 0 !important;
    }
    body.home-page .stadium-map-arrow svg {
        width: 13px !important;
        height: 13px !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    body.home-page .stadium-section *,
    body.home-page .stadium-section *::before,
    body.home-page .stadium-section *::after {
        animation:none !important;
        transition-duration:.01ms !important;
    }
}

/* SPORTS NEWSROOM · v206
   A unified editorial system for the home news frame and the full archive. */
.home-page .newsroom-v3,
.news-page .newsroom-archive-v3,
.news-page .newsroom-archive-v3-section {
    --press-navy:#03152f;
    --press-navy-2:#072b5a;
    --press-royal:#0d5fc2;
    --press-cyan:#34d7ee;
    --press-red:#e43b55;
    --press-paper:#f4f8fc;
    --press-ink:#071a33;
    --press-body:#4e687f;
    --press-line:rgba(8,66,126,.16);
    --press-shadow:0 24px 62px rgba(3,35,75,.14);
}
.home-page .newsroom-v3 .newsroom-total,
.news-page .newsroom-archive-v3 .archive-hero-index,
.home-page .newsroom-v3 .news-filter button small,
.news-page .newsroom-archive-v3-section .news-filter button small { display:none!important; }

/* Home newsroom */
.home-page .newsroom-v3 {
    position:relative;
    isolation:isolate;
    overflow:clip;
    padding-block:clamp(74px,8vw,118px);
    background:
        radial-gradient(circle at 5% 9%,rgba(52,215,238,.16),transparent 22%),
        radial-gradient(circle at 96% 88%,rgba(13,95,194,.12),transparent 27%),
        linear-gradient(180deg,#f7fbff 0%,#eef6fc 52%,#f9fcff 100%);
}
.home-page .newsroom-v3::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    height:auto;
    opacity:.44;
    background-image:
        linear-gradient(rgba(8,69,131,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,69,131,.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(180deg,#000,transparent 82%);
    pointer-events:none;
}
.home-page .newsroom-v3::after {
    content:'NEWSROOM';
    position:absolute;
    z-index:-1;
    top:clamp(72px,8vw,118px);
    right:-.06em;
    color:transparent;
    font:900 clamp(88px,15vw,220px)/.8 var(--font-display);
    letter-spacing:-.07em;
    -webkit-text-stroke:1px rgba(9,81,153,.07);
    pointer-events:none;
}
.home-page .newsroom-v3 > .container { position:relative; z-index:1; }
.home-page .newsroom-v3 .newsroom-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:clamp(24px,4vw,64px);
    margin:0 0 24px;
    padding:0 0 25px;
    border:0;
    border-bottom:1px solid var(--press-line);
}
.home-page .newsroom-v3 .newsroom-head-copy {
    position:relative;
    min-width:0;
    padding:0 0 0 66px;
}
.home-page .newsroom-v3 .newsroom-head-copy::before { display:none; }
.home-page .newsroom-v3 .newsroom-head-mark {
    position:absolute;
    top:0;
    left:0;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(15,104,193,.2);
    border-radius:14px;
    color:#fff;
    background:linear-gradient(145deg,var(--press-navy),var(--press-royal));
    box-shadow:0 12px 26px rgba(4,52,106,.2),inset 0 1px rgba(255,255,255,.16);
}
.home-page .newsroom-v3 .newsroom-head-mark::after {
    content:'';
    position:absolute;
    right:-7px;
    bottom:-7px;
    width:14px;
    height:14px;
    border:3px solid #f5fbff;
    border-radius:50%;
    background:var(--press-red);
}
.home-page .newsroom-v3 .newsroom-head-mark svg {
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.home-page .newsroom-v3 .kicker {
    min-height:26px;
    padding:0 10px;
    border:1px solid rgba(10,91,173,.2);
    border-radius:999px;
    color:#07529a;
    background:rgba(255,255,255,.76);
    font-size:7.5px;
    letter-spacing:.14em;
}
.home-page .newsroom-v3 .newsroom-head h2 {
    max-width:16ch;
    margin:12px 0 0;
    color:var(--press-ink);
    font-size:clamp(46px,5.35vw,78px);
    line-height:.96;
    letter-spacing:-.06em;
    text-wrap:balance;
}
.home-page .newsroom-v3 .newsroom-head-actions {
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    gap:10px;
}
.home-page .newsroom-v3 .newsroom-signal {
    position:relative;
    isolation:isolate;
    width:min(100%,320px);
    min-height:70px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 38px;
    align-items:center;
    gap:13px;
    padding:10px 13px;
    overflow:hidden;
    border:1px solid rgba(123,225,240,.34);
    border-radius:15px;
    color:#fff;
    background:
        radial-gradient(circle at 94% 10%,rgba(52,215,238,.24),transparent 30%),
        linear-gradient(135deg,var(--press-navy) 0%,#073b78 62%,var(--press-royal) 100%);
    box-shadow:0 16px 34px rgba(3,43,92,.2),inset 0 1px rgba(255,255,255,.12);
}
.home-page .newsroom-v3 .newsroom-signal::before {
    display:none !important;
    content:none !important;
    height:0 !important;
    background:none !important;
}
.home-page .newsroom-v3 .newsroom-signal::after {
    content:'';
    position:absolute;
    z-index:-1;
    right:-34px;
    bottom:-48px;
    width:112px;
    height:112px;
    border:1px solid rgba(165,237,246,.13);
    border-radius:50%;
    box-shadow:0 0 0 18px rgba(52,215,238,.035);
}
.home-page .newsroom-v3 .newsroom-signal-icon {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(180,240,247,.34);
    border-radius:13px;
    color:#c8f8fb;
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px rgba(0,18,51,.18);
}
.home-page .newsroom-v3 .newsroom-signal-icon svg {
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.home-page .newsroom-v3 .newsroom-signal-copy { min-width:0; display:grid; gap:5px; }
.home-page .newsroom-v3 .newsroom-signal-copy small { color:#92eaf3; font-size:6.5px; font-weight:900; letter-spacing:.13em; }
.home-page .newsroom-v3 .newsroom-signal-copy strong { color:#fff; font:900 clamp(15px,1.25vw,19px)/1.1 var(--font-display); letter-spacing:-.015em; text-wrap:balance; }
.home-page .newsroom-v3 .newsroom-signal-meter {
    height:34px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
    padding:7px;
    border-left:1px solid rgba(155,231,242,.18);
}
.home-page .newsroom-v3 .newsroom-signal-meter i { width:3px; border-radius:999px; background:#8feaf3; box-shadow:0 0 8px rgba(52,215,238,.32); }
.home-page .newsroom-v3 .newsroom-signal-meter i:nth-child(1) { height:8px; opacity:.56; }
.home-page .newsroom-v3 .newsroom-signal-meter i:nth-child(2) { height:15px; opacity:.78; }
.home-page .newsroom-v3 .newsroom-signal-meter i:nth-child(3) { height:22px; }
.home-page .newsroom-v3 .newsroom-total {
    min-width:158px;
    min-height:62px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:10px 16px;
    border:1px solid rgba(9,79,148,.18);
    border-radius:14px;
    background:rgba(255,255,255,.78);
    box-shadow:0 10px 25px rgba(5,58,111,.07);
}
.home-page .newsroom-v3 .newsroom-total b {
    color:var(--press-red);
    font:900 38px/1 var(--font-display);
    letter-spacing:-.06em;
}
.home-page .newsroom-v3 .newsroom-total small {
    color:#557086;
    font-size:6.5px;
    font-weight:900;
    line-height:1.45;
    letter-spacing:.1em;
}
.home-page .newsroom-v3 .newsroom-head .section-link {
    min-height:62px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 12px 0 18px;
    border:1px solid rgba(125,225,240,.34);
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,var(--press-navy),#074588 65%,var(--press-royal));
    box-shadow:0 14px 30px rgba(3,43,92,.2),inset 0 1px rgba(255,255,255,.12);
    font-size:7.5px;
    letter-spacing:.11em;
}
.home-page .newsroom-v3 .newsroom-head .section-link span {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.3);
    border-radius:11px;
    background:rgba(255,255,255,.08);
    font-size:17px;
    transition:transform 220ms cubic-bezier(.16,1,.3,1),background 220ms ease;
}
.home-page .newsroom-v3 .newsroom-head .section-link:hover,
.home-page .newsroom-v3 .newsroom-head .section-link:focus-visible { background:linear-gradient(135deg,#05234b,#0d63c8); }
.home-page .newsroom-v3 .newsroom-head .section-link:hover span,
.home-page .newsroom-v3 .newsroom-head .section-link:focus-visible span { transform:translateX(3px); background:rgba(52,215,238,.2); }

.home-page .newsroom-v3 .news-filter,
.news-page .newsroom-archive-v3-section .news-filter {
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    margin:0;
    padding:6px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border:1px solid rgba(7,76,143,.14);
    border-radius:14px;
    background:rgba(255,255,255,.78);
    box-shadow:0 12px 28px rgba(5,54,105,.07),inset 0 1px rgba(255,255,255,.94);
    backdrop-filter:blur(10px);
}
.home-page .newsroom-v3 .news-filter::-webkit-scrollbar,
.news-page .newsroom-archive-v3-section .news-filter::-webkit-scrollbar { display:none; }
.home-page .newsroom-v3 .news-filter button,
.news-page .newsroom-archive-v3-section .news-filter button {
    flex:0 0 auto;
    min-height:44px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:10px;
    color:#345c7b;
    background:transparent;
    font-size:7.5px;
    font-weight:900;
    letter-spacing:.1em;
    scroll-snap-align:start;
    transition:color 200ms ease,background 200ms ease,border-color 200ms ease,transform 200ms ease;
}
.home-page .newsroom-v3 .news-filter button small,
.news-page .newsroom-archive-v3-section .news-filter button small {
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:8px;
    color:#0a5ea7;
    background:#e8f4fb;
    font-size:7px;
}
.home-page .newsroom-v3 .news-filter button:hover,
.home-page .newsroom-v3 .news-filter button:focus-visible,
.news-page .newsroom-archive-v3-section .news-filter button:hover,
.news-page .newsroom-archive-v3-section .news-filter button:focus-visible {
    border-color:rgba(13,95,194,.18);
    color:#063e78;
    background:#edf7fd;
    outline:0;
}
.home-page .newsroom-v3 .news-filter button.is-active,
.news-page .newsroom-archive-v3-section .news-filter button.is-active {
    border-color:rgba(111,226,241,.26);
    color:#fff;
    background:linear-gradient(135deg,var(--press-navy-2),var(--press-royal));
    box-shadow:0 8px 18px rgba(4,57,116,.18);
}
.home-page .newsroom-v3 .news-filter button.is-active small,
.news-page .newsroom-archive-v3-section .news-filter button.is-active small { color:#063d76; background:#a8f1f8; }
.home-page .newsroom-v3 .newsroom-flow-label,
.news-page .newsroom-archive-v3-section .newsroom-flow-label {
    min-height:34px;
    display:flex;
    align-items:center;
    gap:10px;
    margin:13px 0;
    color:#0a548f;
    font-size:7.5px;
    font-weight:900;
    letter-spacing:.12em;
}
.home-page .newsroom-v3 .newsroom-flow-icon,
.news-page .newsroom-archive-v3-section .newsroom-flow-icon {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(7,92,165,.15);
    border-radius:9px;
    color:#0b63b5;
    background:#fff;
    box-shadow:0 7px 16px rgba(5,55,108,.08);
}
.home-page .newsroom-v3 .newsroom-flow-icon svg,
.news-page .newsroom-archive-v3-section .newsroom-flow-icon svg {
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.home-page .newsroom-v3 .newsroom-flow-label > i,
.news-page .newsroom-archive-v3-section .newsroom-flow-label > i { flex:1 1 auto; min-width:20px; height:1px; background:linear-gradient(90deg,rgba(9,91,165,.28),transparent); }
.home-page .newsroom-v3 .newsroom-flow-label > small,
.news-page .newsroom-archive-v3-section .newsroom-flow-label > small { color:#688196; font-size:6.5px; letter-spacing:.1em; }

.home-page .newsroom-v3 .news-frame { position:relative; min-width:0; }
.home-page .newsroom-v3 .news-grid {
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(350px,.7fr);
    gap:14px;
}
.home-page .newsroom-v3 .news-feature {
    position:relative;
    isolation:isolate;
    min-height:640px;
    overflow:hidden;
    border:1px solid rgba(134,226,241,.54);
    border-radius:25px;
    color:#fff;
    background:var(--press-navy);
    box-shadow:0 28px 66px rgba(3,31,71,.24);
}
.home-page .newsroom-v3 .news-feature::before {
    display:none !important;
    content:none !important;
    height:0 !important;
    background:none !important;
    box-shadow:none !important;
}
.home-page .newsroom-v3 .news-feature::after {
    content:'';
    position:absolute;
    z-index:3;
    inset:16px;
    border:1px solid rgba(196,243,250,.26);
    border-radius:16px;
    pointer-events:none;
}
.home-page .newsroom-v3 .news-feature > img,
.home-page .newsroom-v3 .news-feature > .news-media-fallback {
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.home-page .newsroom-v3 .news-feature > img {
    transition:transform 320ms cubic-bezier(.16,1,.3,1),filter 320ms ease;
}
.home-page .newsroom-v3 .news-feature:hover > img,
.home-page .newsroom-v3 .news-feature:focus-visible > img { transform:scale(1.025); filter:saturate(1.08) contrast(1.03); }
.home-page .newsroom-v3 .news-overlay {
    position:absolute;
    z-index:2;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,17,42,.32),transparent 31%),
        linear-gradient(0deg,rgba(1,12,33,.98),rgba(2,28,65,.68) 48%,rgba(2,25,59,.05) 76%);
}
.home-page .newsroom-v3 .news-feature-index {
    position:absolute;
    z-index:5;
    top:31px;
    right:31px;
    min-width:94px;
    min-height:48px;
    display:grid;
    align-content:center;
    gap:3px;
    padding:8px 12px;
    border:1px solid rgba(187,242,249,.5);
    border-radius:12px;
    color:#fff;
    background:rgba(3,33,71,.64);
    box-shadow:0 11px 24px rgba(0,14,42,.2),inset 0 1px rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}
.home-page .newsroom-v3 .news-feature-index small { color:#8cebf5; font-size:6px; font-weight:900; letter-spacing:.16em; }
.home-page .newsroom-v3 .news-feature-index b { color:#fff; font:900 11px/1.1 var(--font-display); letter-spacing:.06em; }
.home-page .newsroom-v3 .news-copy {
    position:absolute;
    z-index:5;
    right:clamp(30px,4vw,58px);
    bottom:clamp(31px,4vw,54px);
    left:clamp(30px,4vw,58px);
}
.home-page .newsroom-v3 .news-copy > span {
    width:max-content;
    min-height:29px;
    display:inline-flex;
    align-items:center;
    padding:0 11px;
    border:1px solid rgba(151,236,247,.5);
    border-radius:999px;
    color:#c5f7fb;
    background:rgba(3,64,119,.55);
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
}
.home-page .newsroom-v3 .news-copy h3 {
    max-width:19ch;
    margin:16px 0 13px;
    color:#fff;
    font-size:clamp(38px,3.8vw,60px);
    line-height:1;
    letter-spacing:-.055em;
    text-wrap:balance;
}
.home-page .newsroom-v3 .news-copy p {
    max-width:62ch;
    margin:0;
    color:#e2f3f8;
    font-size:14px;
    line-height:1.7;
}
.home-page .newsroom-v3 .news-copy b,
.home-page .newsroom-v3 .news-item b,
.news-page .newsroom-archive-v3-section .archive-card b {
    width:max-content;
    min-height:40px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:17px;
    padding:0 13px;
    border:1px solid rgba(159,239,248,.48);
    border-radius:11px;
    color:#effeff;
    background:rgba(9,93,159,.38);
    font-size:7px;
    font-weight:900;
    letter-spacing:.11em;
    transition:color 200ms ease,background 200ms ease,border-color 200ms ease,transform 200ms ease;
}
.home-page .newsroom-v3 .news-copy b::after,
.home-page .newsroom-v3 .news-item b::after,
.news-page .newsroom-archive-v3-section .archive-card b::after { content:'→'; font-size:14px; line-height:1; }
.home-page .newsroom-v3 .news-feature:hover .news-copy b,
.home-page .newsroom-v3 .news-feature:focus-visible .news-copy b { border-color:#d8fbff; color:#073d76; background:#dffbff; transform:translateX(2px); }

.home-page .newsroom-v3 .news-stack {
    display:grid;
    grid-template-rows:auto repeat(3,minmax(0,1fr));
    gap:0;
    min-width:0;
    padding:0 20px 4px;
    overflow:hidden;
    border:1px solid rgba(113,208,228,.26);
    border-radius:25px;
    color:#fff;
    background:
        radial-gradient(circle at 100% 0,rgba(52,215,238,.15),transparent 30%),
        linear-gradient(155deg,var(--press-navy) 0%,#052653 62%,#073870 100%);
    box-shadow:0 24px 55px rgba(3,30,69,.19),inset 0 1px rgba(255,255,255,.08);
}
.home-page .newsroom-v3 .news-stack-head {
    min-height:83px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid rgba(151,225,238,.18);
}
.home-page .newsroom-v3 .news-stack-head::after { display:none; }
.home-page .newsroom-v3 .news-stack-head span { display:flex; align-items:center; gap:9px; color:#fff; font-size:18px; }
.home-page .newsroom-v3 .news-stack-head span i {
    width:9px;
    height:9px;
    border:2px solid #94edf5;
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(52,215,238,.07),0 0 15px rgba(52,215,238,.28);
}
.home-page .newsroom-v3 .news-stack-head small { color:#8edee9; font-size:6.5px; letter-spacing:.12em; }
.home-page .newsroom-v3 .news-item {
    position:relative;
    display:grid;
    grid-template-columns:122px minmax(0,1fr);
    align-items:center;
    gap:14px;
    min-width:0;
    min-height:0;
    padding:16px 0;
    border:0;
    border-bottom:1px solid rgba(151,225,238,.14);
    color:#fff;
    background:transparent;
    box-shadow:none;
    border-radius:0;
    transition:transform 220ms cubic-bezier(.16,1,.3,1),background 220ms ease;
}
.home-page .newsroom-v3 .news-item:last-child { border-bottom:0; }
.home-page .newsroom-v3 .news-item:hover,
.home-page .newsroom-v3 .news-item:focus-visible {
    transform:translateX(3px);
    outline:0;
    background:linear-gradient(90deg,rgba(52,215,238,.09),transparent 80%);
}
.home-page .newsroom-v3 .news-item > img,
.home-page .newsroom-v3 .news-item > .news-media-fallback {
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    width:122px;
    height:104px;
    grid-column:1;
    grid-row:1;
    border:1px solid rgba(164,230,240,.2);
    border-radius:13px;
    object-fit:cover;
    box-shadow:0 9px 20px rgba(0,13,39,.24);
}
.home-page .newsroom-v3 .news-item > img { z-index:1; transition:filter 220ms ease; }
.home-page .newsroom-v3 .news-item:hover > img { filter:saturate(1.08) contrast(1.03); }
.home-page .newsroom-v3 .news-item > div { min-width:0; background:transparent; }
.home-page .newsroom-v3 .news-item span { color:#85e6f1; font-size:6px; font-weight:900; letter-spacing:.09em; }
.home-page .newsroom-v3 .news-item h3 {
    margin:7px 0 6px;
    color:#fff;
    font-size:clamp(17px,1.25vw,21px);
    line-height:1.13;
    letter-spacing:-.035em;
    text-wrap:balance;
}
.home-page .newsroom-v3 .news-item p {
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:#b8cfde;
    font-size:10px;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.home-page .newsroom-v3 .news-item b { min-height:31px; margin-top:8px; padding:0 9px; border-color:rgba(147,226,238,.23); color:#c6f4f8; background:rgba(255,255,255,.05); font-size:6px; }
.home-page .newsroom-v3 .news-item:hover b,
.home-page .newsroom-v3 .news-item:focus-visible b { border-color:#94eaf3; color:#052f63; background:#a9f1f7; }
.home-page .newsroom-v3 :is(.news-feature,.news-item,.section-link):focus-visible { outline:3px solid var(--press-cyan); outline-offset:4px; }
.home-page .newsroom-v3 .news-pagination { margin-top:22px; padding-top:17px; border-top:1px solid var(--press-line); }
.home-page .newsroom-v3 .news-page-control { min-width:44px; min-height:44px; border-radius:11px; }
.home-page .newsroom-v3 .news-page-control.is-current { color:#fff; background:linear-gradient(135deg,var(--press-navy),var(--press-royal)); box-shadow:0 8px 18px rgba(5,64,128,.2); }

/* Full news archive */
.news-page .newsroom-archive-v3 {
    position:relative;
    isolation:isolate;
    min-height:0;
    overflow:hidden;
    padding:0;
    color:#fff;
    background:
        radial-gradient(circle at 82% 20%,rgba(52,215,238,.2),transparent 24%),
        radial-gradient(circle at 8% 90%,rgba(13,95,194,.25),transparent 32%),
        linear-gradient(132deg,#020f26 0%,#04244e 53%,#074b91 100%);
}
.news-page .newsroom-archive-v3::before {
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    opacity:.42;
    background-image:
        linear-gradient(rgba(145,225,239,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(145,225,239,.07) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);
}
.news-page .newsroom-archive-v3::after {
    content:'PRESS';
    position:absolute;
    z-index:0;
    right:-.04em;
    bottom:-.08em;
    color:transparent;
    font:900 clamp(130px,21vw,310px)/.76 var(--font-display);
    letter-spacing:-.08em;
    -webkit-text-stroke:1px rgba(184,242,249,.1);
    pointer-events:none;
}
.news-page .archive-hero.newsroom-archive-v3 .container {
    position:relative;
    z-index:1;
    min-height:clamp(540px,64vh,720px);
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:end;
    gap:clamp(32px,6vw,88px);
    padding-block:clamp(104px,12vw,160px) clamp(74px,9vw,112px);
}
.news-page .news-archive-hero-copy { min-width:0; max-width:1000px; }
.news-page .newsroom-archive-v3 .kicker {
    min-height:30px;
    padding:0 11px;
    border:1px solid rgba(168,235,244,.36);
    border-radius:999px;
    color:#b9f3f8;
    background:rgba(5,45,90,.5);
    font-size:7px;
    letter-spacing:.14em;
}
.news-page .newsroom-archive-v3 h1 {
    max-width:12ch;
    margin:20px 0 22px;
    color:#fff;
    font-size:clamp(58px,7.5vw,108px);
    line-height:.91;
    letter-spacing:-.065em;
    text-wrap:balance;
}
.news-page .newsroom-archive-v3 h1 em { color:#8debf4; }
.news-page .newsroom-archive-v3 p { max-width:58ch; margin:0; color:#d8ebf3; font-size:15px; line-height:1.72; }
.news-page .newsroom-archive-v3 .archive-hero-index {
    position:relative;
    inset:auto;
    width:100%;
    min-height:210px;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto auto;
    align-content:end;
    gap:8px 13px;
    padding:23px;
    overflow:hidden;
    border:1px solid rgba(154,231,242,.34);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(10,75,137,.58),rgba(2,26,62,.68));
    box-shadow:0 24px 54px rgba(0,12,38,.25),inset 0 1px rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
}
.news-page .newsroom-archive-v3 .archive-hero-index::before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,var(--press-red),var(--press-cyan) 38%,transparent);
}
.news-page .newsroom-archive-v3 .archive-hero-index small { grid-column:1/-1; color:#8fe8f2; font-size:6.5px; font-weight:900; letter-spacing:.14em; }
.news-page .newsroom-archive-v3 .archive-hero-index b { color:#fff; font:900 66px/.8 var(--font-display); letter-spacing:-.07em; }
.news-page .newsroom-archive-v3 .archive-hero-index span { align-self:end; color:#d8f4f7; font-size:7px; font-weight:900; line-height:1.45; letter-spacing:.1em; }
.news-page .newsroom-archive-v3 .archive-hero-index i {
    grid-column:1/-1;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin-top:8px;
    border:1px solid rgba(181,240,247,.26);
    border-radius:12px;
    color:#a9eff6;
    background:rgba(255,255,255,.06);
}
.news-page .newsroom-archive-v3 .archive-hero-index svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.news-page .newsroom-archive-v3-section {
    position:relative;
    isolation:isolate;
    padding-block:clamp(64px,8vw,104px) clamp(84px,10vw,132px);
    background:
        radial-gradient(circle at 95% 2%,rgba(52,215,238,.12),transparent 22%),
        linear-gradient(180deg,#eff7fc 0%,#f9fcff 52%,#fff 100%);
}
.news-page .newsroom-archive-v3-section::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.34;
    background-image:linear-gradient(rgba(7,71,134,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,71,134,.035) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(180deg,#000,transparent 65%);
}
.news-page .news-archive-toolbar {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:16px;
    margin-bottom:13px;
    padding:10px;
    border:1px solid rgba(7,72,137,.14);
    border-radius:18px;
    background:rgba(255,255,255,.76);
    box-shadow:0 17px 38px rgba(4,55,106,.08),inset 0 1px rgba(255,255,255,.96);
    backdrop-filter:blur(11px);
}
.news-page .news-archive-toolbar-label {
    min-width:166px;
    min-height:54px;
    display:grid;
    grid-template-columns:34px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    gap:2px 10px;
    padding:7px 13px;
    border-right:1px solid var(--press-line);
}
.news-page .news-archive-toolbar-label svg { grid-row:1/-1; align-self:center; width:24px; height:24px; fill:none; stroke:#0b65b5; stroke-width:1.8; stroke-linecap:round; }
.news-page .news-archive-toolbar-label small { color:#688298; font-size:6px; font-weight:900; letter-spacing:.13em; }
.news-page .news-archive-toolbar-label strong { color:var(--press-ink); font:900 12px/1.2 var(--font-display); letter-spacing:.02em; }
.news-page .newsroom-archive-v3-section .archive-news-filter { border:0; background:transparent; box-shadow:none; }
.news-page .newsroom-archive-v3-section .newsroom-archive-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:auto;
    gap:16px;
}
.news-page .newsroom-archive-v3-section .archive-card {
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(7,72,137,.14);
    border-radius:18px;
    color:var(--press-ink);
    background:#fff;
    box-shadow:0 15px 34px rgba(4,54,104,.08);
    transition:transform 240ms cubic-bezier(.16,1,.3,1),box-shadow 240ms ease,border-color 240ms ease;
}
.news-page .newsroom-archive-v3-section .archive-card::before {
    content:'';
    position:absolute;
    z-index:4;
    top:0;
    right:0;
    left:0;
    width:auto;
    height:3px;
    background:linear-gradient(90deg,var(--press-cyan),var(--press-royal),transparent);
    transform:scaleX(.28);
    transform-origin:left;
    transition:transform 240ms cubic-bezier(.16,1,.3,1);
}
.news-page .newsroom-archive-v3-section .archive-card:hover,
.news-page .newsroom-archive-v3-section .archive-card:focus-visible {
    border-color:rgba(13,95,194,.32);
    outline:3px solid transparent;
    box-shadow:0 24px 48px rgba(3,49,99,.14);
    transform:translateY(-4px);
}
.news-page .newsroom-archive-v3-section .archive-card:focus-visible { outline-color:var(--press-cyan); outline-offset:4px; }
.news-page .newsroom-archive-v3-section .archive-card:hover::before,
.news-page .newsroom-archive-v3-section .archive-card:focus-visible::before { transform:scaleX(1); }
.news-page .newsroom-archive-v3-section .archive-card > img,
.news-page .newsroom-archive-v3-section .archive-card > .news-media-fallback {
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    flex:0 0 auto;
    object-fit:cover;
}
.news-page .newsroom-archive-v3-section .archive-card > img { z-index:1; transition:transform 300ms cubic-bezier(.16,1,.3,1),filter 300ms ease; }
.news-page .newsroom-archive-v3-section .archive-card:hover > img { transform:scale(1.025); filter:saturate(1.07) contrast(1.02); }
.news-page .newsroom-archive-v3-section .archive-card > .news-media-fallback { position:absolute; z-index:0; top:0; right:0; left:0; }
.news-page .newsroom-archive-v3-section .archive-card > div {
    position:relative;
    z-index:2;
    min-height:0;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    align-items:flex-start;
    padding:21px;
    background:#fff;
}
.news-page .newsroom-archive-v3-section .archive-card span { color:#0a69a9; font-size:6.5px; font-weight:900; line-height:1.45; letter-spacing:.11em; }
.news-page .newsroom-archive-v3-section .archive-card h2 {
    max-width:none;
    margin:10px 0 9px;
    color:var(--press-ink);
    font-size:clamp(21px,1.7vw,27px);
    line-height:1.12;
    letter-spacing:-.04em;
    text-wrap:balance;
}
.news-page .newsroom-archive-v3-section .archive-card p { margin:0; color:var(--press-body); font-size:12px; line-height:1.65; }
.news-page .newsroom-archive-v3-section .archive-card b { min-height:36px; margin-top:auto; padding:0 11px; border-color:rgba(9,98,174,.19); color:#075297; background:#edf6fb; }
.news-page .newsroom-archive-v3-section .archive-card:hover b,
.news-page .newsroom-archive-v3-section .archive-card:focus-visible b { border-color:#0d68b5; color:#fff; background:linear-gradient(135deg,var(--press-navy-2),var(--press-royal)); transform:translateX(2px); }

.news-page .newsroom-archive-v3-section .archive-card.is-featured {
    grid-column:1/-1;
    grid-row:auto;
    min-height:clamp(500px,56vw,650px);
    display:flex;
    justify-content:flex-end;
    border-color:rgba(109,219,237,.44);
    border-radius:24px;
    color:#fff;
    background:var(--press-navy);
    box-shadow:0 28px 66px rgba(3,31,71,.22);
}
.news-page .newsroom-archive-v3-section .archive-card.is-featured::before { display:none !important; content:none !important; height:0 !important; background:none !important; }
.news-page .newsroom-archive-v3-section .archive-card.is-featured::after { content:''; position:absolute; z-index:3; inset:16px; border:1px solid rgba(194,242,249,.26); border-radius:15px; pointer-events:none; }
.news-page .newsroom-archive-v3-section .archive-card.is-featured > img,
.news-page .newsroom-archive-v3-section .archive-card.is-featured > .news-media-fallback { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.news-page .newsroom-archive-v3-section .archive-card.is-featured > div {
    position:relative;
    z-index:4;
    min-height:inherit;
    justify-content:flex-end;
    padding:clamp(34px,5vw,68px);
    color:#fff;
    background:linear-gradient(0deg,rgba(1,13,34,.98),rgba(2,31,69,.67) 49%,rgba(2,27,62,.06) 78%);
}
.news-page .newsroom-archive-v3-section .archive-card.is-featured span {
    width:max-content;
    min-height:29px;
    display:inline-flex;
    align-items:center;
    padding:0 11px;
    border:1px solid rgba(151,236,247,.48);
    border-radius:999px;
    color:#c8f7fb;
    background:rgba(4,69,124,.52);
}
.news-page .newsroom-archive-v3-section .archive-card.is-featured h2 { max-width:19ch; margin:16px 0 12px; color:#fff; font-size:clamp(38px,4.6vw,66px); line-height:1; }
.news-page .newsroom-archive-v3-section .archive-card.is-featured p { max-width:66ch; color:#e0f1f6; font-size:14px; line-height:1.7; }
.news-page .newsroom-archive-v3-section .archive-card.is-featured b { margin-top:18px; border-color:rgba(160,239,248,.48); color:#eefeff; background:rgba(9,93,159,.4); }
.news-page .newsroom-archive-v3-section .archive-card.is-featured:hover b,
.news-page .newsroom-archive-v3-section .archive-card.is-featured:focus-visible b { color:#073d76; background:#dffbff; }
.news-page .newsroom-archive-v3-section .news-empty-state { padding:28px; border:1px dashed rgba(7,88,161,.25); border-radius:16px; color:var(--press-body); background:#fff; text-align:center; }

@media (max-width:1100px) {
    .home-page .newsroom-v3 .newsroom-head { grid-template-columns:1fr; align-items:start; }
    .home-page .newsroom-v3 .newsroom-head-actions { justify-content:space-between; }
    .home-page .newsroom-v3 .news-grid { grid-template-columns:1fr; }
    .home-page .newsroom-v3 .news-stack { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto 1fr; gap:0 15px; padding:0 18px 18px; }
    .home-page .newsroom-v3 .news-stack-head { grid-column:1/-1; }
    .home-page .newsroom-v3 .news-item { grid-template-columns:1fr; align-content:start; padding:15px 0 0; border-bottom:0; }
    .home-page .newsroom-v3 .news-item > img,
    .home-page .newsroom-v3 .news-item > .news-media-fallback { width:100%; height:auto; aspect-ratio:16/10; }
    .news-page .newsroom-archive-v3-section .newsroom-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:780px) {
    .home-page .newsroom-v3 { padding-block:64px 78px; }
    .home-page .newsroom-v3::after { top:84px; font-size:84px; }
    .home-page .newsroom-v3 .newsroom-head { gap:18px; margin-bottom:18px; padding-bottom:19px; }
    .home-page .newsroom-v3 .newsroom-head-copy { padding-left:54px; }
    .home-page .newsroom-v3 .newsroom-head-mark { width:42px; height:42px; border-radius:12px; }
    .home-page .newsroom-v3 .newsroom-head h2 { max-width:15ch; font-size:clamp(39px,11vw,54px); }
    .home-page .newsroom-v3 .newsroom-head-actions { display:flex; width:100%; justify-content:flex-start; gap:8px; }
    .home-page .newsroom-v3 .newsroom-signal { width:100%; min-height:66px; grid-template-columns:44px minmax(0,1fr) 36px; padding:9px 12px; }
    .home-page .newsroom-v3 .newsroom-signal-icon { width:44px; height:44px; border-radius:12px; }
    .home-page .newsroom-v3 .newsroom-signal-copy strong { font-size:15px; }
    .home-page .newsroom-v3 .newsroom-total { min-width:0; min-height:60px; gap:8px; padding:9px 10px; }
    .home-page .newsroom-v3 .newsroom-total b { font-size:31px; }
    .home-page .newsroom-v3 .newsroom-total small { font-size:5.5px; letter-spacing:.07em; }
    .home-page .newsroom-v3 .newsroom-head .section-link { min-width:0; min-height:60px; justify-content:space-between; padding-left:13px; font-size:6.5px; }
    .home-page .newsroom-v3 .newsroom-head .section-link span { flex:0 0 auto; width:34px; height:34px; }
    .home-page .newsroom-v3 .news-filter { margin-inline:-2px; scroll-snap-type:x proximity; }
    .home-page .newsroom-v3 .newsroom-flow-label,
    .news-page .newsroom-archive-v3-section .newsroom-flow-label { gap:8px; font-size:6.5px; }
    .home-page .newsroom-v3 .newsroom-flow-label > small,
    .news-page .newsroom-archive-v3-section .newsroom-flow-label > small { font-size:5.5px; }
    .home-page .newsroom-v3 .news-feature { min-height:510px; border-radius:19px; }
    .home-page .newsroom-v3 .news-feature::after { inset:11px; border-radius:12px; }
    .home-page .newsroom-v3 .news-feature-index { top:22px; right:22px; min-width:82px; min-height:44px; }
    .home-page .newsroom-v3 .news-copy { right:24px; bottom:26px; left:24px; }
    .home-page .newsroom-v3 .news-copy h3 { margin:13px 0 10px; font-size:clamp(30px,8.7vw,41px); }
    .home-page .newsroom-v3 .news-copy p { display:-webkit-box; overflow:hidden; font-size:12px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .home-page .newsroom-v3 .news-stack { grid-template-columns:1fr; gap:0; padding:0 14px 5px; border-radius:19px; }
    .home-page .newsroom-v3 .news-stack-head { min-height:67px; }
    .home-page .newsroom-v3 .news-stack-head span { font-size:16px; }
    .home-page .newsroom-v3 .news-item { grid-template-columns:110px minmax(0,1fr); align-items:center; gap:13px; min-height:126px; padding:14px 0; border-bottom:1px solid rgba(151,225,238,.14); }
    .home-page .newsroom-v3 .news-item > img,
    .home-page .newsroom-v3 .news-item > .news-media-fallback { width:110px; height:96px; aspect-ratio:auto; }
    .home-page .newsroom-v3 .news-item h3 { margin:5px 0 6px; font-size:16px; }
    .home-page .newsroom-v3 .news-item p { display:none; }
    .home-page .newsroom-v3 .news-pagination p { display:none; }
    .home-page .newsroom-v3 .news-pagination-nav { width:100%; justify-content:space-between; gap:6px; }

    .news-page .archive-hero.newsroom-archive-v3 .container { min-height:0; grid-template-columns:1fr; align-items:start; gap:28px; padding-block:90px 64px; }
    .news-page .newsroom-archive-v3 h1 { margin-block:18px; font-size:clamp(45px,13vw,64px); }
    .news-page .newsroom-archive-v3 p { font-size:13px; }
    .news-page .newsroom-archive-v3 .archive-hero-index { min-height:150px; grid-template-columns:auto 1fr auto; grid-template-rows:auto auto; padding:19px; }
    .news-page .newsroom-archive-v3 .archive-hero-index small { grid-column:1/-1; }
    .news-page .newsroom-archive-v3 .archive-hero-index b { font-size:52px; }
    .news-page .newsroom-archive-v3 .archive-hero-index i { grid-column:auto; align-self:center; margin:0; }
    .news-page .newsroom-archive-v3-section { padding-block:46px 84px; }
    .news-page .news-archive-toolbar { grid-template-columns:1fr; gap:7px; padding:8px; }
    .news-page .news-archive-toolbar-label { min-width:0; min-height:48px; border-right:0; border-bottom:1px solid var(--press-line); }
    .news-page .newsroom-archive-v3-section .newsroom-archive-grid { grid-template-columns:1fr; gap:12px; }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) { min-height:168px; display:grid; grid-template-columns:128px minmax(0,1fr); }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > img,
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > .news-media-fallback { width:128px; height:100%; aspect-ratio:auto; grid-column:1; grid-row:1; }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > .news-media-fallback { position:relative; }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > div { grid-column:2; grid-row:1; min-height:168px; padding:15px 14px; }
    .news-page .newsroom-archive-v3-section .archive-card h2 { margin:7px 0; font-size:17px; }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) p { display:none; }
    .news-page .newsroom-archive-v3-section .archive-card b { min-height:32px; margin-top:auto; padding-inline:9px; font-size:6px; }
    .news-page .newsroom-archive-v3-section .archive-card.is-featured { min-height:470px; border-radius:19px; }
    .news-page .newsroom-archive-v3-section .archive-card.is-featured::after { inset:11px; border-radius:12px; }
    .news-page .newsroom-archive-v3-section .archive-card.is-featured > div { min-height:470px; padding:28px 24px; }
    .news-page .newsroom-archive-v3-section .archive-card.is-featured h2 { font-size:clamp(31px,8.6vw,42px); }
    .news-page .newsroom-archive-v3-section .archive-card.is-featured p { display:-webkit-box; overflow:hidden; font-size:12px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}

@media (max-width:390px) {
    .home-page .newsroom-v3 .newsroom-head-actions { display:flex; }
    .home-page .newsroom-v3 .newsroom-total { grid-template-columns:auto 1fr; }
    .home-page .newsroom-v3 .newsroom-head .section-link { min-height:54px; }
    .home-page .newsroom-v3 .news-feature { min-height:490px; }
    .home-page .newsroom-v3 .news-item { grid-template-columns:96px minmax(0,1fr); }
    .home-page .newsroom-v3 .news-item > img,
    .home-page .newsroom-v3 .news-item > .news-media-fallback { width:96px; height:88px; }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) { grid-template-columns:112px minmax(0,1fr); }
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > img,
    .news-page .newsroom-archive-v3-section .archive-card:not(.is-featured) > .news-media-fallback { width:112px; }
}

@media (prefers-reduced-motion:reduce) {
    .home-page .newsroom-v3 *,
    .home-page .newsroom-v3 *::before,
    .home-page .newsroom-v3 *::after,
    .news-page .newsroom-archive-v3 *,
    .news-page .newsroom-archive-v3 *::before,
    .news-page .newsroom-archive-v3 *::after,
    .news-page .newsroom-archive-v3-section *,
    .news-page .newsroom-archive-v3-section *::before,
    .news-page .newsroom-archive-v3-section *::after {
        animation:none !important;
        transition-duration:.01ms !important;
    }
}


/* ==========================================================================
   SECTION: NEWSROOM HUB PRO MAX (UI/UX PRO MAX UPGRADE)
   ========================================================================== */
.news-page {
    background-color: #f8fafc;
    color: #0f172a;
    font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 1. Hero Newsroom Hub */
.news-hub-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(36px, 4vw, 52px) 0 clamp(28px, 3.5vw, 40px);
    background: radial-gradient(circle at 85% 20%, rgba(56, 189, 248, 0.22), transparent 45%),
                radial-gradient(circle at 15% 90%, rgba(14, 165, 233, 0.15), transparent 40%),
                linear-gradient(135deg, #040f28 0%, #0a2558 50%, #0d367a 100%);
    color: #ffffff;
}

.news-hub-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.8), transparent 75%);
    pointer-events: none;
}

.news-hub-hero-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news-hub-header-top {
    max-width: 860px;
}

.news-pulse-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #38bdf8;
    backdrop-filter: blur(10px);
    margin-bottom: 18px;
}

.news-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #34d399;
    box-shadow: 0 0 10px #34d399;
    animation: newsPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes newsPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.25); }
}

.news-hub-title {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin: 0 0 14px 0;
}

.news-hub-title span {
    background: linear-gradient(135deg, #38bdf8 0%, #a7f3d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.news-hub-desc {
    font-size: clamp(14px, 1.8vw, 17px);
    line-height: 1.65;
    color: #cbd5e1;
    max-width: 720px;
    margin: 0;
}

/* Hero Metrics Bento Grid */
.news-hero-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 8px;
}

.news-metric-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.news-metric-card:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(56, 189, 248, 0.4);
}

.news-metric-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(56, 189, 248, 0.15);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.news-metric-info strong {
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
}

.news-metric-info span {
    font-size: 11.5px;
    font-weight: 500;
    color: #94a3b8;
    letter-spacing: 0.02em;
}

/* 2. Spotlight Section (Editorial Bento) */
.news-spotlight-section {
    padding: 40px 0 20px;
}

.news-spotlight-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 24px;
}

.news-featured-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #0f172a;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 420px;
    text-decoration: none;
    color: #ffffff;
    box-shadow: 0 16px 36px -10px rgba(15, 23, 42, 0.25);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.news-featured-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.35);
}

.news-featured-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-featured-card:hover .news-featured-bg {
    transform: scale(1.04);
}

.news-featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.6) 40%, rgba(15, 23, 42, 0.96) 100%);
    z-index: 1;
}

.news-featured-content {
    position: relative;
    z-index: 2;
    padding: clamp(24px, 4vw, 36px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.news-featured-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.badge-lead {
    background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 999px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.badge-cat {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 999px;
    backdrop-filter: blur(8px);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.badge-time {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
}

.news-featured-title {
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.22;
    color: #ffffff;
    margin: 0;
}

.news-featured-excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: #cbd5e1;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-featured-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #38bdf8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-top: 6px;
    transition: gap 0.2s ease, color 0.2s ease;
}

.news-featured-card:hover .news-featured-btn {
    gap: 12px;
    color: #7dd3fc;
}

/* Trending Side Column */
.news-trending-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news-trending-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

.news-trending-header h3 {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.news-trending-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.news-trending-item:hover {
    transform: translateX(4px);
    box-shadow: 0 8px 20px -6px rgba(15, 23, 42, 0.1);
    border-color: #38bdf8;
}

.news-trending-thumb {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 84px;
}

.news-trending-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-trending-item:hover .news-trending-thumb img {
    transform: scale(1.06);
}

.news-trending-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.news-trending-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #0284c7;
    text-transform: uppercase;
}

.news-trending-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. Newsroom Command Center Toolbar */
.news-toolbar-wrapper {
    position: sticky;
    top: 72px;
    z-index: 30;
    padding: 16px 0;
    background: rgba(248, 250, 252, 0.94);
    backdrop-filter: blur(16px);
    margin: 20px 0 32px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.news-toolbar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #ffffff;
    padding: 16px 20px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.06);
}

.news-toolbar-top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
}

.news-search-box {
    position: relative;
    display: flex;
    align-items: center;
}

.news-search-icon {
    position: absolute;
    left: 14px;
    color: #94a3b8;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.news-search-icon svg {
    width: 18px;
    height: 18px;
}

.news-search-input {
    width: 100%;
    height: 46px;
    padding: 0 42px 0 42px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-family: inherit;
    color: #0f172a;
    transition: all 0.2s ease;
}

.news-search-input:focus {
    outline: none;
    background: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12);
}

.news-search-clear {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: #94a3b8;
    display: flex;
    align-items: center;
    border-radius: 6px;
    transition: color 0.15s ease, background 0.15s ease;
}

.news-search-clear:hover {
    color: #0f172a;
    background: #e2e8f0;
}

.news-sort-box select {
    height: 46px;
    padding: 0 36px 0 14px;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    appearance: none;
    font-family: inherit;
    transition: border-color 0.2s ease;
}

.news-sort-box select:focus {
    outline: none;
    border-color: #0284c7;
}

/* Category Filter Pills */
.news-categories-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.news-cat-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.news-cat-pill:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.news-cat-pill.is-active {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.news-cat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.news-cat-pill.is-active .news-cat-count {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* 4. Main News Grid */
.news-main-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.news-card-pro {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.04);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

.news-card-pro:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px -10px rgba(2, 132, 199, 0.15);
    border-color: #7dd3fc;
}

.news-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0f172a;
}

.news-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.news-card-pro:hover .news-card-media img {
    transform: scale(1.06);
}

.news-category-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Category Accent Palette */
.cat-tin-tuc { background: linear-gradient(135deg, #0284c7, #0369a1); }
.cat-chuyen-mon { background: linear-gradient(135deg, #059669, #047857); }
.cat-hau-truong { background: linear-gradient(135deg, #d97706, #b45309); }
.cat-diem-den { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
.cat-phong-van { background: linear-gradient(135deg, #e11d48, #be123c); }
.cat-truyen-thong { background: linear-gradient(135deg, #0891b2, #0e7490); }
.cat-doi-bong { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.cat-default { background: linear-gradient(135deg, #475569, #334155); }

.news-card-body {
    padding: 20px 22px 22px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-card-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11.5px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 10px;
}

.news-card-meta span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.news-card-title {
    font-size: 17.5px;
    font-weight: 800;
    line-height: 1.36;
    color: #0f172a;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s ease;
}

.news-card-pro:hover .news-card-title {
    color: #0284c7;
}

.news-card-excerpt {
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748b;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.news-card-author {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.news-card-readmore {
    font-size: 12px;
    font-weight: 800;
    color: #0284c7;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: gap 0.2s ease, transform 0.2s ease;
}

.news-card-pro:hover .news-card-readmore {
    gap: 8px;
    transform: translateX(2px);
}

/* 5. Load More & Pagination */
.news-pagination-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 20px 0 50px;
}

.news-load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 36px;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    border: none;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.news-load-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -5px rgba(2, 132, 199, 0.45);
}

.news-pagination-info {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

/* 6. Fanpage Community Banner */
.news-fanpage-banner {
    position: relative;
    overflow: hidden;
    margin: 30px 0 60px;
    padding: clamp(30px, 5vw, 44px);
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 24px;
    color: #ffffff;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 30px;
    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.3);
}

.news-fanpage-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.2), transparent 70%);
    pointer-events: none;
}

.news-fanpage-content h3 {
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 10px;
}

.news-fanpage-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #94a3b8;
    margin: 0;
    max-width: 600px;
}

.news-fanpage-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: #1877f2;
    color: #ffffff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 20px rgba(24, 119, 242, 0.35);
    transition: transform 0.2s ease, background 0.2s ease;
    white-space: nowrap;
}

.news-fanpage-btn:hover {
    transform: translateY(-2px);
    background: #166fe5;
}

/* 7. Empty State */
.news-empty-state-card {
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 20px;
    margin: 40px 0;
}

.news-empty-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.news-empty-state-card h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px;
}

.news-empty-state-card p {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 20px;
}

.news-reset-filter-btn {
    padding: 10px 24px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    transition: all 0.2s ease;
}

.news-reset-filter-btn:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .news-hero-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    .news-spotlight-grid {
        grid-template-columns: 1fr;
    }
    .news-main-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .news-hero-metrics {
        grid-template-columns: 1fr;
    }
    .news-toolbar-top {
        grid-template-columns: 1fr;
    }
    .news-main-grid {
        grid-template-columns: 1fr;
    }
    .news-fanpage-banner {
        grid-template-columns: 1fr;
        text-align: left;
    }
}

@media (max-width: 640px) {
    /* 1. NEWS SECTION WRAPPER */
    .news-section,
    .newsroom-section {
        padding: 24px 0 20px !important;
    }
    .newsroom-head {
        margin-bottom: 14px !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }
    .newsroom-head-copy .kicker {
        font-size: 7.5px !important;
        letter-spacing: 0.1em !important;
        margin-bottom: 2px !important;
    }
    .newsroom-head-copy h2 {
        font-size: 16px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }
    .newsroom-head-actions .btn {
        min-height: 28px !important;
        padding: 3px 8px !important;
        font-size: 9.5px !important;
        border-radius: 6px !important;
    }

    /* 2. CATEGORY FILTER PILLS - HORIZONTAL SCROLL */
    .news-categories-nav,
    .home-news-categories-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 5px !important;
        padding-bottom: 4px !important;
        margin-bottom: 14px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .news-categories-nav::-webkit-scrollbar,
    .home-news-categories-nav::-webkit-scrollbar {
        display: none !important;
    }
    .news-cat-pill {
        flex: 0 0 auto !important;
        padding: 4px 9px !important;
        min-height: 26px !important;
        font-size: 9.5px !important;
        border-radius: 999px !important;
    }

    /* 3. EDITORIAL SPOTLIGHT (LEAD + 3 TRENDING) */
    .news-spotlight-grid,
    .home-news-spotlight {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }

    /* Featured Lead Card */
    .news-featured-card {
        min-height: 170px !important;
        max-height: 190px !important;
        border-radius: 12px !important;
        padding: 0 !important;
    }
    .news-featured-content {
        padding: 12px 14px !important;
        gap: 5px !important;
    }
    .news-featured-badges {
        gap: 5px !important;
    }
    .badge-lead,
    .badge-cat {
        font-size: 7.5px !important;
        padding: 2px 7px !important;
        letter-spacing: 0.04em !important;
    }
    .news-featured-title {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-featured-excerpt {
        display: none !important;
    }
    .news-featured-btn {
        font-size: 9.5px !important;
        margin-top: 2px !important;
        gap: 4px !important;
    }

    /* Trending Highlights Column */
    .news-trending-column {
        gap: 6px !important;
    }
    .news-trending-header {
        padding-bottom: 4px !important;
        margin-bottom: 2px !important;
        border-bottom-width: 1px !important;
    }
    .news-trending-header h3 {
        font-size: 11px !important;
        gap: 4px !important;
    }
    .news-trending-item {
        display: grid !important;
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 6px 8px !important;
        border-radius: 9px !important;
        align-items: center !important;
    }
    .news-trending-thumb {
        height: 48px !important;
        border-radius: 6px !important;
    }
    .news-trending-meta {
        font-size: 7.5px !important;
        gap: 4px !important;
    }
    .news-trending-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    /* 4. MAIN NEWS GRID (3 BENTO CARDS -> SLEEK HORIZONTAL ROWS) */
    .news-main-grid,
    .home-news-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        margin-bottom: 16px !important;
    }
    .news-card-pro {
        display: grid !important;
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 6px 8px !important;
        border-radius: 10px !important;
        align-items: center !important;
    }
    .news-card-media {
        width: 78px !important;
        height: 56px !important;
        aspect-ratio: auto !important;
        border-radius: 6px !important;
    }
    .news-category-badge {
        top: 3px !important;
        left: 3px !important;
        font-size: 6px !important;
        padding: 1px 4px !important;
        border-radius: 4px !important;
    }
    .news-card-body {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        min-width: 0 !important;
    }
    .news-card-title {
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-card-excerpt {
        display: none !important;
    }
    .news-card-footer {
        padding-top: 0 !important;
        margin-top: 2px !important;
        border: 0 !important;
        justify-content: flex-start !important;
    }
    .news-card-readmore {
        font-size: 9.5px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
    }

    /* 5. VIEW ALL CTA BUTTON */
    .news-section .btn-primary,
    .newsroom-section .btn-primary {
        min-height: 38px !important;
        padding: 0 20px !important;
        font-size: 11.5px !important;
        border-radius: 999px !important;
    }
}


/* ==========================================================================
   ARTICLE READER HUB PRO MAX (UI/UX PRO MAX UPGRADE)
   ========================================================================== */

/* Reading Progress Bar */
.article-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3.5px;
    width: 0%;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 50%, #a7f3d0 100%);
    z-index: 9999;
    transition: width 0.1s ease-out;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.6);
}

/* Article Hero Header */
.article-header-hero {
    position: relative;
    padding: clamp(40px, 5vw, 64px) 0 clamp(32px, 4vw, 48px);
    background: radial-gradient(circle at 85% 20%, rgba(56, 189, 248, 0.18), transparent 45%),
                radial-gradient(circle at 15% 90%, rgba(14, 165, 233, 0.12), transparent 40%),
                linear-gradient(135deg, #040f28 0%, #0a2558 50%, #0d367a 100%);
    color: #ffffff;
    overflow: hidden;
}

.article-header-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.8), transparent 75%);
    pointer-events: none;
}

.article-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 960px;
    margin: 0 auto;
}

/* Breadcrumbs */
.article-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #94a3b8;
}

.article-breadcrumbs a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.article-breadcrumbs a:hover {
    color: #38bdf8;
}

.article-breadcrumbs span[aria-hidden="true"] {
    color: #64748b;
    font-size: 11px;
}

.article-breadcrumbs .current-crumb {
    color: #38bdf8;
    font-weight: 600;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hero Badges & Meta */
.article-meta-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.article-cat-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.article-meta-pills {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #cbd5e1;
}

.article-title-main {
    font-size: clamp(28px, 4.5vw, 46px);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0 0 16px 0;
    text-wrap: balance;
}

.article-lead-excerpt {
    font-size: clamp(16px, 1.8vw, 19px);
    line-height: 1.65;
    color: #cbd5e1;
    font-weight: 500;
    margin: 0;
    border-left: 3px solid #38bdf8;
    padding-left: 18px;
}

/* Featured Cover Media */
.article-cover-section {
    position: relative;
    max-width: 1040px;
    margin: -24px auto 0;
    padding: 0 20px;
    z-index: 3;
}

.article-cover-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.15);
    background: #0f172a;
    aspect-ratio: 16 / 9;
}

.article-cover-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.article-cover-caption {
    padding: 10px 16px;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    color: #cbd5e1;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Main Content Layout (2 Columns) */
.article-layout-grid {
    display: grid;
    grid-template-columns: minmax(0, 760px) 340px;
    gap: 48px;
    max-width: 1160px;
    margin: 40px auto 80px;
    padding: 0 20px;
    align-items: start;
}

@media (max-width: 1024px) {
    .article-layout-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* Sticky Action Toolbar */
.article-action-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    margin-bottom: 32px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.article-share-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-share-group span {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 4px;
}

.btn-share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.btn-share-icon:hover {
    transform: translateY(-2px);
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.btn-share-fb:hover { background: #1877f2; border-color: #1877f2; color: #fff; }
.btn-share-zalo:hover { background: #0068ff; border-color: #0068ff; color: #fff; }

.article-font-controls {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-font-size {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-font-size:hover, .btn-font-size.is-active {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

/* Article Rich Text Prose */
.article-prose {
    font-size: 17px;
    line-height: 1.85;
    color: #1e293b;
    word-break: break-word;
}

.article-prose.font-lg { font-size: 19px; line-height: 1.9; }
.article-prose.font-sm { font-size: 15px; line-height: 1.75; }

.article-prose > p:first-of-type::first-letter {
    float: left;
    font-size: 3.8em;
    line-height: 0.82;
    font-weight: 900;
    margin-right: 12px;
    margin-top: 4px;
    color: #0284c7;
    font-family: inherit;
}

.article-prose p {
    margin: 0 0 24px 0;
}

.article-prose h2 {
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 800;
    line-height: 1.3;
    color: #0f172a;
    margin: 40px 0 18px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
}

.article-prose h2::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 48px;
    height: 2px;
    background: #0284c7;
}

.article-prose h3 {
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 800;
    line-height: 1.35;
    color: #0f172a;
    margin: 32px 0 14px 0;
}

.article-prose blockquote {
    margin: 28px 0;
    padding: 20px 24px;
    background: #f8fafc;
    border-left: 4px solid #0284c7;
    border-radius: 0 14px 14px 0;
    font-style: italic;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
    position: relative;
}

.article-prose blockquote::before {
    content: '“';
    font-size: 48px;
    color: #0284c7;
    opacity: 0.2;
    position: absolute;
    top: -10px;
    left: 12px;
    line-height: 1;
}

.article-prose ul, .article-prose ol {
    margin: 0 0 24px 0;
    padding-left: 24px;
}

.article-prose li {
    margin-bottom: 10px;
    line-height: 1.7;
}

.article-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 24px 0;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
}

/* Callout Box inside article */
.article-highlight-box {
    margin: 32px 0;
    padding: 24px;
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.05) 0%, rgba(56, 189, 248, 0.08) 100%);
    border: 1px solid rgba(2, 132, 199, 0.2);
    border-radius: 16px;
    display: flex;
    gap: 18px;
}

.article-highlight-box .box-icon {
    font-size: 28px;
    line-height: 1;
}

.article-highlight-box h4 {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0369a1;
}

.article-highlight-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #334155;
}

/* Tags Cloud */
.article-tags-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.article-tags-wrap span {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    margin-right: 6px;
}

.article-tag-chip {
    padding: 6px 14px;
    background: #f1f5f9;
    color: #334155;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.article-tag-chip:hover {
    background: #0284c7;
    color: #ffffff;
}

/* Author Box */
.article-author-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    margin-top: 40px;
    box-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.04);
}

.author-avatar {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e0f2fe;
    flex-shrink: 0;
}

.author-info h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.author-info p {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

.author-links {
    display: flex;
    gap: 12px;
}

.author-links a {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    text-decoration: none;
}

.author-links a:hover {
    text-decoration: underline;
}

/* Prev / Next Article Nav */
.article-prev-next-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}

@media (max-width: 640px) {
    .article-prev-next-grid {
        grid-template-columns: 1fr;
    }
}

.article-nav-card {
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
}

.article-nav-card:hover {
    transform: translateY(-3px);
    border-color: #0284c7;
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.12);
}

.article-nav-card small {
    font-size: 11px;
    font-weight: 800;
    color: #0284c7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.article-nav-card h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    color: #0f172a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sidebar Components */
.article-sidebar {
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.sidebar-widget-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.sidebar-widget-title {
    font-size: 14px;
    font-weight: 900;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Table of Contents */
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.toc-list a {
    font-size: 13px;
    color: #475569;
    text-decoration: none;
    line-height: 1.45;
    display: block;
    padding: 4px 8px;
    border-radius: 6px;
    border-left: 2px solid transparent;
    transition: all 0.2s ease;
}

.toc-list a:hover, .toc-list a.is-active {
    color: #0284c7;
    background: #f0f9ff;
    border-left-color: #0284c7;
    font-weight: 600;
}

/* Trending Compact List */
.sidebar-trending-item {
    display: flex;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    transition: transform 0.2s ease;
}

.sidebar-trending-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar-trending-item:hover {
    transform: translateX(3px);
}

.sidebar-trending-thumb {
    width: 76px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #0f172a;
}

.sidebar-trending-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-trending-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.sidebar-trending-cat {
    font-size: 10px;
    font-weight: 800;
    color: #0284c7;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sidebar-trending-title {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Toast Notification */
.article-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #0f172a;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    z-index: 10000;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateY(100px);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
    pointer-events: none;
}

.article-toast.is-show {
    transform: translateY(0);
    opacity: 1;
}

/* Related Section in Article */
.article-related-section {
    background: #f8fafc;
    padding: 64px 0 80px;
    border-top: 1px solid #e2e8f0;
}

/* ==========================================================================
   GALLERY PRO MAX POLISH
   ========================================================================== */
.gallery-section.gallery-promax {
    padding: clamp(48px, 6vw, 80px) 0;
    background: #f8fafc;
}

.gallery-filter-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
}

.gallery-filter-nav::-webkit-scrollbar {
    display: none;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 240px;
    gap: 16px;
}

@media (max-width: 900px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px;
        gap: 12px;
    }
}

@media (max-width: 560px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
        gap: 12px;
    }
}

.gallery-item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: none;
    padding: 0;
    cursor: pointer;
    background: #0f172a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.gallery-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -8px rgba(2, 132, 199, 0.25);
}

.gallery-item.is-featured {
    grid-row: span 2;
}

@media (min-width: 901px) {
    .gallery-item.is-wide {
        grid-column: span 2;
    }
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.06);
}

.gallery-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 15, 40, 0.15) 0%, rgba(4, 15, 40, 0.3) 40%, rgba(4, 15, 40, 0.92) 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    opacity: 0.92;
    transition: opacity 0.3s ease, background 0.3s ease;
}

.gallery-item:hover .gallery-card-overlay {
    opacity: 1;
    background: linear-gradient(180deg, rgba(4, 15, 40, 0.2) 0%, rgba(4, 15, 40, 0.4) 30%, rgba(4, 15, 40, 0.96) 100%);
}

.gallery-card-top em {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(2, 132, 199, 0.85);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-style: normal;
    backdrop-filter: blur(8px);
}

.gallery-card-copy b {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 4px;
}

.gallery-card-copy small {
    display: block;
    font-size: 12px;
    color: #cbd5e1;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gallery-card-open {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.gallery-card-open svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}

.gallery-item:hover .gallery-card-open {
    opacity: 1;
    transform: scale(1);
}

/* ==========================================================================
   AWARDS PRO MAX ENHANCEMENTS
   ========================================================================== */
.awards-page-card-champion-b {
    grid-column: 1 / -1;
    margin-bottom: 16px;
    border-color: rgba(217, 119, 6, 0.4) !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.15), transparent 40%), linear-gradient(135deg, #fffdfa 0%, #fffbeb 100%) !important;
    box-shadow: 0 16px 36px -10px rgba(180, 83, 9, 0.15) !important;
}

.awards-page-card-note {
    display: inline-block;
    margin-top: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    color: #92400e;
    background: rgba(251, 191, 36, 0.22);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* ==========================================================================
   REGULATIONS PRO MAX STYLES
   ========================================================================== */
.regulations-grid-promax {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

@media (max-width: 900px) {
    .regulations-grid-promax {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .regulations-sidebar-promax {
        position: static !important;
    }
}

.regulations-sidebar-promax {
    position: sticky;
    top: 96px;
}

.regulations-toc-nav {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 14px;
}

.toc-rule-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.toc-rule-link:hover {
    background: #f1f5f9;
    color: #0284c7;
    transform: translateX(4px);
}

.toc-rule-link.is-active {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 800;
}

.toc-rule-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #e2e8f0;
    color: #334155;
    font-size: 11px;
    font-weight: 800;
}

.toc-rule-link.is-active .toc-rule-num {
    background: #0284c7;
    color: #ffffff;
}

.rule-card-promax {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    padding: 28px 32px;
    margin-bottom: 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.rule-card-promax:hover {
    box-shadow: 0 12px 32px -8px rgba(2, 132, 199, 0.12);
    border-color: #cbd5e1;
}

.rule-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 20px;
}

.rule-head-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.rule-article-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rule-card-title {
    margin: 0;
    font-size: clamp(17px, 2vw, 20px);
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.rule-card-icon {
    font-size: 26px;
}

.rule-card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rule-line {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.rule-bullet-mark {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e0f2fe;
    color: #0284c7;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.rule-line.is-sub-bullet {
    padding-left: 32px;
}

.rule-line.is-sub-bullet .rule-bullet-mark {
    background: #f1f5f9;
    color: #64748b;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    font-size: 10px;
}

.rule-line p,
.rule-paragraph {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #334155;
}

.rule-callout-warning {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-left: 4px solid #f59e0b;
    margin-top: 8px;
}

.rule-callout-warning .callout-icon {
    font-size: 18px;
    flex: 0 0 auto;
    margin-top: 1px;
}

.rule-callout-warning p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #92400e;
    font-weight: 600;
}

/* ==========================================================================
   OFFICIAL TRAILER PRO MAX SECTION & HEADERS
   ========================================================================== */
.trailer-section.trailer-section-promax {
    position: relative;
    padding: clamp(64px, 8vw, 100px) 0;
    background: radial-gradient(circle at 10% 20%, rgba(2, 132, 199, 0.25), transparent 45%),
                radial-gradient(circle at 90% 80%, rgba(30, 58, 138, 0.35), transparent 50%),
                linear-gradient(135deg, #020817 0%, #061838 50%, #0a2558 100%);
    color: #ffffff;
    overflow: hidden;
}

.trailer-bg-glow {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.18), transparent 70%);
    pointer-events: none;
    filter: blur(40px);
}

.trailer-kicker-promax {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.15);
}

.kicker-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.25);
    animation: kickerDotPulse 2s infinite ease-in-out;
}

@keyframes kickerDotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.6; }
}


/* ── LOGO GIẢI ĐẤU ĐƠN LẺ SANG TRỌNG (TRAILER LOGO ONLY) ── */
.trailer-identity {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
}

.trailer-logo-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    padding: 8px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(2, 132, 199, 0.18) 70%, rgba(2, 6, 23, 0.4) 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 30px rgba(0, 8, 28, 0.45), 0 0 20px rgba(56, 189, 248, 0.35), inset 0 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.trailer-logo-standalone:hover {
    transform: scale(1.08) translateY(-2px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 40px rgba(2, 132, 199, 0.45), 0 0 32px rgba(56, 189, 248, 0.5) !important;
}

.trailer-logo-crest {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45)) !important;
}

@media (max-width: 640px) {
    .trailer-logo-standalone {
        width: 66px !important;
        height: 66px !important;
        padding: 6px !important;
    }
}

.trailer-title-promax {
    margin: 16px 0 14px 0 !important;
    color: #ffffff !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(34px, 4.6vw, 56px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

.trailer-title-promax span {
    background: linear-gradient(135deg, #ffffff 25%, #e0f2fe 70%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 20px rgba(2, 132, 199, 0.45)) !important;
    display: inline-block !important;
}

.trailer-title-promax::after {
    display: none !important;
}

.trailer-desc-wrap {
    margin: 6px 0 24px 0 !important;
    padding: 16px 20px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(56, 189, 248, 0.04)) !important;
    border-left: 3.5px solid #38bdf8 !important;
    border-top: none !important;
    border-radius: 0 14px 14px 0 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 10, 30, 0.25) !important;
    backdrop-filter: blur(10px) !important;
}

.trailer-desc-wrap .trailer-desc-promax {
    margin: 0 !important;
    color: #e2f4fb !important;
    font-size: clamp(14.5px, 1.15vw, 16.5px) !important;
    line-height: 1.7 !important;
    font-weight: 450 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

.trailer-stage.trailer-stage-promax {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.12);
    background: #020617;
    aspect-ratio: 16 / 9;
}

.trailer-stage.trailer-stage-promax img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.trailer-stage.trailer-stage-promax:hover img {
    transform: scale(1.04);
}

.trailer-play-promax {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 72px;
    height: 72px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(4, 15, 40, 0.85);
    border: 2px solid rgba(56, 189, 248, 0.6);
    backdrop-filter: blur(12px);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5), 0 0 30px rgba(56, 189, 248, 0.35);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.trailer-play-promax:hover {
    transform: translate(-50%, -50%) scale(1.12);
    background: #0284c7;
    border-color: #38bdf8;
    box-shadow: 0 16px 48px rgba(2, 132, 199, 0.5), 0 0 45px rgba(56, 189, 248, 0.6);
}

.play-icon-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.play-icon-wrap svg {
    width: 28px;
    height: 28px;
    margin-left: 3px;
}

.play-label {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.trailer-library-promax {
    margin-top: clamp(48px, 6vw, 72px);
    padding-top: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.trailer-library-title {
    margin: 0;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.trailer-library-title em {
    color: #38bdf8;
    font-style: normal;
}

/* ── THƯ VIỆN THƯỚC PHIM (TRAILER QUEUE CARDS PRO MAX) ── */
.trailer-library-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 24px !important;
}

.trailer-queue-card-promax {
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1.5px solid rgba(56, 189, 248, 0.25) !important;
    background: #040d21 !important;
    cursor: pointer !important;
    text-align: left !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 10px 28px rgba(0, 8, 28, 0.4) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.trailer-queue-card-promax:hover {
    transform: translateY(-4px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 36px -8px rgba(2, 132, 199, 0.4) !important;
}

.trailer-queue-card-promax .queue-media-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #020617 !important;
}

.trailer-queue-card-promax .queue-media-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

.trailer-queue-card-promax:hover .queue-media-wrap img {
    transform: scale(1.06) !important;
}

.trailer-queue-card-promax .trailer-queue-shade {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.1) 0%, rgba(2, 6, 23, 0.7) 100%) !important;
    pointer-events: none !important;
}

.trailer-queue-card-promax .queue-play-center {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: rgba(4, 15, 40, 0.85) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 16px rgba(56, 189, 248, 0.4) !important;
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
    z-index: 3 !important;
}

.trailer-queue-card-promax .queue-play-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #ffffff !important;
}

.trailer-queue-card-promax .queue-play-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    transform: translateX(1px) !important;
}

.trailer-queue-card-promax:hover .queue-play-center {
    transform: translate(-50%, -50%) scale(1.15) !important;
    background: #0284c7 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5), 0 0 24px rgba(56, 189, 248, 0.6) !important;
}

.trailer-queue-card-promax .trailer-queue-footer {
    padding: 14px 16px !important;
    background: linear-gradient(180deg, #061530 0%, #030a18 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-grow: 1 !important;
}

.trailer-queue-card-promax .queue-card-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #f1f5f9 !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ==========================================================================
   REGULATIONS GRAND PRO MAX (AWARDS EQUIVALENT)
   ========================================================================== */
.regulations-grand-page .reg-grand-card {
    display: grid;
    grid-template-columns: 64px 72px minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 16px 20px;
    padding: 0 24px 20px 0;
    min-height: 200px;
    align-items: start;
}

@media (max-width: 900px) {
    .regulations-grand-page .reg-grand-card {
        grid-template-columns: 54px 60px minmax(0, 1fr);
        gap: 12px;
        padding-right: 14px;
    }
}

@media (max-width: 640px) {
    .regulations-grand-page .reg-grand-card {
        grid-template-columns: 1fr;
        padding: 0 16px 20px 16px;
    }
    .regulations-grand-page .reg-grand-card .awards-page-card-rank {
        display: flex;
        flex-direction: row;
        gap: 10px;
        min-height: 48px;
        width: 100%;
        margin-bottom: 12px;
    }
    .regulations-grand-page .reg-grand-card .awards-page-card-rank small {
        writing-mode: horizontal-tb;
        transform: none;
    }
}

.reg-card-content {
    grid-column: 3 / -1;
    margin-top: 18px;
}

@media (max-width: 640px) {
    .reg-card-content {
        grid-column: 1 / -1;
        margin-top: 0;
    }
}

.reg-card-content h3 {
    margin: 4px 0 14px 0;
    color: #082f69;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 900;
    letter-spacing: -0.025em;
}

.reg-body-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reg-item-line {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.reg-item-line.is-sub {
    padding-left: 26px;
}

.reg-check-dot {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e0f2fe;
    color: #0284c7;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.reg-item-line.is-sub .reg-check-dot {
    background: #f1f5f9;
    color: #64748b;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    font-size: 10px;
}

.reg-item-line p,
.reg-paragraph {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #334155;
}

.reg-callout-warning {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-left: 4px solid #f59e0b;
    margin-top: 6px;
}

.reg-callout-icon {
    font-size: 17px;
    flex: 0 0 auto;
}

.reg-callout-warning p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: #92400e;
    font-weight: 600;
}

/* ==========================================================================
   REGULATIONS VISUAL MATRIX & SEGMENTED TABS
   ========================================================================== */
.reg-segmented-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    overflow-x: auto;
    scrollbar-width: none;
}

.reg-segmented-tabs::-webkit-scrollbar {
    display: none;
}

.reg-tab-btn {
    flex: 0 0 auto;
    padding: 10px 18px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.22s ease;
}

.reg-tab-btn:hover {
    color: #0284c7;
    background: #f1f5f9;
}

.reg-tab-btn.is-active {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
}

.reg-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.reg-status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.reg-visual-matrix {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px 0;
    padding: 12px;
    background: rgba(248, 250, 252, 0.85);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.reg-matrix-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #0369a1;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.reg-matrix-chip:hover {
    transform: translateY(-2px);
    border-color: #0284c7;
}

/* ==========================================================================
   REGULATIONS LUXURY PRO MAX ARCHITECTURE
   ========================================================================== */
.reg-luxury-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.reg-luxury-card {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 7, 35, 0.04);
    padding: 32px 36px;
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease;
}

.reg-luxury-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 45px -10px rgba(2, 132, 199, 0.12);
    border-color: #cbd5e1;
}

.reg-card-watermark {
    position: absolute;
    top: -15px;
    right: 20px;
    font-size: 110px;
    font-weight: 900;
    font-family: var(--font-display, inherit);
    color: rgba(2, 132, 199, 0.04);
    pointer-events: none;
    line-height: 1;
    z-index: 1;
}

.reg-luxury-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 20px;
}

.reg-head-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.reg-rank-pill {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    flex: 0 0 auto;
}

.reg-rank-pill small {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.1em;
    opacity: 0.85;
    line-height: 1;
}

.reg-rank-pill strong {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
}

.reg-emblem-bubble {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    flex: 0 0 auto;
}

.reg-title-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.reg-kicker-tag {
    font-size: 11px;
    font-weight: 800;
    color: #0284c7;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.reg-main-title {
    margin: 0;
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.025em;
}

.reg-status-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.reg-bento-chips {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    margin-bottom: 22px;
}

.reg-bento-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.reg-bento-chip:hover {
    transform: translateY(-2px);
    border-color: #0284c7;
}

.reg-bento-chip i {
    font-style: normal;
    font-size: 15px;
}

.reg-luxury-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 768px) {
    .reg-luxury-card {
        padding: 24px 20px;
    }
    .reg-luxury-head {
        align-items: flex-start;
    }
}

/* ==========================================================================
   FAIR PLAY CLOSING MASTER CARD (UI/UX PRO MAX)
   ========================================================================== */
.fairplay-master-card {
    position: relative;
    margin-top: 56px;
    padding: clamp(36px, 5vw, 54px) clamp(24px, 5vw, 48px);
    border-radius: 24px;
    background: radial-gradient(circle at 10% 20%, rgba(2, 132, 199, 0.35), transparent 45%),
                radial-gradient(circle at 90% 80%, rgba(30, 58, 138, 0.45), transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(13, 148, 136, 0.2), transparent 60%),
                linear-gradient(135deg, #020817 0%, #061838 50%, #0a2558 100%);
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 24px 60px -12px rgba(2, 6, 23, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.fairplay-bg-glow {
    position: absolute;
    top: -30%;
    right: -10%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.2), transparent 70%);
    pointer-events: none;
    filter: blur(50px);
}

.fairplay-lines-pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.6;
    pointer-events: none;
}

.fairplay-quote-mark {
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 160px;
    font-family: Georgia, serif;
    color: rgba(255, 255, 255, 0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.fairplay-content-inner {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.fairplay-kicker-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.fairplay-kicker-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.15);
}

.fairplay-star-icon {
    color: #fbbf24;
    font-size: 13px;
}

.fairplay-title {
    margin: 0 0 14px 0;
    font-size: clamp(24px, 4vw, 40px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.18;
    text-transform: uppercase;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

.fairplay-title span {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    margin: 0 4px;
}

.fairplay-title em {
    font-style: normal;
    background: linear-gradient(135deg, #38bdf8 0%, #a7f3d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fairplay-desc {
    max-width: 720px;
    margin: 0 auto 32px auto;
    color: #cbd5e1;
    font-size: clamp(14px, 1.8vw, 16px);
    line-height: 1.75;
}

.fairplay-pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 36px;
    text-align: left;
}

@media (max-width: 768px) {
    .fairplay-pillars-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.fairplay-pillar-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.fairplay-pillar-item:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(56, 189, 248, 0.4);
}

.pillar-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex: 0 0 auto;
}

.pillar-text-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pillar-text-box strong {
    font-size: 13.5px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.03em;
}

.pillar-text-box span {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.5;
}

.fairplay-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.fairplay-btn-primary {
    min-height: 50px;
    padding: 0 32px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 800;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.4);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fairplay-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(2, 132, 199, 0.55);
}

.fairplay-btn-secondary {
    min-height: 50px;
    padding: 0 28px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 800;
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.fairplay-btn-secondary:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.6);
    color: #ffffff;
}

/* ==========================================================================
   SVG VECTOR ICON STYLING FOR REGULATIONS
   ========================================================================== */
.svg-chip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #0284c7;
    flex: 0 0 auto;
}

.reg-emblem-bubble svg {
    display: block;
}

.reg-check-dot svg {
    display: block;
}

.reg-callout-warning .reg-callout-icon {
    display: flex;
    align-items: center;
    color: #d97706;
}

/* ==========================================================================
   REGULATIONS HERO TITLE PRO MAX PROPORTION
   ========================================================================== */
.regulations-grand-page .awards-page-hero.regulations-hero-grand {
    padding: clamp(48px, 6vw, 76px) 0 clamp(40px, 5vw, 60px) 0;
}

.regulations-grand-page .regulations-hero-grand .awards-page-hero-copy h1 {
    font-size: clamp(30px, 3.8vw, 48px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    max-width: 24ch !important;
    margin: 10px 0 12px 0 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.regulations-grand-page .regulations-hero-grand .awards-page-hero-copy h1 em {
    font-size: 0.92em !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
    color: #38bdf8 !important;
}

.regulations-grand-page .regulations-hero-grand .awards-page-hero-copy p {
    font-size: clamp(14px, 1.6vw, 15px);
    max-width: 640px;
    line-height: 1.65;
    color: #cbd5e1;
}

@media (max-width: 768px) {
    .regulations-grand-page .regulations-hero-grand .awards-page-hero-copy h1 {
        font-size: clamp(26px, 7vw, 36px) !important;
    }
}

/* ==========================================================================
   ULTIMATE MOBILE & DESKTOP ZERO-DEFECT RESPONSIVE POLISH
   ========================================================================== */
@media (max-width: 640px) {
    /* Regulations Page Mobile Polish */
    .regulations-grand-page .reg-luxury-card {
        padding: 20px 16px;
        border-radius: 16px;
    }
    .regulations-grand-page .reg-luxury-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .regulations-grand-page .reg-head-left {
        width: 100%;
        gap: 12px;
    }
    .regulations-grand-page .reg-title-box {
        flex: 1 1 auto;
        min-width: 0;
    }
    .regulations-grand-page .reg-main-title {
        font-size: 17px;
        line-height: 1.3;
        word-break: break-word;
    }
    .regulations-grand-page .reg-bento-chips {
        padding: 10px 12px;
        gap: 6px;
    }
    .regulations-grand-page .reg-bento-chip {
        font-size: 11.5px;
        padding: 5px 10px;
    }
    .regulations-grand-page .reg-card-watermark {
        display: none;
    }
    .regulations-grand-page .fairplay-master-card {
        padding: 28px 18px;
        border-radius: 18px;
    }
    .regulations-grand-page .fairplay-title {
        font-size: 22px;
    }
    .regulations-grand-page .fairplay-actions {
        flex-direction: column;
        width: 100%;
    }
    .regulations-grand-page .fairplay-actions .btn {
        width: 100%;
        justify-content: center;
    }

    /* General Touch Target Optimization */
    .reg-tab-btn {
        padding: 8px 14px;
        font-size: 11px;
    }
    .news-search-shell {
        max-width: 100%;
        width: 100%;
    }
    .reg-toolbar-shell {
        flex-direction: column;
        align-items: stretch;
    }
    .reg-toolbar-shell > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .reg-toolbar-shell .btn {
        justify-content: center;
    }
}

/* ==========================================================================
   TEAM PROFILE PRO MAX (MATCHDAY EXPERIENCE)
   ========================================================================== */
.team-switcher-bar {
    background: #040d21;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 0;
    position: relative;
    z-index: 10;
}

.team-switcher-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.switcher-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.switcher-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 8px #38bdf8;
}

.team-switcher-scroll {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 2px;
}

.team-switcher-scroll::-webkit-scrollbar {
    display: none;
}

.team-switch-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px 5px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.22s ease;
}

.team-switch-pill:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.team-switch-pill.is-active {
    background: var(--pill-accent, #0284c7);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.pill-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0f172a;
    font-size: 9px;
    font-weight: 900;
}

.pill-badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-hero-promax {
    position: relative;
    padding: 44px 0 60px;
    background: radial-gradient(circle at 10% 20%, rgba(2, 132, 199, 0.25), transparent 45%),
                radial-gradient(circle at 90% 80%, rgba(15, 23, 42, 0.6), transparent 50%),
                linear-gradient(135deg, #020817 0%, #061838 50%, #0a2558 100%);
    color: #ffffff;
    overflow: hidden;
}

.team-hero-glow {
    position: absolute;
    top: -20%;
    left: 20%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--team-color, #0284c7) 0%, transparent 70%);
    opacity: 0.25;
    pointer-events: none;
    filter: blur(60px);
}

.team-hero-lines {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.5;
    pointer-events: none;
}

.team-hero-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 48px;
    align-items: center;
}

@media (max-width: 900px) {
    .team-hero-layout {
        grid-template-columns: 1fr;
        gap: 32px;
        text-align: center;
    }
}

.team-crest-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.team-crest-frame {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(2, 132, 199, 0.2);
}

.team-crest-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
}

.team-crest-fallback {
    font-size: 36px;
    font-weight: 900;
    color: #ffffff;
    font-family: var(--font-display, inherit);
}

.team-slogan-box {
    text-align: center;
}

.slogan-kicker {
    display: block;
    font-size: 10px;
    font-weight: 800;
    color: #38bdf8;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.slogan-title {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.slogan-title b {
    color: #ffffff;
}

.slogan-title em {
    color: #38bdf8;
    font-style: normal;
    margin-left: 4px;
}

.team-info-side {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.team-kicker-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .team-kicker-row {
        justify-content: center;
    }
}

.team-city-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-season-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.team-profile-title {
    margin: 0;
    font-size: clamp(28px, 4.5vw, 44px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.team-bio-text {
    margin: 0;
    color: #cbd5e1;
    font-size: 15px;
    line-height: 1.7;
    max-width: 720px;
}

.team-stats-bento {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.team-stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    text-decoration: none;
    color: #ffffff;
    transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.team-stat-card:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(56, 189, 248, 0.4);
}

.team-stat-card strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
}

.team-stat-card small {
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-top: 2px;
}

/* Staff Grid */
.team-staff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}

.team-staff-card {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    padding: 24px 20px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.team-staff-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -8px rgba(2, 132, 199, 0.12);
    border-color: #cbd5e1;
}

.staff-card-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 14px;
    background: #f1f5f9;
    border: 2px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.staff-avatar-fallback {
    color: #0284c7;
}

.staff-role-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0284c7;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.staff-name {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.staff-phone-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0284c7;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

.staff-phone-link:hover {
    text-decoration: underline;
}

.staff-phone-pending {
    font-size: 12px;
    color: #94a3b8;
}

/* Kits Grid */
.team-kits-grid-promax {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.team-kit-card-promax {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.team-kit-card-promax:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -8px rgba(2, 132, 199, 0.15);
}

.kit-visual-wrap {
    position: relative;
    background: #f8fafc;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f1f5f9;
}

.kit-visual-wrap img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.team-kit-card-promax:hover .kit-visual-wrap img {
    transform: scale(1.06);
}

.kit-fallback-wrap {
    text-align: center;
    color: #64748b;
}

.kit-index-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    backdrop-filter: blur(6px);
}

.kit-info-wrap {
    padding: 20px 24px;
}

.kit-title {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.kit-desc {
    margin: 0;
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.6;
}

/* Roster Grid */
.team-roster-grid-promax {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}

.player-card-promax {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.player-card-promax:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -8px rgba(2, 132, 199, 0.12);
    border-color: #cbd5e1;
}

.player-photo-wrap {
    position: relative;
    background: #f1f5f9;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.player-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.player-card-promax:hover .player-photo-wrap img {
    transform: scale(1.05);
}

.player-photo-fallback {
    color: #94a3b8;
}

.player-shirt-num {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--team-color, #0284c7);
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    font-family: var(--font-display, inherit);
}

.player-card-body {
    padding: 16px 18px;
}

.player-pos-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    background: #e0f2fe;
    color: #0284c7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.player-name {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.player-stats-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}

.player-stat-item small {
    display: block;
    font-size: 9px;
    color: #94a3b8;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.player-stat-item strong {
    font-size: 13px;
    font-weight: 800;
    color: #334155;
}

/* ==========================================================================
   TEAM PROFILE POSITION FILTER & PRO EFFECTS
   ========================================================================== */
.team-verified-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.2);
    border: 1px solid rgba(34, 197, 94, 0.4);
    color: #4ade80;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.player-position-filter-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    padding: 6px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow-x: auto;
    scrollbar-width: none;
}

.player-position-filter-tabs::-webkit-scrollbar {
    display: none;
}

.pos-tab-btn {
    flex: 0 0 auto;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.22s ease;
}

.pos-tab-btn:hover {
    color: #0284c7;
    background: rgba(255, 255, 255, 0.6);
}

.pos-tab-btn.is-active {
    background: #0284c7;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}

.pos-badge--gk {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.pos-badge--df {
    background: #dcfce7 !important;
    color: #15803d !important;
}

.pos-badge--mf {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}

.pos-badge--fw {
    background: #ffe4e6 !important;
    color: #be123c !important;
}

/* ==========================================================================
   TEAM PROFILE CREATIVE & PROFESSIONAL PRO MAX SUITE
   ========================================================================== */
.team-hero-ambient {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 30%, var(--team-color, #0284c7) 0%, transparent 40%),
                radial-gradient(circle at 82% 70%, rgba(2, 132, 199, 0.15) 0%, transparent 50%),
                linear-gradient(135deg, #020817 0%, #061838 50%, #0a2558 100%);
    opacity: 0.92;
    pointer-events: none;
}

.team-crest-hologram {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crest-orbit-glow {
    position: absolute;
    inset: -14px;
    border-radius: 46px;
    background: linear-gradient(135deg, var(--team-color, #0284c7), transparent 60%);
    opacity: 0.45;
    filter: blur(14px);
    animation: crestPulse 4s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes crestPulse {
    0% { transform: scale(0.96); opacity: 0.35; }
    100% { transform: scale(1.04); opacity: 0.65; }
}

.crest-sparkle-mark {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #38bdf8;
    filter: drop-shadow(0 0 8px #38bdf8);
    animation: sparkleSpin 8s linear infinite;
}

@keyframes sparkleSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Match Spotlight Card */
.team-match-spotlight {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.3);
    backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 14px 18px;
    margin: 8px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    max-width: 540px;
}

.spotlight-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #38bdf8;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.spotlight-fixture {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 6px;
}

.spotlight-club {
    display: flex;
    align-items: center;
    gap: 8px;
}

.spotlight-club strong {
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
}

.spotlight-club.is-active-club strong {
    color: #38bdf8;
}

.spotlight-vs {
    font-size: 11px;
    font-weight: 900;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.12);
    padding: 2px 8px;
    border-radius: 999px;
}

.spotlight-opponent-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.spotlight-time {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #cbd5e1;
}

/* Tactical Pitch 7-a-side */
.team-tactical-section {
    background: #ffffff;
}

.tactical-pitch-stage {
    display: grid;
    grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
    gap: 36px;
    align-items: center;
    background: #091c3e;
    border-radius: 24px;
    padding: 32px;
    color: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
    .tactical-pitch-stage {
        grid-template-columns: 1fr;
        padding: 20px;
    }
}

.tactical-pitch-board {
    position: relative;
    background: radial-gradient(circle at center, #1b7a42 0%, #0d542b 100%);
    border: 3px solid rgba(255, 255, 255, 0.85);
    border-radius: 18px;
    aspect-ratio: 4 / 5;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.5), 0 10px 30px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.pitch-lines {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.pitch-halfway-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(255, 255, 255, 0.7);
}

.pitch-center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.7);
    transform: translate(-50%, -50%);
}

.pitch-center-spot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    transform: translate(-50%, -50%);
}

.pitch-penalty-area.is-top {
    position: absolute;
    top: 0;
    left: 28%;
    right: 28%;
    height: 18%;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-top: none;
}

.pitch-penalty-area.is-bottom {
    position: absolute;
    bottom: 0;
    left: 28%;
    right: 28%;
    height: 18%;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-bottom: none;
}

.tactical-node {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: transform 0.22s ease;
}

.tactical-node:hover {
    transform: translate(-50%, -50%) scale(1.15);
    z-index: 10;
}

.node-jersey {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    font-family: var(--font-display, inherit);
}

.node-label {
    font-size: 9px;
    font-weight: 800;
    color: #ffffff;
    background: rgba(15, 23, 42, 0.85);
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
    letter-spacing: 0.04em;
    backdrop-filter: blur(4px);
}

.tactical-info-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tactical-kicker {
    font-size: 11px;
    font-weight: 800;
    color: #38bdf8;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tactical-title {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.tactical-desc {
    margin: 0;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.65;
}

.tactical-specs-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px;
    border-radius: 14px;
}

.tactical-specs-list strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
    color: #38bdf8;
}

.tactical-specs-list span {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    font-weight: 700;
    margin-top: 2px;
}

/* FUT Card Shimmer Effect */
.fut-card-effect {
    position: relative;
    overflow: hidden;
}

.card-shimmer-sweep {
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    pointer-events: none;
    transition: left 0.75s ease;
}

.fut-card-effect:hover .card-shimmer-sweep {
    left: 150%;
}

/* ==========================================================================
   TEAM PROFILE LUXURY SUBNAV JUMPBAR PRO MAX
   ========================================================================== */
.team-profile-page .team-profile-subnav {
    position: sticky;
    top: 0;
    z-index: 85;
    background: rgba(4, 15, 38, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    padding: 10px 0;
    transition: background 0.3s ease, padding 0.3s ease;
}

.team-profile-page .subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 768px) {
    .team-profile-page .subnav-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
}

.team-profile-page .subnav-lead {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 6px 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    flex: 0 0 auto;
}

.team-profile-page .subnav-club-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0f172a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.team-profile-page .subnav-club-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2px;
}

.team-profile-page .subnav-lead-text {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.team-profile-page .subnav-lead-text strong {
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.02em;
    font-family: var(--font-display, inherit);
}

.team-profile-page .subnav-lead-text small {
    font-size: 10px;
    font-weight: 800;
    color: #38bdf8;
    letter-spacing: 0.08em;
}

.team-profile-page .subnav-links {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 2px;
}

.team-profile-page .subnav-links::-webkit-scrollbar {
    display: none;
}

.team-profile-page .subnav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
}

.team-profile-page .subnav-link .nav-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    transition: color 0.25s ease, transform 0.25s ease;
}

.team-profile-page .subnav-link:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    border-color: rgba(56, 189, 248, 0.4);
    transform: translateY(-2px);
}

.team-profile-page .subnav-link:hover .nav-link-icon {
    color: #38bdf8;
    transform: scale(1.1);
}

.team-profile-page .subnav-link.is-active {
    background: linear-gradient(135deg, var(--team-color, #0284c7), #0369a1);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4);
}

.team-profile-page .subnav-link.is-active .nav-link-icon {
    color: #ffffff;
}

/* ==========================================================================
   TEAM PROFILE VIP PRO MAX POLISH
   ========================================================================== */
.team-switch-pill .pill-city {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.25);
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 2px;
}

.team-switch-pill.is-active .pill-city {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.35);
}

.team-profile-page .team-staff-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
}

.team-profile-page .team-staff-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--team-color, #0284c7), #38bdf8);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.team-profile-page .team-staff-card:hover::before {
    opacity: 1;
}

.team-profile-page .player-card-promax {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
}

.team-profile-page .player-card-promax:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15), 0 0 20px rgba(2, 132, 199, 0.1);
    border-color: #94a3b8;
}

.team-profile-page .player-shirt-num {
    font-size: 19px;
    font-weight: 900;
    letter-spacing: -0.02em;
}

/* ==========================================================================
   VIP EXECUTIVE STAFF SUITE PRO MAX
   ========================================================================== */
.team-staff-section-vip {
    background: #ffffff;
    padding: clamp(48px, 6vw, 72px) 0;
    position: relative;
}

.staff-head-vip {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.staff-head-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 999px;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    color: #0284c7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.staff-head-badge .pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 8px #0284c7;
}

.staff-section-title {
    margin: 0 0 10px 0;
    font-size: clamp(24px, 3.8vw, 36px);
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.staff-section-subtitle {
    margin: 0 auto;
    max-width: 640px;
    font-size: 14.5px;
    color: #64748b;
    line-height: 1.65;
}

.team-staff-grid-vip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-top: 16px;
}

@media (min-width: 1200px) {
    .team-staff-grid-vip {
        grid-template-columns: repeat(5, 1fr);
    }
}

.staff-card-vip {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    padding: 24px 20px;
    text-align: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.04);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.staff-card-vip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--team-color, #0284c7);
    opacity: 0.8;
}

.staff-card-vip:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px -10px rgba(8, 47, 105, 0.15), 0 0 20px rgba(2, 132, 199, 0.1);
    border-color: #cbd5e1;
}

.staff-card-top-bar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.staff-role-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.staff-role-pill--captain {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.staff-role-pill--manager {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
}

.staff-role-pill--coach {
    background: #e0e7ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
}

.staff-role-pill--assistant {
    background: #ccfbf1;
    color: #0f766e;
    border: 1px solid #99f6e4;
}

.staff-role-pill--medic {
    background: #ffe4e6;
    color: #9f1239;
    border: 1px solid #fecdd3;
}

.staff-avatar-stage {
    position: relative;
    width: 92px;
    height: 92px;
    margin: 0 auto 16px;
}

.staff-avatar-ring {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 2px var(--team-color, #0284c7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff-avatar-ring img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.staff-card-vip:hover .staff-avatar-ring img {
    transform: scale(1.08);
}

.staff-avatar-placeholder {
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff-verified-badge {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0284c7;
    color: #ffffff;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.staff-body-vip {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.staff-name-vip {
    margin: 0 0 4px 0;
    font-size: 17px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
}

.staff-club-tag {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
}

.staff-contact-action {
    width: 100%;
    margin-top: auto;
}

.staff-call-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0284c7;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.22s ease;
}

.staff-call-btn .call-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #e0f2fe;
    color: #0284c7;
}

.staff-call-btn:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35);
    transform: translateY(-2px);
}

.staff-call-btn:hover .call-icon {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

.staff-call-pending {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    color: #94a3b8;
    padding: 8px 0;
}

/* ==========================================================================
   3D MATCHDAY KITS SHOWROOM PRO MAX
   ========================================================================== */
.team-kits-section-vip {
    background: radial-gradient(circle at 50% 0%, #f1f5f9 0%, #e2e8f0 100%);
    border-top: 1px solid #cbd5e1;
    border-bottom: 1px solid #cbd5e1;
    padding: clamp(48px, 6vw, 76px) 0;
    position: relative;
}

.team-kits-grid-vip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    margin-top: 12px;
}

.kit-card-vip {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    padding: 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease;
    position: relative;
    overflow: hidden;
}

.kit-card-vip:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 50px -10px rgba(8, 47, 105, 0.18);
    border-color: #cbd5e1;
}

.kit-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 18px;
}

.kit-type-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.kit-type-pill--home {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.kit-type-pill--home .kit-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #dc2626;
    box-shadow: 0 0 6px #dc2626;
}

.kit-type-pill--away {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
}

.kit-type-pill--away .kit-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 6px #0284c7;
}

.kit-type-pill--third {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.kit-type-pill--third .kit-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d97706;
    box-shadow: 0 0 6px #d97706;
}

.kit-num-badge {
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 999px;
    letter-spacing: 0.06em;
}

.kit-stage-3d {
    position: relative;
    aspect-ratio: 1 / 1;
    background: radial-gradient(circle at 50% 60%, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 20px;
    overflow: hidden;
}

.kit-pedestal-glow {
    position: absolute;
    bottom: 12px;
    left: 20%;
    right: 20%;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.kit-stage-img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.12));
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.kit-card-vip:hover .kit-stage-img {
    transform: translateY(-8px) scale(1.05);
}

.kit-stage-fallback {
    text-align: center;
    color: #64748b;
}

.kit-body-vip {
    width: 100%;
}

.kit-name-vip {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
}

.kit-palette-details {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px 14px;
}

.kit-details-icon {
    color: #0284c7;
    flex: 0 0 auto;
    margin-top: 2px;
}

.kit-desc-vip {
    margin: 0;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    line-height: 1.55;
}

/* ==========================================================================
   TEAM HERO RICH TEXT STORY & SLOGAN PRO MAX
   ========================================================================== */
.team-slogan-box {
    max-width: 280px;
    margin: 0 auto;
}

.slogan-badge-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.slogan-quote-mark {
    font-size: 24px;
    font-weight: 900;
    color: #38bdf8;
    line-height: 1;
    opacity: 0.8;
}

.slogan-title {
    margin: 0;
    font-size: 15px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.01em;
    line-height: 1.4;
    text-align: center;
}

.slogan-title b {
    color: #ffffff;
    display: block;
}

.slogan-title em {
    color: #38bdf8;
    font-style: normal;
    font-size: 0.95em;
    display: block;
    margin-top: 2px;
}

/* Rich text team story box */
.team-hero-promax .team-story-box {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 22px 26px;
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    max-width: 760px;
}

.team-hero-promax .team-story-box p {
    margin: 0 0 10px 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: #cbd5e1;
}

.team-hero-promax .team-story-box p:last-child {
    margin-bottom: 0;
}

.team-hero-promax .team-story-box b,
.team-hero-promax .team-story-box strong {
    color: #ffffff;
    font-weight: 800;
}

.team-hero-promax .team-story-box i,
.team-hero-promax .team-story-box em {
    color: #38bdf8;
}

/* Bento Stats Meta */
.team-stats-bento .stat-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.team-stats-bento .stat-num {
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    color: #ffffff;
    font-family: var(--font-display, inherit);
    letter-spacing: -0.02em;
}

.team-stats-bento .stat-lbl {
    font-size: 10.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* ==========================================================================
   VIP STAFF CARDS MULTI-ROLE COLORWAYS
   ========================================================================== */
.staff-card-vip--captain {
    border-color: rgba(245, 158, 11, 0.25);
}
.staff-card-vip--captain::before {
    background: linear-gradient(90deg, #f59e0b, #fbbf24) !important;
}
.staff-card-vip--captain .staff-avatar-ring {
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.2), 0 0 0 2.5px #f59e0b;
}
.staff-card-vip--captain .staff-verified-badge {
    background: #f59e0b;
}
.staff-card-vip--captain .staff-call-btn:hover {
    background: #f59e0b;
    border-color: #f59e0b;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4);
}

.staff-card-vip--manager {
    border-color: rgba(2, 132, 199, 0.25);
}
.staff-card-vip--manager::before {
    background: linear-gradient(90deg, #0284c7, #38bdf8) !important;
}
.staff-card-vip--manager .staff-avatar-ring {
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.2), 0 0 0 2.5px #0284c7;
}
.staff-card-vip--manager .staff-verified-badge {
    background: #0284c7;
}
.staff-card-vip--manager .staff-call-btn:hover {
    background: #0284c7;
    border-color: #0284c7;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4);
}

.staff-card-vip--coach {
    border-color: rgba(99, 102, 241, 0.25);
}
.staff-card-vip--coach::before {
    background: linear-gradient(90deg, #6366f1, #818cf8) !important;
}
.staff-card-vip--coach .staff-avatar-ring {
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2), 0 0 0 2.5px #6366f1;
}
.staff-card-vip--coach .staff-verified-badge {
    background: #6366f1;
}
.staff-card-vip--coach .staff-call-btn:hover {
    background: #6366f1;
    border-color: #6366f1;
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.4);
}

.staff-card-vip--assistant {
    border-color: rgba(16, 185, 129, 0.25);
}
.staff-card-vip--assistant::before {
    background: linear-gradient(90deg, #10b981, #34d399) !important;
}
.staff-card-vip--assistant .staff-avatar-ring {
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.2), 0 0 0 2.5px #10b981;
}
.staff-card-vip--assistant .staff-verified-badge {
    background: #10b981;
}
.staff-card-vip--assistant .staff-call-btn:hover {
    background: #10b981;
    border-color: #10b981;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.4);
}

.staff-card-vip--medic {
    border-color: rgba(244, 63, 94, 0.25);
}
.staff-card-vip--medic::before {
    background: linear-gradient(90deg, #f43f5e, #fb7185) !important;
}
.staff-card-vip--medic .staff-avatar-ring {
    box-shadow: 0 8px 24px rgba(244, 63, 94, 0.2), 0 0 0 2.5px #f43f5e;
}
.staff-card-vip--medic .staff-verified-badge {
    background: #f43f5e;
}
.staff-card-vip--medic .staff-call-btn:hover {
    background: #f43f5e;
    border-color: #f43f5e;
    box-shadow: 0 6px 18px rgba(244, 63, 94, 0.4);
}

/* ==========================================================================
   TOURNAMENT PATHWAY & JERSEY SILHOUETTE PRO MAX
   ========================================================================== */
.player-jersey-silhouette {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.jersey-num-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    font-family: var(--font-display, inherit);
}

.team-tournament-pathway {
    margin-top: 56px;
    background: linear-gradient(135deg, #082f69 0%, #031b40 100%);
    border-radius: 24px;
    padding: clamp(28px, 4vw, 40px);
    color: #ffffff;
    box-shadow: 0 20px 50px -10px rgba(8, 47, 105, 0.4);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.team-tournament-pathway::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(2, 132, 199, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.pathway-header {
    text-align: center;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.pathway-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    color: #38bdf8;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.pathway-title {
    margin: 0;
    font-size: clamp(18px, 2.8vw, 24px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.pathway-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    position: relative;
    z-index: 1;
}

.pathway-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    text-decoration: none;
    backdrop-filter: blur(12px);
    transition: all 0.25s ease;
}

.pathway-card:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.pathway-card--primary {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    border-color: rgba(56, 189, 248, 0.4);
}

.pathway-card--primary:hover {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
    border-color: #38bdf8;
}

.pathway-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #38bdf8;
    flex: 0 0 auto;
}

.pathway-card--primary .pathway-icon {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
}

.pathway-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pathway-meta strong {
    font-size: 13.5px;
    font-weight: 900;
    letter-spacing: -0.01em;
}

.pathway-meta small {
    font-size: 11.5px;
    color: #94a3b8;
    font-weight: 600;
}

.pathway-card--primary .pathway-meta small {
    color: rgba(255, 255, 255, 0.85);
}

/* ==========================================================================
   FUT PRO PLAYER ROSTER VIP
   ========================================================================== */
.team-roster-section-vip {
    background: #ffffff;
    padding: clamp(48px, 6vw, 76px) 0;
    position: relative;
}

.player-filter-segmented-vip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    background: #f1f5f9;
    padding: 6px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    max-width: 780px;
    margin: 0 auto 36px;
}

.filter-tab-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 12px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.filter-tab-pill:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.6);
}

.filter-tab-pill.is-active {
    background: #ffffff;
    color: #0284c7;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.filter-pill-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 900;
}

.filter-tab-pill.is-active .filter-pill-count {
    background: #e0f2fe;
    color: #0284c7;
}

.pos-dot-indicator {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.pos-dot--gk { background: #f59e0b; box-shadow: 0 0 6px #f59e0b; }
.pos-dot--df { background: #10b981; box-shadow: 0 0 6px #10b981; }
.pos-dot--mf { background: #0284c7; box-shadow: 0 0 6px #0284c7; }
.pos-dot--fw { background: #ef4444; box-shadow: 0 0 6px #ef4444; }

.team-roster-grid-vip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
}

.player-card-vip {
    background: #ffffff;
    border-radius: 22px;
    border: 1px solid #e2e8f0;
    padding: 18px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
}

.player-card-vip:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(8, 47, 105, 0.15);
    border-color: #cbd5e1;
}

.player-card-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
}

.player-pos-badge-vip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
}

.player-pos-badge-vip .pos-status-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.pos-badge--gk { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.pos-badge--gk .pos-status-dot { background: #f59e0b; }

.pos-badge--df { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.pos-badge--df .pos-status-dot { background: #10b981; }

.pos-badge--mf { background: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }
.pos-badge--mf .pos-status-dot { background: #0284c7; }

.pos-badge--fw { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.pos-badge--fw .pos-status-dot { background: #ef4444; }

.player-shirt-num-vip {
    font-size: 17px;
    font-weight: 900;
    color: #0f172a;
    font-family: var(--font-display, inherit);
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 8px;
    letter-spacing: -0.02em;
}

.player-stage-vip {
    position: relative;
    aspect-ratio: 4 / 3;
    background: radial-gradient(circle at 50% 70%, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
}

.player-photo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.player-card-vip:hover .player-photo-img {
    transform: scale(1.06);
}

.player-photo-silhouette {
    display: flex;
    align-items: center;
    justify-content: center;
}

.player-body-vip {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.player-name-vip {
    margin: 0 0 4px 0;
    font-size: 16.5px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
}

.player-status-tag {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.player-metrics-bento {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
    margin-top: auto;
}

.metric-pill {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.metric-pill small {
    font-size: 9.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.04em;
}

.metric-pill strong {
    font-size: 13px;
    font-weight: 900;
    color: #1e293b;
    margin-top: 1px;
}

.metric-pill strong small {
    font-size: 10px;
    color: #64748b;
}

/* ==========================================================================
   FUT PRO PLAYER ROSTER ELITE MASTERPIECE
   ========================================================================== */
.player-card-vip {
    position: relative;
    background: #ffffff;
    border-radius: 22px;
    border: 1px solid #e2e8f0;
    padding: 18px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
}

.player-card-vip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    opacity: 0.9;
}

.player-card-vip--gk::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.player-card-vip--df::before { background: linear-gradient(90deg, #10b981, #34d399); }
.player-card-vip--mf::before { background: linear-gradient(90deg, #0284c7, #38bdf8); }
.player-card-vip--fw::before { background: linear-gradient(90deg, #ef4444, #f87171); }

.player-card-vip--gk:hover { border-color: #fde68a; box-shadow: 0 20px 40px -10px rgba(245, 158, 11, 0.2); }
.player-card-vip--df:hover { border-color: #a7f3d0; box-shadow: 0 20px 40px -10px rgba(16, 185, 129, 0.2); }
.player-card-vip--mf:hover { border-color: #bae6fd; box-shadow: 0 20px 40px -10px rgba(2, 132, 199, 0.2); }
.player-card-vip--fw:hover { border-color: #fecdd3; box-shadow: 0 20px 40px -10px rgba(239, 68, 68, 0.2); }

.player-shirt-num-vip {
    font-size: 16px;
    font-weight: 900;
    color: #0f172a;
    font-family: var(--font-display, inherit);
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
    border: 1px solid #cbd5e1;
    padding: 3px 10px;
    border-radius: 8px;
    letter-spacing: -0.02em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.fut-jersey-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    transition: transform 0.35s ease, color 0.35s ease;
}

.player-card-vip:hover .fut-jersey-card {
    transform: scale(1.08);
    color: #94a3b8;
}

.fut-jersey-card .jersey-num-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%);
    font-size: 18px;
    font-weight: 900;
    color: #082f69;
    font-family: var(--font-display, inherit);
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

.player-card-vip--gk .fut-jersey-card .jersey-num-watermark { color: #b45309; }
.player-card-vip--df .fut-jersey-card .jersey-num-watermark { color: #065f46; }
.player-card-vip--mf .fut-jersey-card .jersey-num-watermark { color: #0369a1; }
.player-card-vip--fw .fut-jersey-card .jersey-num-watermark { color: #991b1b; }

.metric-pill .metric-lbl {
    font-size: 9.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.metric-pill .metric-val {
    font-size: 13.5px;
    font-weight: 900;
    color: #0f172a;
    margin-top: 1px;
    font-family: var(--font-display, inherit);
}

.metric-pill .metric-val small {
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
    margin-left: 1px;
}

/* ==========================================================================
   CREATIVE & PROFESSIONAL STAFF PASS MASTERPIECE
   ========================================================================== */
.team-staff-section-master {
    background: radial-gradient(circle at 50% 0%, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: clamp(52px, 6.5vw, 84px) 0;
    position: relative;
}

.staff-head-master {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.staff-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 999px;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    color: #0369a1;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.1);
}

.staff-badge-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 8px #0284c7;
    animation: staffPulseGlow 2s infinite ease-in-out;
}

@keyframes staffPulseGlow {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
}

.staff-title-master {
    margin: 0;
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.team-staff-grid-master {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-top: 16px;
}

@media (min-width: 1200px) {
    .team-staff-grid-master {
        grid-template-columns: repeat(5, 1fr);
    }
}

.staff-pass-card {
    position: relative;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease;
}

.staff-pass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    opacity: 0.95;
}

.staff-pass-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 24px 50px -10px rgba(8, 47, 105, 0.2);
}

/* Custom Role Themes */
.staff-pass--captain::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.staff-pass--captain:hover { border-color: #fde68a; box-shadow: 0 24px 50px -10px rgba(245, 158, 11, 0.25); }

.staff-pass--manager::before { background: linear-gradient(90deg, #0284c7, #38bdf8); }
.staff-pass--manager:hover { border-color: #bae6fd; box-shadow: 0 24px 50px -10px rgba(2, 132, 199, 0.25); }

.staff-pass--coach::before { background: linear-gradient(90deg, #6366f1, #818cf8); }
.staff-pass--coach:hover { border-color: #c7d2fe; box-shadow: 0 24px 50px -10px rgba(99, 102, 241, 0.25); }

.staff-pass--assistant::before { background: linear-gradient(90deg, #10b981, #34d399); }
.staff-pass--assistant:hover { border-color: #a7f3d0; box-shadow: 0 24px 50px -10px rgba(16, 185, 129, 0.25); }

.staff-pass--medic::before { background: linear-gradient(90deg, #f43f5e, #fb7185); }
.staff-pass--medic:hover { border-color: #fecdd3; box-shadow: 0 24px 50px -10px rgba(244, 63, 94, 0.25); }

/* Header Ribbon */
.pass-header-ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.pass-role-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pass-role--captain { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.pass-role--manager { background: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }
.pass-role--coach { background: #e0e7ff; color: #3730a3; border: 1px solid #c7d2fe; }
.pass-role--assistant { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.pass-role--medic { background: #ffe4e6; color: #9f1239; border: 1px solid #fecdd3; }

.pass-credential-id {
    font-size: 10.5px;
    font-weight: 800;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 6px;
    letter-spacing: 0.05em;
}

/* 3D Avatar Pod */
.pass-avatar-pod {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 18px;
}

.pass-avatar-frame {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    border: 3.5px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12), 0 0 0 2px #e2e8f0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.staff-pass-card:hover .pass-avatar-frame {
    transform: scale(1.06);
}

.staff-pass--captain:hover .pass-avatar-frame { box-shadow: 0 12px 28px rgba(245, 158, 11, 0.3), 0 0 0 2.5px #f59e0b; }
.staff-pass--manager:hover .pass-avatar-frame { box-shadow: 0 12px 28px rgba(2, 132, 199, 0.3), 0 0 0 2.5px #0284c7; }
.staff-pass--coach:hover .pass-avatar-frame { box-shadow: 0 12px 28px rgba(99, 102, 241, 0.3), 0 0 0 2.5px #6366f1; }
.staff-pass--assistant:hover .pass-avatar-frame { box-shadow: 0 12px 28px rgba(16, 185, 129, 0.3), 0 0 0 2.5px #10b981; }
.staff-pass--medic:hover .pass-avatar-frame { box-shadow: 0 12px 28px rgba(244, 63, 94, 0.3), 0 0 0 2.5px #f43f5e; }

.pass-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pass-avatar-placeholder {
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pass-verified-stamp {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0284c7;
    color: #ffffff;
    border: 2.5px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.staff-pass--captain .pass-verified-stamp { background: #f59e0b; }
.staff-pass--coach .pass-verified-stamp { background: #6366f1; }
.staff-pass--assistant .pass-verified-stamp { background: #10b981; }
.staff-pass--medic .pass-verified-stamp { background: #f43f5e; }

/* Info Body */
.pass-body-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.pass-person-name {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
}

.pass-club-id {
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.pass-action-wrapper {
    width: 100%;
    margin-top: auto;
}

.pass-hotline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 900;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

.hotline-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #ffffff;
    color: #0284c7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: all 0.24s ease;
}

.pass-hotline-btn:hover {
    background: #082f69;
    color: #ffffff;
    border-color: #082f69;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(8, 47, 105, 0.3);
}

.pass-hotline-btn:hover .hotline-icon-wrap {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.staff-pass--captain .pass-hotline-btn:hover { background: #d97706; border-color: #d97706; box-shadow: 0 8px 20px rgba(217, 119, 6, 0.35); }
.staff-pass--manager .pass-hotline-btn:hover { background: #0284c7; border-color: #0284c7; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); }
.staff-pass--coach .pass-hotline-btn:hover { background: #4f46e5; border-color: #4f46e5; box-shadow: 0 8px 20px rgba(79, 70, 229, 0.35); }
.staff-pass--assistant .pass-hotline-btn:hover { background: #059669; border-color: #059669; box-shadow: 0 8px 20px rgba(5, 150, 105, 0.35); }
.staff-pass--medic .pass-hotline-btn:hover { background: #e11d48; border-color: #e11d48; box-shadow: 0 8px 20px rgba(225, 29, 72, 0.35); }

.pass-hotline-pending {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    padding: 8px 0;
}

/* ==========================================================================
   OPTICAL CENTERING & ENHANCED VIP STAFF PASSES
   ========================================================================== */
.team-staff-grid-master {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    justify-content: center;
    max-width: 1280px;
    margin: 16px auto 0;
}

@media (min-width: 1024px) {
    .team-staff-grid-master {
        grid-template-columns: repeat(5, 1fr);
    }
}

.staff-pass-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding: 24px 18px 20px;
    min-height: 290px;
}

.pass-header-ribbon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.pass-avatar-pod {
    position: relative;
    width: 104px;
    height: 104px;
    margin: 0 auto 16px;
}

.pass-avatar-frame {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3.5px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 0 2px #e2e8f0;
}

.pass-verified-stamp {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    border: 2.5px solid #ffffff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.pass-body-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1 0 auto;
}

.pass-person-name {
    margin: 0 0 16px 0;
    font-size: 19px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
    text-align: center;
    line-height: 1.25;
}

.pass-action-wrapper {
    width: 100%;
    margin-top: auto;
}

.pass-hotline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    border-radius: 12px;
}

/* ==========================================================================
   WORLD-CLASS FOOTBALL CLUB SQUAD PROFILES
   ========================================================================== */
.team-roster-grid-vip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 24px;
}

.player-card-elite {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease;
}

.player-card-elite::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    opacity: 0.95;
    z-index: 2;
}

/* Position Top Rims */
.player-card-elite--gk::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.player-card-elite--df::before { background: linear-gradient(90deg, #10b981, #34d399); }
.player-card-elite--mf::before { background: linear-gradient(90deg, #0284c7, #38bdf8); }
.player-card-elite--fw::before { background: linear-gradient(90deg, #ef4444, #f87171); }

.player-card-elite:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 24px 50px -10px rgba(8, 47, 105, 0.18);
}

.player-card-elite--gk:hover { border-color: #fde68a; box-shadow: 0 24px 50px -10px rgba(245, 158, 11, 0.25); }
.player-card-elite--df:hover { border-color: #a7f3d0; box-shadow: 0 24px 50px -10px rgba(16, 185, 129, 0.25); }
.player-card-elite--mf:hover { border-color: #bae6fd; box-shadow: 0 24px 50px -10px rgba(2, 132, 199, 0.25); }
.player-card-elite--fw:hover { border-color: #fecdd3; box-shadow: 0 24px 50px -10px rgba(239, 68, 68, 0.25); }

/* Ghost Big Number Watermark */
.player-bg-number {
    position: absolute;
    top: 15px;
    right: 12px;
    font-size: 88px;
    font-weight: 900;
    line-height: 0.8;
    color: rgba(15, 23, 42, 0.04);
    font-family: var(--font-display, inherit);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

/* Top Ribbon */
.player-top-ribbon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 14px;
}

.player-pos-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pos-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.player-pos-tag--gk { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.player-pos-tag--gk .pos-pulse-dot { background: #f59e0b; box-shadow: 0 0 6px #f59e0b; }

.player-pos-tag--df { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.player-pos-tag--df .pos-pulse-dot { background: #10b981; box-shadow: 0 0 6px #10b981; }

.player-pos-tag--mf { background: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }
.player-pos-tag--mf .pos-pulse-dot { background: #0284c7; box-shadow: 0 0 6px #0284c7; }

.player-pos-tag--fw { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.player-pos-tag--fw .pos-pulse-dot { background: #ef4444; box-shadow: 0 0 6px #ef4444; }

.player-squad-badge {
    font-size: 16px;
    font-weight: 900;
    color: #082f69;
    font-family: var(--font-display, inherit);
    background: #ffffff;
    border: 1px solid #cbd5e1;
    padding: 2px 10px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* Hero Stage */
.player-hero-stage {
    position: relative;
    z-index: 1;
    aspect-ratio: 1 / 1;
    background: radial-gradient(circle at 50% 65%, #ffffff 0%, #f1f5f9 100%);
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
}

.player-portrait-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}

.player-card-elite:hover .player-portrait-img {
    transform: scale(1.08);
}

.player-jersey-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.player-3d-jersey {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    transition: transform 0.38s ease, color 0.38s ease;
}

.player-card-elite:hover .player-3d-jersey {
    transform: scale(1.1);
    color: #64748b;
}

.jersey-center-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%);
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    font-family: var(--font-display, inherit);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.player-card-elite--gk .player-3d-jersey { color: #f59e0b; }
.player-card-elite--df .player-3d-jersey { color: #10b981; }
.player-card-elite--mf .player-3d-jersey { color: #0284c7; }
.player-card-elite--fw .player-3d-jersey { color: #ef4444; }

.player-hologram-sweep {
    position: absolute;
    inset: -100%;
    background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.65) 50%, transparent 60%);
    transform: translateX(-100%);
    pointer-events: none;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.player-card-elite:hover .player-hologram-sweep {
    transform: translateX(100%);
}

/* Identity & Metrics */
.player-identity-box {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.player-hero-name {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.player-official-chip {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* Specs Bento */
.player-specs-bento {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
}

.spec-pod {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.spec-label {
    font-size: 9.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.spec-value {
    font-size: 14px;
    font-weight: 900;
    color: #0f172a;
    margin-top: 1px;
    font-family: var(--font-display, inherit);
}

.spec-value small {
    font-size: 10.5px;
    font-weight: 800;
    color: #64748b;
    margin-left: 2px;
}

/* ==========================================================================
   PRO ATHLETIC SQUAD NUMBERS & CLEAN PLAYER NAMEPLATE
   ========================================================================== */
.player-identity-box .player-hero-name {
    margin: 0 0 14px 0;
    font-size: 18.5px;
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    line-height: 1.2;
}

.player-squad-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 900;
    font-family: var(--font-display, inherit);
    letter-spacing: -0.03em;
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border: 1px solid #334155;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2), inset 0 1px rgba(255, 255, 255, 0.2);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.player-card-elite:hover .player-squad-badge {
    transform: scale(1.08);
}

.player-card-elite--gk .player-squad-badge {
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.4);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);
}

.player-card-elite--df .player-squad-badge {
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}

.player-card-elite--mf .player-squad-badge {
    color: #38bdf8;
    border-color: rgba(2, 132, 199, 0.4);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.player-card-elite--fw .player-squad-badge {
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.4);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

/* Watermark Number */
.player-bg-number {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 96px;
    font-weight: 900;
    line-height: 0.75;
    color: rgba(15, 23, 42, 0.04);
    font-family: var(--font-display, inherit);
    pointer-events: none;
    user-select: none;
    z-index: 0;
    transition: color 0.32s ease, transform 0.32s ease;
}

.player-card-elite:hover .player-bg-number {
    transform: translateY(-4px) scale(1.04);
}

.player-card-elite--gk:hover .player-bg-number { color: rgba(245, 158, 11, 0.08); }
.player-card-elite--df:hover .player-bg-number { color: rgba(16, 185, 129, 0.08); }
.player-card-elite--mf:hover .player-bg-number { color: rgba(2, 132, 199, 0.08); }
.player-card-elite--fw:hover .player-bg-number { color: rgba(239, 68, 68, 0.08); }

/* ==========================================================================
   TEAM PROFILE MOBILE & DESKTOP ZERO-DEFECT OPTIMIZATION SUITE
   ========================================================================== */

/* 1. Club Switcher Smooth Touch Scroll */
.team-switcher-bar .team-switcher-scroll {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 2px 4px;
}
.team-switcher-bar .team-switcher-scroll::-webkit-scrollbar {
    display: none;
}
.team-switch-pill {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-height: 38px;
    touch-action: manipulation;
}

/* 2. Hero Section Mobile Optimization */
@media (max-width: 900px) {
    .team-hero-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 28px;
    }
    
    .team-crest-side {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 320px;
    }
    
    .team-info-side {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    .team-kicker-row {
        justify-content: center;
    }
    
    .team-story-box {
        text-align: left;
        padding: 18px 20px !important;
        border-radius: 16px !important;
    }
    
    .team-stats-bento {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    
    .team-fanpage-btn {
        grid-column: 1 / -1;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .team-hero-promax {
        padding: 24px 0 36px;
    }
    
    .team-crest-hologram {
        width: 140px;
        height: 140px;
    }
    
    .team-profile-title {
        font-size: 26px !important;
    }
    
    .team-story-box p {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
    }
    
    .team-stats-bento .stat-num {
        font-size: 19px !important;
    }
}

/* 3. Sticky Subnav Jumpbar Mobile Touch Optimization */
.team-profile-subnav {
    position: sticky;
    top: var(--site-header-height, 60px);
    z-index: 95;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 52px;
}

.subnav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.subnav-links::-webkit-scrollbar { display: none; }

.subnav-link {
    flex: 0 0 auto;
    min-height: 38px;
    touch-action: manipulation;
}

@media (max-width: 640px) {
    .subnav-lead {
        display: none !important;
    }
    .subnav-links {
        width: 100%;
        justify-content: space-between;
    }
    .subnav-link {
        flex: 1 1 0;
        justify-content: center;
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
    .subnav-link .nav-link-icon {
        display: none;
    }
}

/* 4. Staff Section Responsive Layout */
@media (max-width: 1199px) and (min-width: 640px) {
    .team-staff-grid-master {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 639px) {
    .team-staff-grid-master {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .staff-pass-card {
        padding: 20px 16px 18px !important;
        min-height: auto !important;
    }
    
    .pass-avatar-pod {
        width: 90px !important;
        height: 90px !important;
        margin-bottom: 14px !important;
    }
    
    .pass-person-name {
        font-size: 18px !important;
        margin-bottom: 14px !important;
    }
    
    .pass-hotline-btn {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}

/* 5. Matchday Kits Responsive Layout */
@media (min-width: 1024px) {
    .team-kits-grid-vip {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .team-kits-grid-vip {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .kit-card-vip {
        padding: 18px !important;
    }
    
    .kit-stage-3d {
        aspect-ratio: 4 / 3 !important;
        margin-bottom: 14px !important;
    }
}

/* 6. Player Roster 2-Column Mobile Grid for Rapid Browsing */
@media (max-width: 639px) {
    .player-filter-segmented-vip {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding: 4px;
        margin-bottom: 24px;
        border-radius: 12px;
    }
    .player-filter-segmented-vip::-webkit-scrollbar { display: none; }
    
    .filter-tab-pill {
        flex: 0 0 auto;
        padding: 6px 12px;
        font-size: 11.5px;
    }
    
    .team-roster-grid-vip {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .player-card-elite {
        padding: 14px 10px !important;
        border-radius: 18px !important;
    }
    
    .player-bg-number {
        font-size: 64px !important;
        top: 6px !important;
        right: 6px !important;
    }
    
    .player-top-ribbon {
        margin-bottom: 10px !important;
    }
    
    .player-pos-tag {
        font-size: 9.5px !important;
        padding: 2px 7px !important;
    }
    
    .player-squad-badge {
        min-width: 32px !important;
        height: 26px !important;
        font-size: 13px !important;
        padding: 0 6px !important;
    }
    
    .player-hero-stage {
        aspect-ratio: 1 / 1 !important;
        border-radius: 14px !important;
        margin-bottom: 10px !important;
    }
    
    .player-3d-jersey svg {
        width: 48px !important;
        height: 48px !important;
    }
    
    .jersey-center-number {
        font-size: 16px !important;
    }
    
    .player-hero-name {
        font-size: 14px !important;
        margin-bottom: 8px !important;
        word-break: break-word;
    }
    
    .player-specs-bento {
        gap: 6px !important;
    }
    
    .spec-pod {
        padding: 5px 4px !important;
        border-radius: 8px !important;
    }
    
    .spec-label {
        font-size: 8px !important;
    }
    
    .spec-value {
        font-size: 12px !important;
    }
    
    .spec-value small {
        font-size: 9px !important;
    }
}

/* 7. Tournament Pathway Banner Mobile Optimization */
@media (max-width: 640px) {
    .team-tournament-pathway {
        margin-top: 36px !important;
        padding: 24px 16px !important;
        border-radius: 20px !important;
    }
    
    .pathway-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .pathway-card {
        padding: 12px 14px !important;
    }
    
    .pathway-icon {
        width: 38px !important;
        height: 38px !important;
    }
}

/* ==========================================================================
   TACTICAL POSITION FILTER DECK PRO MAX
   ========================================================================== */
.roster-head-master {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.roster-kicker-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 999px;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    color: #0369a1;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.1);
}

.kicker-pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 8px #0284c7;
    animation: staffPulseGlow 2s infinite ease-in-out;
}

.roster-main-title {
    margin: 0 0 10px 0;
    font-size: clamp(24px, 3.8vw, 36px);
    font-weight: 900;
    color: #082f69;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.roster-badge-highlight {
    font-size: 0.75em;
    color: #0284c7;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 2px 14px;
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: -0.01em;
}

.roster-main-subtitle {
    margin: 0 auto;
    max-width: 640px;
    font-size: 14.5px;
    color: #64748b;
    line-height: 1.6;
}

/* Tactical Filter Deck Console */
.tactical-filter-deck {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 6px;
    border-radius: 18px;
    max-width: 940px;
    margin: 0 auto 36px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
}

.tactical-deck-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: #475569;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1);
    touch-action: manipulation;
}

.tactical-deck-pill:hover {
    color: #082f69;
    background: rgba(255, 255, 255, 0.8);
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.tactical-deck-pill.is-active {
    background: #082f69;
    color: #ffffff;
    border-color: #082f69;
    box-shadow: 0 6px 18px rgba(8, 47, 105, 0.25);
    transform: translateY(-2px);
}

.pill-count-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 11.5px;
    font-weight: 900;
    font-family: var(--font-display, inherit);
    transition: all 0.24s ease;
}

.tactical-deck-pill.is-active .pill-count-chip {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* Position Dots in Deck */
.deck-pos-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.deck-pos-dot--gk { background: #f59e0b; box-shadow: 0 0 8px #f59e0b; }
.deck-pos-dot--df { background: #10b981; box-shadow: 0 0 8px #10b981; }
.deck-pos-dot--mf { background: #0284c7; box-shadow: 0 0 8px #0284c7; }
.deck-pos-dot--fw { background: #ef4444; box-shadow: 0 0 8px #ef4444; }

/* Mobile Optimization for Tactical Filter Deck */
@media (max-width: 768px) {
    .tactical-filter-deck {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding: 6px;
        margin-bottom: 24px;
        border-radius: 16px;
    }
    .tactical-filter-deck::-webkit-scrollbar { display: none; }
    
    .tactical-deck-pill {
        flex: 0 0 auto;
        width: auto;
        padding: 8px 14px;
        font-size: 12px;
    }
    
    .roster-main-title {
        font-size: 22px !important;
        flex-direction: column;
        gap: 6px;
    }
    
    .roster-badge-highlight {
        font-size: 14px;
    }
}

/* ==========================================================================
   TEAM HERO PROFILE PRO MAX (UI/UX PRO MAX MASTER)
   ========================================================================== */
.team-profile-promax .team-info-side {
    padding: 38px 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-identity-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.team-profile-promax .team-profile-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    margin: 0 !important;
}

.pulse-dot-cyan {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 8px #0284c7;
}

.team-profile-promax .team-city-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--team-color, #0284c7) 8%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--team-color, #0284c7) 28%, #cbd5e1);
    color: color-mix(in srgb, var(--team-color, #0284c7) 90%, #0f172a);
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    min-height: auto;
}

.team-group-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #fef3c7;
    border: 1px solid #fde68a;
    color: #b45309;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.team-profile-promax .team-profile-title {
    margin: 0 0 16px 0;
    padding: 0;
    color: #0f172a;
    font-size: clamp(34px, 4.4vw, 54px);
    font-weight: 900;
    line-height: 1.06;
    letter-spacing: -0.04em;
    font-family: var(--font-display, inherit);
}

/* Club Story Manifest */
.team-profile-promax .team-story-box {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 4px solid var(--team-color, #0284c7);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.team-profile-promax .team-story-box :where(p, li) {
    color: #334155 !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
    text-align: left !important;
    margin: 0 0 10px !important;
}

.team-profile-promax .team-story-box p:last-child {
    margin-bottom: 0 !important;
}

.team-profile-promax .team-story-box :where(strong, b) {
    color: #0f172a !important;
    font-weight: 800;
}

.team-profile-promax .team-story-box :where(em, i) {
    display: inline-block;
    color: #0f172a !important;
    font-style: normal;
    font-weight: 700;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 3px 10px;
    border-radius: 8px;
    margin: 3px 0;
}

/* Stats Bento Grid Pro Max */
.team-profile-promax .team-stats-bento {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.team-profile-promax .team-stat-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    min-height: 72px;
}

.team-profile-promax .team-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
    border-color: #cbd5e1;
}

.stat-icon-pod {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.stat-icon--players {
    background: #eff6ff;
    color: #2563eb;
}

.stat-icon--kits {
    background: #f0fdf4;
    color: #16a34a;
}

.stat-icon--fanpage {
    background: #1877F2;
    color: #ffffff;
}

.team-profile-promax .stat-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.team-profile-promax .stat-num {
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #0f172a !important;
    font-family: var(--font-display, inherit);
}

.team-profile-promax .stat-num--fanpage {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #1877F2 !important;
    letter-spacing: 0.02em;
}

.team-profile-promax .stat-lbl {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: #64748b !important;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-fanpage-btn:hover .stat-lbl {
    color: #1877F2 !important;
}

@media (max-width: 900px) {
    .team-profile-promax .team-info-side {
        padding: 28px 20px;
    }
    .team-identity-bar {
        justify-content: center;
    }
    .team-profile-promax .team-profile-title {
        text-align: center;
    }
    .team-profile-promax .team-stats-bento {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* ==========================================================================
   TOURNAMENT PATHWAY ACTION BANNER PRO MAX
   ========================================================================== */
.team-tournament-pathway-pro {
    position: relative;
    margin-top: 54px;
    padding: 38px 42px;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 15%, rgba(2, 132, 199, 0.3), transparent 50%),
                radial-gradient(circle at 15% 85%, rgba(15, 23, 42, 0.8), transparent 50%),
                linear-gradient(135deg, #0f172a 0%, #031e42 55%, #0284c7 100%);
    border: 1px solid rgba(56, 189, 248, 0.25);
    box-shadow: 0 24px 60px rgba(0, 10, 30, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    overflow: hidden;
    color: #ffffff;
}

.pathway-ambient-glow {
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, transparent 70%);
    pointer-events: none;
    filter: blur(50px);
}

.pathway-header-master {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 760px;
    margin: 0 auto 32px auto;
}

.pathway-kicker-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #38bdf8;
    margin-bottom: 12px;
}

.pathway-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 8px #38bdf8;
}

.pathway-main-title {
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0 0 10px 0;
    font-family: var(--font-display, inherit);
    text-wrap: balance;
}

.pathway-subtitle {
    font-size: 14px;
    line-height: 1.6;
    color: #cbd5e1;
    margin: 0;
}

/* Pathway Grid Master */
.pathway-grid-master {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pathway-action-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease, background 0.28s ease;
}

.pathway-action-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(56, 189, 248, 0.4);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3), 0 0 20px rgba(56, 189, 248, 0.2);
}

.pathway-action-card--featured {
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.85) 0%, rgba(2, 132, 199, 0.85) 100%);
    border-color: rgba(56, 189, 248, 0.4);
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.3);
}

.pathway-action-card--featured:hover {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.95) 0%, rgba(14, 165, 233, 0.95) 100%);
    border-color: #38bdf8;
    box-shadow: 0 18px 40px rgba(2, 132, 199, 0.45);
}

.pathway-featured-badge {
    position: absolute;
    top: -10px;
    right: 18px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    color: #0f172a;
    padding: 2px 8px;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

.pathway-card-icon-frame {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.pathway-icon--teams {
    background: rgba(56, 189, 248, 0.15);
    border-color: rgba(56, 189, 248, 0.3);
    color: #38bdf8;
}

.pathway-icon--matches {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.pathway-icon--awards {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
    color: #fbbf24;
}

.pathway-card-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

.pathway-card-tag {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.pathway-action-card--featured .pathway-card-tag {
    color: #bae6fd;
}

.pathway-card-title {
    font-size: 15.5px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.pathway-card-action {
    font-size: 12px;
    font-weight: 700;
    color: #38bdf8;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
}

.pathway-action-card--featured .pathway-card-action {
    color: #ffffff;
}

.action-arrow {
    transition: transform 0.2s ease;
}

.pathway-action-card:hover .action-arrow {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .team-tournament-pathway-pro {
        padding: 28px 20px;
        margin-top: 36px;
    }
    
    .pathway-grid-master {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ==========================================================================
   MASTER MOBILE RESPONSIVE FIX (UI/UX PRO MAX STANDARD)
   ========================================================================== */
@media (max-width: 768px) {
    /* Global Container on Mobile */
    .team-profile-promax .container {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* 1. Club Switcher Bar */
    .team-profile-promax .team-switcher-bar {
        padding: 10px 0 !important;
    }
    .team-profile-promax .team-switcher-scroll {
        gap: 6px !important;
        padding-bottom: 4px !important;
    }
    .team-profile-promax .team-switch-pill {
        min-height: 40px !important;
        padding: 4px 10px !important;
        font-size: 12px !important;
    }
    .team-profile-promax .pill-badge {
        width: 22px !important;
        height: 22px !important;
    }

    /* 2. Hero Section */
    .team-profile-promax .team-hero-promax {
        padding: 16px 0 32px !important;
    }
    .team-profile-promax .article-breadcrumbs {
        font-size: 11px !important;
        margin-bottom: 12px !important;
    }
    .team-profile-promax .team-hero-layout {
        grid-template-columns: 1fr !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .team-profile-promax .team-crest-side {
        padding: 24px 16px 18px !important;
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        gap: 14px !important;
    }
    .team-profile-promax .team-crest-hologram {
        width: 150px !important;
        height: 150px !important;
        flex-basis: 150px !important;
    }
    .team-profile-promax .team-crest-frame {
        width: 140px !important;
        height: 140px !important;
    }
    .team-profile-promax .slogan-badge-pill {
        min-height: 52px !important;
        padding: 8px 12px !important;
        border-radius: 12px !important;
    }
    .team-profile-promax .slogan-title {
        font-size: 13.5px !important;
    }

    /* 3. Hero Info Side */
    .team-profile-promax .team-info-side {
        padding: 22px 16px !important;
        text-align: left !important;
    }
    .team-identity-bar {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
        margin-bottom: 10px !important;
    }
    .team-profile-promax .team-profile-eyebrow {
        font-size: 10.5px !important;
        padding: 4px 10px !important;
        letter-spacing: 0.05em !important;
    }
    .team-profile-promax .team-city-badge {
        font-size: 10.5px !important;
        padding: 4px 10px !important;
        letter-spacing: 0.03em !important;
    }
    .team-profile-promax .team-profile-title {
        font-size: 32px !important;
        line-height: 1.1 !important;
        margin: 0 0 12px 0 !important;
        text-align: left !important;
        font-weight: 900 !important;
    }
    .team-profile-promax .team-story-box {
        padding: 16px 14px !important;
        border-radius: 14px !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 13.5px !important;
        line-height: 1.65 !important;
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    .team-profile-promax .team-stats-bento {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 14px !important;
    }
    .team-profile-promax .team-stat-card {
        min-height: 54px !important;
        padding: 8px 12px !important;
        border-radius: 12px !important;
        gap: 10px !important;
    }
    .stat-icon-pod {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }
    .team-profile-promax .stat-num {
        font-size: 19px !important;
    }
    .team-profile-promax .stat-num--fanpage {
        font-size: 14px !important;
    }
    .team-profile-promax .stat-lbl {
        font-size: 10px !important;
        letter-spacing: 0.04em !important;
    }

    /* 4. Subnav Jump Bar */
    .team-profile-promax .team-profile-subnav {
        top: 0 !important;
        border-radius: 0 !important;
    }
    .team-profile-promax .subnav-inner {
        min-height: 48px !important;
    }
    .team-profile-promax .subnav-links {
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 4px 2px !important;
        scrollbar-width: none !important;
    }
    .team-profile-promax .subnav-links::-webkit-scrollbar {
        display: none !important;
    }
    .team-profile-promax .subnav-link {
        min-width: 120px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
    }

    /* 5. Ban Huấn Luyện (Staff) */
    .team-profile-promax .team-staff-grid-master {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .team-profile-promax .staff-pass-card {
        padding: 14px 8px !important;
        border-radius: 14px !important;
        min-height: auto !important;
    }
    .team-profile-promax .pass-role-chip {
        font-size: 9.5px !important;
        padding: 3px 6px !important;
        font-weight: 800 !important;
    }
    .team-profile-promax .pass-avatar-pod {
        width: 72px !important;
        height: 72px !important;
        margin: 8px auto !important;
    }
    .team-profile-promax .pass-avatar-frame {
        width: 66px !important;
        height: 66px !important;
    }
    .team-profile-promax .pass-person-name {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
        min-height: 34px !important;
        margin-bottom: 6px !important;
    }
    .team-profile-promax .pass-hotline-btn {
        min-height: 38px !important;
        font-size: 11px !important;
        padding: 0 6px !important;
    }

    /* 6. Showroom Áo Đấu */
    .team-profile-promax .team-kits-grid-vip {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .team-profile-promax .kit-card-vip {
        padding: 14px !important;
        border-radius: 14px !important;
    }
    .team-profile-promax .kit-stage-3d {
        aspect-ratio: 4 / 3 !important;
    }

    /* 7. Đội Hình Thi Đấu (Roster & Tactical Deck) */
    .tactical-filter-deck {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 6px !important;
        padding-bottom: 6px !important;
        scrollbar-width: none !important;
    }
    .tactical-filter-deck::-webkit-scrollbar {
        display: none !important;
    }
    .tactical-deck-pill {
        flex: 0 0 auto !important;
        min-width: 110px !important;
        height: 38px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }
    .pill-count-chip {
        padding: 1px 6px !important;
        font-size: 11px !important;
    }
    .team-profile-promax .team-roster-grid-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .team-profile-promax .player-card-elite {
        padding: 8px !important;
        border-radius: 14px !important;
    }
    .team-profile-promax .player-bg-number {
        font-size: 52px !important;
        top: 6px !important;
        right: 4px !important;
    }
    .team-profile-promax .player-pos-tag {
        font-size: 9.5px !important;
        padding: 2px 5px !important;
        border-radius: 6px !important;
    }
    .team-profile-promax .player-squad-badge {
        width: 30px !important;
        height: 28px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    .team-profile-promax .player-hero-stage {
        aspect-ratio: 4 / 4.4 !important;
        border-radius: 10px !important;
        margin-bottom: 6px !important;
    }
    .team-profile-promax .player-hero-name {
        font-size: 13px !important;
        min-height: 34px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }
    .team-profile-promax .spec-label {
        font-size: 9px !important;
    }
    .team-profile-promax .spec-value {
        font-size: 11.5px !important;
    }

    /* 8. Tournament Pathway Banner */
    .team-tournament-pathway-pro {
        padding: 24px 16px !important;
        border-radius: 18px !important;
        margin-top: 32px !important;
    }
    .pathway-kicker-badge {
        font-size: 10px !important;
        padding: 4px 10px !important;
    }
    .pathway-main-title {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }
    .pathway-subtitle {
        font-size: 13px !important;
    }
    .pathway-grid-master {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .pathway-action-card {
        padding: 14px 16px !important;
        border-radius: 14px !important;
        gap: 12px !important;
    }
    .pathway-card-icon-frame {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
    }
    .pathway-card-title {
        font-size: 14.5px !important;
    }
    .pathway-card-action {
        font-size: 11.5px !important;
    }
}

/* ==========================================================================
   CENTER LOGO & SLOGAN ON MOBILE (EXACT OPTICAL CENTERING)
   ========================================================================== */
@media (max-width: 900px) {
    .team-profile-promax .team-crest-side {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        padding: 28px 16px 20px !important;
    }

    .team-profile-promax .team-crest-hologram {
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    .team-profile-promax .team-crest-frame {
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .team-slogan-box {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .team-profile-promax .slogan-badge-pill {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 6px !important;
        margin: 0 auto !important;
        padding: 10px 14px !important;
    }

    .team-profile-promax .slogan-quote-mark {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .team-profile-promax .slogan-title {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 2px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .team-profile-promax .slogan-title b {
        display: block !important;
        text-align: center !important;
        color: var(--club-ink, #0f172a) !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    .team-profile-promax .slogan-title em {
        display: block !important;
        text-align: center !important;
        color: var(--team-color, #c91d2a) !important;
        font-size: 13.5px !important;
        font-style: italic !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   GLOBAL OPTICAL CENTERING ON DESKTOP & MOBILE (EXCEPT CLUB STORY)
   ========================================================================== */

/* 1. Breadcrumbs Centered */
.team-profile-promax .article-breadcrumbs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-inline: auto !important;
}

/* 2. Hero Info Side Centered */
.team-profile-promax .team-info-side {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.team-profile-promax .team-identity-bar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

.team-profile-promax .team-title-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

.team-profile-promax .team-profile-title {
    text-align: center !important;
    width: 100% !important;
}

/* 3. EXCEPT CLUB STORY / MANIFEST: STRICTLY PRESERVE LEFT-ALIGNMENT */
.team-profile-promax .team-story-shell {
    width: 100% !important;
    text-align: left !important;
}

.team-profile-promax .team-story-box {
    text-align: left !important;
}

.team-profile-promax .team-story-box :where(p, li, div, span, b, strong, em, i) {
    text-align: left !important;
    text-justify: none !important;
}

/* 4. Bento Stats Cards Centered */
.team-profile-promax .team-stats-bento {
    width: 100% !important;
    justify-content: center !important;
}

.team-profile-promax .team-stat-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.team-profile-promax .stat-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* 5. Subnav Bar Centered */
.team-profile-promax .subnav-inner {
    justify-content: center !important;
}

.team-profile-promax .subnav-links {
    justify-content: center !important;
}

/* 6. Staff Passes Centered */
.team-profile-promax .staff-pass-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.team-profile-promax .pass-person-name {
    text-align: center !important;
}

/* 7. Kit Cards Centered */
.team-profile-promax .kit-card-vip {
    text-align: center !important;
}

.team-profile-promax .kit-badge-wrap {
    justify-content: center !important;
}

.team-profile-promax .kit-info-header {
    text-align: center !important;
}

.team-profile-promax .kit-specs-grid {
    justify-content: center !important;
}

/* 8. Tactical Deck Centered */
.tactical-filter-deck {
    justify-content: center !important;
}

/* 9. Player Cards Centered */
.team-profile-promax .player-card-elite {
    text-align: center !important;
}

.team-profile-promax .player-identity-box {
    text-align: center !important;
}

.team-profile-promax .player-hero-name {
    text-align: center !important;
}

/* 10. Tournament Pathway Banner Centered */
.team-tournament-pathway-pro {
    text-align: center !important;
}

.pathway-grid-master {
    justify-content: center !important;
}

.pathway-action-card {
    justify-content: center !important;
    text-align: center !important;
}

.pathway-card-content {
    align-items: center !important;
    text-align: center !important;
}

/* Mobile Overrides for Complete Centering */
@media (max-width: 900px) {
    .team-profile-promax .team-info-side {
        align-items: center !important;
        text-align: center !important;
    }

    .team-profile-promax .team-identity-bar {
        justify-content: center !important;
    }

    .team-profile-promax .team-profile-title {
        text-align: center !important;
    }

    /* Keep story left aligned on mobile */
    .team-profile-promax .team-story-box {
        text-align: left !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        text-align: left !important;
    }

    .team-profile-promax .team-stat-card {
        justify-content: center !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   EXPLICIT OPTICAL CENTERING: BAN LÃNH ĐỘI & BAN HUẤN LUYỆN
   ========================================================================== */
.team-profile-promax .staff-head-master,
.team-profile-promax .roster-head-master,
.team-profile-promax .kit-head-vip,
.team-profile-promax .section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-inline: auto !important;
}

.team-profile-promax .staff-badge-pill,
.team-profile-promax .roster-kicker-badge,
.team-profile-promax .kit-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.team-profile-promax .staff-title-master,
.team-profile-promax .roster-main-title,
.team-profile-promax .kit-main-title {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    font-size: clamp(26px, 4vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #0f172a !important;
}

@media (max-width: 768px) {
    .team-profile-promax .staff-head-master,
    .team-profile-promax .roster-head-master,
    .team-profile-promax .kit-head-vip {
        margin-bottom: 24px !important;
    }

    .team-profile-promax .staff-badge-pill,
    .team-profile-promax .roster-kicker-badge,
    .team-profile-promax .kit-badge-pill {
        font-size: 10.5px !important;
        margin-bottom: 8px !important;
        padding: 4px 12px !important;
    }

    .team-profile-promax .staff-title-master,
    .team-profile-promax .roster-main-title,
    .team-profile-promax .kit-main-title {
        font-size: 26px !important;
    }
}

/* ==========================================================================
   EXPLICIT OPTICAL CENTERING: DANH SÁCH ĐĂNG KÝ THI ĐẤU & ĐỘI HÌNH
   ========================================================================== */
.team-profile-promax .roster-head-master {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.team-profile-promax .roster-kicker-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.team-profile-promax .roster-main-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    font-size: clamp(26px, 4vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #0f172a !important;
}

.team-profile-promax .roster-main-title span {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .team-profile-promax .roster-head-master {
        margin-bottom: 24px !important;
    }
    .team-profile-promax .roster-kicker-badge {
        font-size: 10.5px !important;
        margin-bottom: 8px !important;
        padding: 4px 12px !important;
    }
    .team-profile-promax .roster-main-title {
        font-size: 26px !important;
    }
}

/* ==========================================================================
   TEAM BREADCRUMBS CAPSULE PRO MAX
   ========================================================================== */
.team-breadcrumbs-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto 28px auto !important;
}

.team-breadcrumbs-capsule {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px 5px 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 20px rgba(0, 15, 35, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.breadcrumb-item-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    transition: color 0.2s ease, background 0.2s ease !important;
}

.breadcrumb-item-link:hover {
    color: #38bdf8 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.breadcrumb-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #38bdf8 !important;
}

.breadcrumb-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.35) !important;
}

.breadcrumb-current-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 10px !important;
    background: rgba(56, 189, 248, 0.16) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.2) !important;
}

@media (max-width: 768px) {
    .team-breadcrumbs-wrapper {
        margin-bottom: 18px !important;
    }
    .team-breadcrumbs-capsule {
        padding: 4px 10px !important;
        gap: 4px !important;
    }
    .breadcrumb-item-link {
        font-size: 11px !important;
        padding: 2px 4px !important;
    }
    .breadcrumb-current-pill {
        font-size: 11px !important;
        padding: 2px 8px !important;
    }
}

/* ==========================================================================
   LUXURY FACEBOOK FANPAGE CARD PRO MAX
   ========================================================================== */
.team-fanpage-btn-vip {
    background: linear-gradient(135deg, #1877f2 0%, #105dc1 55%, #084391 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 24px rgba(24, 119, 242, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
    cursor: pointer !important;
}

.team-fanpage-btn-vip:hover {
    transform: translateY(-4px) !important;
    background: linear-gradient(135deg, #2884ff 0%, #1877f2 55%, #0a4ea8 100%) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 14px 32px rgba(24, 119, 242, 0.45), 0 0 18px rgba(56, 189, 248, 0.35) !important;
}

.stat-icon--fanpage-vip {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
}

.team-fanpage-btn-vip:hover .stat-icon--fanpage-vip {
    background: #ffffff !important;
    color: #1877f2 !important;
    transform: scale(1.06) !important;
}

.stat-num--fanpage-vip {
    color: #ffffff !important;
    font-size: 16.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 768px) {
    .team-fanpage-btn-vip {
        min-height: 52px !important;
        padding: 8px 14px !important;
    }
    .stat-num--fanpage-vip {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   SUBTLE & UNIFIED BENTO FANPAGE CARD (MATCHING 03 TRANG PHỤC CARD)
   ========================================================================== */
.team-profile-promax .stat-card-fanpage {
    background: #ffffff !important;
    border: 1px solid var(--club-line, #e2e8f0) !important;
    box-shadow: 0 4px 16px rgba(5, 43, 91, 0.05) !important;
    color: var(--club-ink, #0f172a) !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.team-profile-promax .stat-card-fanpage:hover {
    transform: translateY(-3px) !important;
    border-color: #1877f2 !important;
    box-shadow: 0 10px 24px rgba(24, 119, 242, 0.15) !important;
}

.team-profile-promax .stat-icon--fanpage {
    background: #edf6ff !important;
    border: 1px solid #d0e7ff !important;
    color: #1877f2 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    display: grid !important;
    place-items: center !important;
}

.team-profile-promax .stat-card-fanpage .stat-num {
    color: var(--club-navy, #0f172a) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
}

.team-profile-promax .stat-card-fanpage .stat-lbl {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    margin-top: 3px !important;
    text-transform: uppercase !important;
}

@media (max-width: 768px) {
    .team-profile-promax .stat-card-fanpage {
        min-height: 54px !important;
        padding: 8px 12px !important;
    }
    .team-profile-promax .stat-card-fanpage .stat-num {
        font-size: 16px !important;
    }
    .team-profile-promax .stat-card-fanpage .stat-lbl {
        font-size: 9.5px !important;
    }
}

/* ==========================================================================
   EXACT SYNCHRONIZED TYPOGRAPHY FOR ALL 3 SECTION TITLES:
   - BAN HUẤN LUYỆN
   - TRANG PHỤC THI ĐẤU CHÍNH THỨC
   - ĐỘI HÌNH [TÊN CLB]
   ========================================================================== */
.team-profile-promax .staff-title-master,
.team-profile-promax .staff-section-title,
.team-profile-promax .roster-main-title,
.team-profile-promax .kits-head-vip h2,
.team-profile-promax .roster-head-master h2,
.team-profile-promax .staff-head-master h2 {
    font-size: clamp(26px, 3.8vw, 42px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: var(--club-navy, #0f172a) !important;
    font-family: var(--font-display, inherit) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.team-profile-promax .staff-title-master span,
.team-profile-promax .staff-section-title span,
.team-profile-promax .roster-main-title span {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
    display: inline-block !important;
    text-align: center !important;
}

@media (max-width: 768px) {
    .team-profile-promax .staff-title-master,
    .team-profile-promax .staff-section-title,
    .team-profile-promax .roster-main-title,
    .team-profile-promax .kits-head-vip h2,
    .team-profile-promax .roster-head-master h2,
    .team-profile-promax .staff-head-master h2 {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
}

/* ==========================================================================
   LARGE & LUXURY COACHING STAFF AVATAR PRO MAX
   ========================================================================== */
.team-profile-promax .team-staff-grid-master {
    gap: 20px !important;
}

.team-profile-promax .staff-pass-card {
    padding: 22px 16px 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid var(--club-line, #e2e8f0) !important;
    box-shadow: 0 10px 30px rgba(5, 43, 91, 0.07) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}

.team-profile-promax .staff-pass-card:hover {
    transform: translateY(-5px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 18px 45px rgba(5, 43, 91, 0.14), 0 0 20px rgba(56, 189, 248, 0.15) !important;
}

/* Enlarge Avatar Pod from 96px to 134px on Desktop */
.team-profile-promax .pass-avatar-pod {
    width: 134px !important;
    height: 134px !important;
    margin: 16px auto 18px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.team-profile-promax .pass-avatar-frame {
    width: 126px !important;
    height: 126px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 3.5px solid #ffffff !important;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.4), 0 12px 28px rgba(5, 42, 84, 0.18) !important;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    position: relative !important;
}

.team-profile-promax .pass-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-profile-promax .staff-pass-card:hover .pass-avatar-img {
    transform: scale(1.07) !important;
}

.team-profile-promax .pass-avatar-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
}

.team-profile-promax .pass-verified-stamp {
    position: absolute !important;
    bottom: 2px !important;
    right: 6px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 2.5px solid #ffffff !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.4) !important;
    z-index: 3 !important;
}

.team-profile-promax .pass-role-chip {
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    letter-spacing: 0.05em !important;
    border-radius: 999px !important;
}

.team-profile-promax .pass-person-name {
    font-size: 16.5px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    min-height: auto !important;
}

.team-profile-promax .pass-hotline-btn {
    min-height: 42px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    gap: 8px !important;
}

/* Mobile Responsive Adjustments (Large & Sharp on Mobile 2-Column Grid) */
@media (max-width: 768px) {
    .team-profile-promax .team-staff-grid-master {
        gap: 12px !important;
    }

    .team-profile-promax .staff-pass-card {
        padding: 16px 10px 14px !important;
        border-radius: 16px !important;
    }

    .team-profile-promax .pass-avatar-pod {
        width: 104px !important;
        height: 104px !important;
        margin: 10px auto 12px !important;
    }

    .team-profile-promax .pass-avatar-frame {
        width: 96px !important;
        height: 96px !important;
        border-width: 3px !important;
    }

    .team-profile-promax .pass-verified-stamp {
        width: 24px !important;
        height: 24px !important;
        bottom: 0 !important;
        right: 4px !important;
    }

    .team-profile-promax .pass-role-chip {
        font-size: 9.5px !important;
        padding: 3px 8px !important;
    }

    .team-profile-promax .pass-person-name {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .team-profile-promax .pass-hotline-btn {
        min-height: 38px !important;
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
}

/* ==========================================================================
   3D MATCHDAY KITS SHOWROOM STUDIO PRO MAX
   ========================================================================== */
.team-profile-promax .team-kits-grid-vip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.team-profile-promax .kit-card-vip {
    position: relative !important;
    padding: 22px 20px 24px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--club-line, #e2e8f0) !important;
    box-shadow: 0 12px 36px rgba(5, 42, 87, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.team-profile-promax .kit-card-vip:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 48px rgba(5, 42, 87, 0.15), 0 0 24px rgba(56, 189, 248, 0.16) !important;
}

.team-profile-promax .kit-card-vip--home {
    border-top: 3px solid #ef4444 !important;
}
.team-profile-promax .kit-card-vip--home:hover {
    border-color: #ef4444 !important;
    box-shadow: 0 20px 48px rgba(239, 68, 68, 0.15), 0 0 24px rgba(239, 68, 68, 0.15) !important;
}

.team-profile-promax .kit-card-vip--away {
    border-top: 3px solid #3b82f6 !important;
}
.team-profile-promax .kit-card-vip--away:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 20px 48px rgba(59, 130, 246, 0.15), 0 0 24px rgba(59, 130, 246, 0.15) !important;
}

.team-profile-promax .kit-card-vip--third {
    border-top: 3px solid #f59e0b !important;
}
.team-profile-promax .kit-card-vip--third:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 20px 48px rgba(245, 158, 11, 0.15), 0 0 24px rgba(245, 158, 11, 0.15) !important;
}

.team-profile-promax .kit-card-header {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
}

.team-profile-promax .kit-type-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

.team-profile-promax .kit-pill-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.team-profile-promax .kit-card-vip--home .kit-pill-dot {
    background: #ef4444 !important;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6) !important;
}

.team-profile-promax .kit-card-vip--away .kit-pill-dot {
    background: #3b82f6 !important;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6) !important;
}

.team-profile-promax .kit-card-vip--third .kit-pill-dot {
    background: #f59e0b !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.6) !important;
}

.team-profile-promax .kit-num-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
}

/* 3D Exhibition Pedestal Stage */
.team-profile-promax .kit-stage-3d {
    width: 100% !important;
    aspect-ratio: 4 / 3.3 !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 50% 90%, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.8) 50%, rgba(226, 232, 240, 0.5) 100%) !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.8), 0 6px 16px rgba(15, 23, 42, 0.04) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
}

.team-profile-promax .kit-pedestal-glow {
    position: absolute !important;
    bottom: -20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 70% !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.3) 0%, transparent 70%) !important;
    filter: blur(8px) !important;
    pointer-events: none !important;
}

.team-profile-promax .kit-card-vip--home .kit-pedestal-glow {
    background: radial-gradient(ellipse at center, rgba(239, 68, 68, 0.25) 0%, transparent 70%) !important;
}

.team-profile-promax .kit-card-vip--away .kit-pedestal-glow {
    background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.25) 0%, transparent 70%) !important;
}

.team-profile-promax .kit-card-vip--third .kit-pedestal-glow {
    background: radial-gradient(ellipse at center, rgba(245, 158, 11, 0.25) 0%, transparent 70%) !important;
}

.team-profile-promax .kit-stage-img {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease !important;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.12)) !important;
    z-index: 2 !important;
}

.team-profile-promax .kit-card-vip:hover .kit-stage-img {
    transform: translateY(-6px) scale(1.06) !important;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.2)) !important;
}

.team-profile-promax .kit-body-vip {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.team-profile-promax .kit-name-vip {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-profile-promax .kit-specs-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

.team-profile-promax .kit-color-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

.team-profile-promax .kit-card-vip:hover .kit-color-tag {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

.team-profile-promax .color-tag-bullet {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.team-profile-promax .kit-card-vip--home .color-tag-bullet {
    background: #ef4444 !important;
}

.team-profile-promax .kit-card-vip--away .color-tag-bullet {
    background: #3b82f6 !important;
}

.team-profile-promax .kit-card-vip--third .color-tag-bullet {
    background: #f59e0b !important;
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .team-profile-promax .team-kits-grid-vip {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .team-profile-promax .kit-card-vip {
        padding: 18px 16px 20px !important;
        border-radius: 20px !important;
    }

    .team-profile-promax .kit-stage-3d {
        aspect-ratio: 4 / 3.2 !important;
        margin-bottom: 14px !important;
    }

    .team-profile-promax .kit-name-vip {
        font-size: 16px !important;
    }

    .team-profile-promax .kit-color-tag {
        font-size: 11.5px !important;
        padding: 4px 10px !important;
    }
}

/* ==========================================================================
   EXECUTIVE COACHING STAFF CARDS (LARGE AVATAR & UPPERCASE TYPOGRAPHY)
   ========================================================================== */
.team-profile-promax .team-staff-grid-master {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 22px !important;
    justify-content: center !important;
}

@media (min-width: 1200px) {
    .team-profile-promax .team-staff-grid-master {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

.team-profile-promax .staff-pass-card {
    position: relative !important;
    padding: 26px 18px 22px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid var(--club-line, #e2e8f0) !important;
    box-shadow: 0 10px 30px rgba(5, 43, 91, 0.07) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}

.team-profile-promax .staff-pass-card:hover {
    transform: translateY(-6px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 20px 48px rgba(5, 43, 91, 0.15), 0 0 24px rgba(56, 189, 248, 0.18) !important;
}

/* Header Ribbon & Role Chip */
.team-profile-promax .pass-header-ribbon {
    margin-bottom: 6px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.team-profile-promax .pass-role-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

/* Large 3D Avatar Pod */
.team-profile-promax .pass-avatar-pod {
    width: 148px !important;
    height: 148px !important;
    margin: 14px auto 16px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.team-profile-promax .pass-avatar-frame {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.45), 0 14px 32px rgba(5, 42, 84, 0.18) !important;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    position: relative !important;
}

.team-profile-promax .pass-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-profile-promax .staff-pass-card:hover .pass-avatar-img {
    transform: scale(1.08) !important;
}

.team-profile-promax .pass-avatar-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
}

.team-profile-promax .pass-verified-stamp {
    position: absolute !important;
    bottom: 2px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 3px solid #ffffff !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.45) !important;
    z-index: 3 !important;
}

/* Person Name (Uppercase Bold) */
.team-profile-promax .pass-person-name {
    font-size: 17.5px !important;
    font-weight: 900 !important;
    color: var(--club-navy, #0f172a) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
}

/* Hotline Button */
.team-profile-promax .pass-hotline-btn {
    min-height: 42px !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.team-profile-promax .pass-hotline-btn:hover {
    background: #ffffff !important;
    border-color: #38bdf8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(56, 189, 248, 0.2) !important;
}

.team-profile-promax .hotline-icon-wrap {
    color: #0284c7 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .team-profile-promax .team-staff-grid-master {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .team-profile-promax .staff-pass-card {
        padding: 18px 10px 16px !important;
        border-radius: 18px !important;
    }

    .team-profile-promax .pass-avatar-pod {
        width: 118px !important;
        height: 118px !important;
        margin: 10px auto 12px !important;
    }

    .team-profile-promax .pass-avatar-frame {
        width: 110px !important;
        height: 110px !important;
        border-width: 3.5px !important;
    }

    .team-profile-promax .pass-verified-stamp {
        width: 26px !important;
        height: 26px !important;
        bottom: 0 !important;
        right: 4px !important;
    }

    .team-profile-promax .pass-role-chip {
        font-size: 10px !important;
        padding: 3px 10px !important;
    }

    .team-profile-promax .pass-person-name {
        font-size: 14.5px !important;
        margin-bottom: 8px !important;
    }

    .team-profile-promax .pass-hotline-btn {
        min-height: 38px !important;
        font-size: 11.5px !important;
        padding: 4px 8px !important;
    }
}

/* ==========================================================================
   PERFECT OPTICAL BALANCE FOR 5 STAFF CARDS ON MOBILE (2 - 2 - 1 PYRAMID)
   ========================================================================== */
@media (max-width: 768px) {
    .team-profile-promax .team-staff-grid-master {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        justify-content: center !important;
    }

    /* When the last card is an odd child (e.g. 5th card: Y TẾ),
       span it across both columns and center it precisely in the 3rd row */
    /* REMOVED OLD ODD RULE */ .team-profile-promax .staff-pass-card-disabled-old {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 280px !important;
        margin-inline: auto !important;
        box-shadow: 0 12px 32px rgba(5, 43, 91, 0.1) !important;
    }
}













/* ==========================================================================
   UI/UX PRO MAX: MASTERPIECE SYSTEM (VERSION v4.6.0 - BALANCED CONTROL DECK)
   ========================================================================== */

/* ── 1. KHỐI LIÊN HỆ TRỰC QUAN (CONTACT SECTION #lien-he) ── */
.contact-band-visual {
    position: relative !important;
    padding: clamp(76px, 8vw, 108px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 12% 18%, rgba(14, 165, 233, 0.24), transparent 42%),
                radial-gradient(circle at 88% 82%, rgba(2, 132, 199, 0.26), transparent 46%),
                linear-gradient(145deg, #020b18 0%, #03183d 48%, #04255c 100%) !important;
    border-top: 1px solid rgba(56, 189, 248, 0.35) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.contact-band-visual * {
    box-sizing: border-box !important;
}

.contact-watermark-visual {
    position: absolute !important;
    top: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(44px, 10vw, 140px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    color: rgba(255, 255, 255, 0.022) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: 0 !important;
    user-select: none !important;
}

.contact-inner-visual {
    display: grid !important;
    grid-template-columns: minmax(0, 1.32fr) minmax(370px, 0.88fr) !important;
    gap: 40px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding-inline: 24px !important;
}

/* Cột trái */
.contact-main-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    min-width: 0 !important;
}

.contact-heading-visual {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.contact-kicker-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
}

.contact-kicker-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.kicker-pulse-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
    display: inline-block !important;
}

.contact-season-tag {
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.14) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    letter-spacing: 0.05em !important;
}

.contact-title-visual {
    margin: 0 !important;
    font-size: clamp(34px, 4.2vw, 54px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

.title-lead {
    display: block !important;
    color: #ffffff !important;
}

.title-highlight {
    background: linear-gradient(115deg, #ffffff 15%, #bae6fd 50%, #38bdf8 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: block !important;
}

/* Mô tả liên hệ */
.contact-desc-visual {
    margin: 0 !important;
    font-size: clamp(13.5px, 1.1vw, 15.5px) !important;
    line-height: 1.55 !important;
    color: #cbd5e1 !important;
    max-width: 100% !important;
    word-break: break-word !important;
    white-space: normal !important;
}

/* 3 Thẻ hành động trực quan */
.contact-action-cards-visual {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.contact-action-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 14px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(9, 66, 129, 0.28) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.22) !important;
    border-top: 3.5px solid #38bdf8 !important;
    box-shadow: 0 12px 32px rgba(0, 8, 28, 0.35) !important;
    text-decoration: none !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.24s ease !important;
    min-width: 0 !important;
}

.contact-action-card:hover {
    transform: translateY(-4px) !important;
    border-color: #38bdf8 !important;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.16) 0%, rgba(9, 66, 129, 0.45) 100%) !important;
    box-shadow: 0 20px 48px rgba(0, 8, 28, 0.5), 0 0 24px rgba(56, 189, 248, 0.25) !important;
}

.action-icon-pod {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.action-icon--blue {
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
}

.action-icon--gold {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

.action-icon--cyan {
    background: rgba(14, 165, 233, 0.16) !important;
    color: #7dd3fc !important;
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
}

.action-card-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
    flex: 1 !important;
    overflow: visible !important;
}

.action-card-text small {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

.action-card-text strong {
    font-size: 12.5px !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.action-card-arrow {
    margin-left: auto !important;
    font-size: 13px !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
    transition: transform 0.24s ease, color 0.24s ease !important;
}

.contact-action-card:hover .action-card-arrow {
    color: #38bdf8 !important;
    transform: translate(2px, -2px) !important;
}

/* Cột phải: Control Center CÂN ĐỐI & TINH TẾ (NÚT LIÊN HỆ ĐỒNG BỘ) */
.contact-deck-visual {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 26px 28px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 43, 96, 0.42) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    border-top: 4px solid #38bdf8 !important;
    box-shadow: 0 24px 64px rgba(0, 8, 28, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) !important;
}

.deck-header-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.deck-title-box {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.deck-icon {
    display: grid !important;
    place-items: center !important;
    color: #38bdf8 !important;
}

.deck-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.06em !important;
}

.pulse-led-cyan {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
    display: inline-block !important;
}

/* NÚT LIÊN HỆ GỌN GÀNG, CÂN ĐỐI, NỔI BẬT */
.deck-primary-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 13px 20px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1px solid #38bdf8 !important;
    box-shadow: 0 8px 26px rgba(2, 132, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    text-decoration: none !important;
    transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.deck-primary-btn:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    box-shadow: 0 14px 34px rgba(2, 132, 199, 0.55), 0 0 20px rgba(56, 189, 248, 0.35) !important;
}

.btn-icon-bubble {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.btn-label-bold {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.btn-arrow {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    transition: transform 0.2s ease !important;
}

.deck-primary-btn:hover .btn-arrow {
    transform: translate(2px, -2px) !important;
}

.deck-organizer-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 18px !important;
    border-radius: 16px !important;
    background: rgba(2, 19, 49, 0.48) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.organizer-emblem-pod {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffffff 0%, #bae6fd 100%) !important;
    border: 1.5px solid #ffffff !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.organizer-emblem-pod img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
}

.organizer-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.organizer-details small {
    font-size: 10px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.organizer-details strong {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* KHẮC PHỤC TRIỆT ĐỂ LỖI RƠI CHỮ EMAIL & HOTLINE (STACK FULL-WIDTH) */
.deck-channels-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.channel-card-visual {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 18px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    min-width: 0 !important;
    width: 100% !important;
}

.channel-card-visual:hover {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
    transform: translateY(-2px) !important;
}

.channel-icon-pod {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.channel-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.channel-text small {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

.channel-text strong {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
}

.channel-arrow {
    margin-left: auto !important;
    font-size: 13px !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
}

.channel-card-visual:hover .channel-arrow {
    color: #38bdf8 !important;
}


/* ── 2. CHÂN TRANG TRỰC QUAN (SITE FOOTER MASTERPIECE) ── */
.site-footer,
.site-footer.site-footer--masterpiece {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(14, 165, 233, 0.22), transparent 45%),
                linear-gradient(180deg, #020b18 0%, #03162e 45%, #052146 100%) !important;
    border-top: 1px solid rgba(56, 189, 248, 0.35) !important;
    padding-top: 56px !important;
    padding-bottom: 36px !important;
    isolation: isolate !important;
    z-index: 10 !important;
}

.site-footer * {
    box-sizing: border-box !important;
}

.footer-watermark-visual {
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(36px, 7.5vw, 110px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    color: rgba(255, 255, 255, 0.025) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: 0 !important;
    user-select: none !important;
}

/* 2.1. Top Deck */
.footer-top-deck {
    display: grid !important;
    grid-template-columns: minmax(0, 1.38fr) minmax(360px, 0.92fr) !important;
    gap: 24px !important;
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 44px !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding-inline: 24px !important;
}

.footer-brand-card-visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 28px 36px 28px 30px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(9, 66, 129, 0.3) 50%, rgba(36, 181, 217, 0.14) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.28) !important;
    border-top: 3.5px solid #38bdf8 !important;
    box-shadow: 0 20px 50px rgba(0, 8, 28, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(16px) !important;
    text-decoration: none !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
    overflow: hidden !important;
}

.footer-brand-card-visual:hover {
    transform: translateY(-5px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 28px 64px rgba(0, 8, 28, 0.55), 0 0 28px rgba(56, 189, 248, 0.25) !important;
}

.brand-crest-frame {
    position: relative !important;
    width: 116px !important;
    height: 116px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e0f2fe 60%, #bae6fd 100%) !important;
    border: 2.5px solid #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35), 0 0 0 6px rgba(56, 189, 248, 0.18) !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.brand-crest-img {
    width: 92px !important;
    height: 92px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 14px rgba(0, 24, 64, 0.3)) !important;
    transition: transform 0.35s ease !important;
}

.footer-brand-card-visual:hover .brand-crest-img {
    transform: scale(1.08) rotate(-2deg) !important;
}

.brand-info-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.brand-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.brand-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.08 !important;
}

.brand-line-lead {
    font-size: 18px !important;
    font-weight: 850 !important;
    color: #e2e8f0 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

.brand-line-glow {
    font-size: clamp(22px, 2.5vw, 32px) !important;
    font-weight: 900 !important;
    background: linear-gradient(115deg, #ffffff 20%, #dffbff 55%, #38bdf8 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}

.brand-season-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.14) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    width: fit-content !important;
    margin-top: 4px !important;
}

.season-icon {
    display: grid !important;
    place-items: center !important;
    color: #fbbf24 !important;
}

.card-action-arrow {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 14px !important;
    transition: all 0.25s ease !important;
}

.footer-brand-card-visual:hover .card-action-arrow {
    background: #38bdf8 !important;
    color: #020b18 !important;
    transform: translate(2px, -2px) !important;
}

.footer-event-card-visual {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 24px 26px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(4, 43, 96, 0.38) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.28) !important;
    border-top: 3.5px solid #38bdf8 !important;
    box-shadow: 0 20px 50px rgba(0, 8, 28, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(16px) !important;
}

.event-card-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.event-kicker {
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.event-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
}

.event-date-display {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.date-big-num {
    font-size: clamp(38px, 4vw, 48px) !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
    color: #ffffff !important;
    font-feature-settings: "tnum" 1 !important;
}

.date-meta-col {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
}

.date-month-txt {
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.date-year-txt {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.05em !important;
}

.event-location-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: rgba(2, 19, 49, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.location-icon-pod {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.location-text-col {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.location-text-col small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.location-text-col strong {
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

/* 2.2. Mid Grid */
.footer-mid-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
    gap: 48px !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding-inline: 24px !important;
    padding-bottom: 44px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer-section-title {
    margin: 0 0 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.title-divider-line {
    flex: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.35), transparent) !important;
}

.footer-nav-grid-pills {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
}

.footer-nav-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    transition: all 0.22s ease !important;
}

.footer-nav-pill:hover {
    background: rgba(56, 189, 248, 0.14) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.footer-nav-pill b {
    font-size: 12px !important;
    color: #64748b !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.footer-nav-pill:hover b {
    color: #38bdf8 !important;
    transform: translate(2px, -2px) !important;
}

/* Kênh kết nối & Bàn hỗ trợ (Footer Stack) */
.footer-connect-grid-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.footer-connect-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    min-width: 0 !important;
    width: 100% !important;
}

.footer-connect-card:hover {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
    transform: translateY(-2px) !important;
}

.connect-icon-pod {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.connect-info-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.connect-info-text small {
    font-size: 9px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.connect-info-text strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.connect-arrow {
    margin-left: auto !important;
    font-size: 12px !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
}

.footer-connect-card:hover .connect-arrow {
    color: #38bdf8 !important;
}

/* Bàn hỗ trợ trực ban 24/7 (NO GREEN - Blue/Cyan theme) */
.footer-support-box-visual {
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    margin-bottom: 12px !important;
}

.support-box-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
}

.support-label-stack {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    color: #38bdf8 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.support-status-chip {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #7dd3fc !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
}

.support-cards-grid-visual {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.support-contact-pill {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    text-decoration: none !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
}

.support-contact-pill:hover {
    border-color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.1) !important;
    transform: translateY(-2px) !important;
}

.support-icon-pod {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.support-text-stack {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.support-text-stack small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    color: #7dd3fc !important;
}

.support-text-stack strong {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.support-text-stack em {
    font-size: 10.5px !important;
    font-style: normal !important;
    color: #94a3b8 !important;
}

.support-arrow {
    margin-left: auto !important;
    font-size: 11px !important;
    color: #64748b !important;
}

.support-contact-pill:hover .support-arrow {
    color: #38bdf8 !important;
}

/* Nút Fanpage */
.footer-fanpage-visual-btn {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #1877f2 0%, #0d5cb6 100%) !important;
    border: 1px solid #38bdf8 !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(24, 119, 242, 0.3) !important;
    transition: all 0.22s ease !important;
}

.footer-fanpage-visual-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(24, 119, 242, 0.45) !important;
}

.fanpage-letter-f {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    font-family: var(--font-display) !important;
    flex-shrink: 0 !important;
}

.fanpage-btn-copy {
    display: flex !important;
    flex-direction: column !important;
}

.fanpage-btn-copy small {
    font-size: 9px !important;
    font-weight: 850 !important;
    color: #bae6fd !important;
    letter-spacing: 0.06em !important;
}

.fanpage-btn-copy strong {
    font-size: 13.5px !important;
    font-weight: 900 !important;
}


/* ── 3. TẦNG ĐÁY KIỆT TÁC (LUXURY MASTERPIECE BOTTOM DECK) ── */
.footer-bottom-container {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding-inline: 24px !important;
    padding-top: 32px !important;
}

.footer-bottom-deck-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    padding: 20px 30px !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.15), transparent 70%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(4, 30, 68, 0.45) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    border-top: 2px solid rgba(56, 189, 248, 0.6) !important;
    box-shadow: 0 16px 44px rgba(0, 8, 28, 0.45), 0 0 30px rgba(14, 165, 233, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(16px) !important;
}

/* Cột trái: Copyright */
.footer-copyright-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.copyright-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
}

.kicker-seal-icon {
    display: grid !important;
    place-items: center !important;
    color: #38bdf8 !important;
}

.copyright-text {
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #94a3b8 !important;
}

.copyright-text strong {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.copyright-text a {
    color: #38bdf8 !important;
    text-decoration: none !important;
    font-weight: 850 !important;
    border-bottom: 1.5px dashed rgba(56, 189, 248, 0.5) !important;
    transition: all 0.22s ease !important;
    padding-bottom: 1px !important;
}

.copyright-text a:hover {
    color: #ffffff !important;
    border-bottom-color: #ffffff !important;
    text-shadow: 0 0 12px rgba(56, 189, 248, 0.75) !important;
}

/* Cột giữa: 3D Beveled Slogan Badge */
.footer-slogan-col {
    display: flex !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.slogan-luxury-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.16) 0%, rgba(14, 165, 233, 0.08) 50%, rgba(245, 158, 11, 0.14) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.4) !important;
    box-shadow: 0 6px 24px rgba(0, 8, 28, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    user-select: none !important;
    transition: all 0.3s ease !important;
}

.slogan-luxury-badge:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 30px rgba(0, 8, 28, 0.4), 0 0 20px rgba(56, 189, 248, 0.3) !important;
    transform: scale(1.02) !important;
}

.slogan-word.is-play {
    color: #38bdf8 !important;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.4) !important;
}

.slogan-separator {
    color: #64748b !important;
    font-size: 12px !important;
}

.slogan-sparkle {
    color: #fbbf24 !important;
    font-size: 12px !important;
    filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.7)) !important;
}

.slogan-word.is-travel {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}

/* Cột phải: Back to Top */
.footer-back-to-top-col {
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
}

.footer-scroll-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 18px 10px 20px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1.5px solid #38bdf8 !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    transition: all 0.26s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer-scroll-top-btn:hover {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    box-shadow: 0 12px 32px rgba(2, 132, 199, 0.6), 0 0 20px rgba(56, 189, 248, 0.4) !important;
    color: #ffffff !important;
}

.btn-top-arrow-pod {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    transition: transform 0.22s ease !important;
}

.footer-scroll-top-btn:hover .btn-top-arrow-pod {
    transform: translateY(-2px) !important;
}

@media (max-width: 900px) {
    .footer-bottom-deck-card {
        flex-direction: column !important;
        text-align: center !important;
        gap: 18px !important;
        padding: 22px 20px !important;
    }
    .footer-copyright-col {
        align-items: center !important;
    }
    .footer-back-to-top-col {
        justify-content: center !important;
    }
}

@media (max-width: 992px) {
    .contact-band-visual {
        padding: 56px 0 !important;
    }
    .contact-inner-visual {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding-inline: 0 !important;
    }
    .contact-main-col {
        gap: 22px !important;
    }
    .contact-action-cards-visual {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .contact-deck-visual {
        padding: 22px 20px !important;
        border-radius: 18px !important;
    }
    .footer-top-deck {
        grid-template-columns: 1fr !important;
    }
    .footer-mid-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
}

@media (max-width: 640px) {
    /* CTA SECTION - ULTRA COMPACT */
    .contact-band-visual {
        padding: 26px 0 22px !important;
    }
    .contact-inner-visual {
        padding-inline: 0 !important;
        gap: 16px !important;
    }
    .contact-kicker-line {
        gap: 6px !important;
        margin-bottom: 4px !important;
    }
    .contact-kicker-pill {
        font-size: 8.5px !important;
        letter-spacing: 0.08em !important;
        padding: 3px 8px !important;
    }
    .contact-season-tag {
        font-size: 8px !important;
        padding: 2px 6px !important;
    }
    .contact-title-visual {
        font-size: clamp(22px, 6.5vw, 28px) !important;
        line-height: 1.08 !important;
        margin: 4px 0 !important;
    }
    .contact-desc-visual {
        font-size: 11px !important;
        line-height: 1.4 !important;
        margin-top: 4px !important;
    }
    .contact-main-col {
        gap: 12px !important;
    }
    
    /* 3 ACTION CARDS - SLEEK HORIZONTAL ROWS */
    .contact-action-cards-visual {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
    .contact-action-card {
        min-height: 44px !important;
        padding: 6px 10px !important;
        border-radius: 10px !important;
        gap: 8px !important;
    }
    .action-icon-pod {
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
    }
    .action-icon-pod svg {
        width: 15px !important;
        height: 15px !important;
    }
    .action-card-text small {
        font-size: 7px !important;
        line-height: 1.1 !important;
    }
    .action-card-text strong {
        font-size: 11.5px !important;
        line-height: 1.2 !important;
    }
    .action-card-arrow {
        font-size: 12px !important;
    }

    /* CONTROL CENTER - COMPACT */
    .contact-deck-visual {
        padding: 12px 10px !important;
        border-radius: 12px !important;
        gap: 8px !important;
    }
    .deck-header-visual {
        gap: 6px !important;
        margin-bottom: 2px !important;
    }
    .deck-title-box {
        font-size: 9.5px !important;
    }
    .deck-title-box .deck-icon svg {
        width: 12px !important;
        height: 12px !important;
    }
    .deck-primary-btn {
        padding: 8px 12px !important;
        min-height: 38px !important;
        border-radius: 9px !important;
    }
    .deck-primary-btn .btn-icon-bubble {
        width: 22px !important;
        height: 22px !important;
    }
    .btn-label-bold {
        font-size: 11.5px !important;
    }
    .deck-organizer-card {
        padding: 6px 10px !important;
        border-radius: 9px !important;
        gap: 8px !important;
    }
    .organizer-text small {
        font-size: 6.5px !important;
    }
    .organizer-text strong {
        font-size: 10.5px !important;
    }
    .deck-channel-grid {
        gap: 6px !important;
    }
    .channel-card-visual {
        padding: 6px 10px !important;
        border-radius: 9px !important;
        gap: 8px !important;
    }
    .channel-text small {
        font-size: 6.5px !important;
    }
    .channel-text strong {
        font-size: 10.5px !important;
        word-break: break-all !important;
    }
    
    /* FOOTER MID GRID */
    .footer-mid-grid {
        gap: 16px !important;
    }
    .footer-section-title {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
    
    /* KHÁM PHÁ - KHÔI PHỤC MỖI DÒNG MỖI HÀNG (FULL-WIDTH 1 CỘT) */
    .footer-nav-grid-pills {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .footer-nav-pill {
        width: 100% !important;
        min-height: 44px !important;
        padding: 10px 16px !important;
        border-radius: 12px !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #cbd5e1 !important;
    }
    .footer-nav-pill b {
        display: inline-block !important;
        font-size: 13px !important;
        color: #7eeafb !important;
    }
    
    /* KẾT NỐI - 2 CỘT MINI CARDS */
    .footer-connect-grid-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px !important;
    }
    .footer-connect-card {
        min-height: 42px !important;
        padding: 5px 8px !important;
        border-radius: 8px !important;
        gap: 6px !important;
    }
    .connect-icon-pod {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
    }
    .connect-icon-pod svg {
        width: 12px !important;
        height: 12px !important;
    }
    .connect-info-text small {
        font-size: 6.5px !important;
        line-height: 1 !important;
    }
    .connect-info-text strong {
        font-size: 9.5px !important;
        line-height: 1.15 !important;
    }
    .connect-arrow {
        display: none !important;
    }
    
    /* HỖ TRỢ BAN TỔ CHỨC - 2 CỘT MINI CARDS */
    .footer-support-box-visual {
        padding: 8px 6px !important;
        border-radius: 10px !important;
        margin-top: 6px !important;
    }
    .support-box-topbar {
        margin-bottom: 6px !important;
    }
    .support-label-stack {
        font-size: 8.5px !important;
    }
    .support-cards-grid-visual {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px !important;
    }
    .support-contact-pill {
        min-height: 38px !important;
        padding: 5px 6px !important;
        border-radius: 7px !important;
        gap: 6px !important;
    }
    .support-icon-pod {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
    }
    .support-icon-pod svg {
        width: 11px !important;
        height: 11px !important;
    }
    .support-text-stack small {
        font-size: 6.5px !important;
        line-height: 1 !important;
    }
    .support-text-stack strong {
        font-size: 9.5px !important;
        line-height: 1.15 !important;
    }
    .support-text-stack em {
        font-size: 8px !important;
    }
    .support-arrow {
        display: none !important;
    }
    
    /* FANPAGE BUTTON */
    .footer-fanpage-visual-btn {
        min-height: 36px !important;
        padding: 5px 10px !important;
        border-radius: 8px !important;
        margin-top: 6px !important;
        font-size: 11px !important;
    }
    .fanpage-btn-icon svg {
        width: 15px !important;
        height: 15px !important;
    }
    .fanpage-btn-text strong {
        font-size: 11px !important;
    }
    .fanpage-btn-arrow {
        font-size: 11px !important;
    }
    
    /* FOOTER MINIMAL BAR (BẢN QUYỀN + TOP) */
    body.home-page .footer-minimal-bar,
    .footer-minimal-bar {
        padding: 8px 0 !important;
    }
    .footer-minimal-inner {
        min-height: 34px !important;
        gap: 8px !important;
    }
    .footer-minimal-copy {
        font-size: 9.5px !important;
    }
    .footer-minimal-copy strong,
    .footer-minimal-copy a {
        font-size: 10px !important;
    }
    .footer-minimal-top {
        min-height: 28px !important;
        min-width: 54px !important;
        padding: 0 8px !important;
        font-size: 9px !important;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: MATCH DETAIL THEATER & VIDEO CENTER (VERSION 4.8.1)
   ========================================================================== */
.match-detail-page-pro {
    background-color: #061122;
    color: #f8fafc;
}

.match-hero-theater-header {
    position: relative;
    padding: clamp(36px, 6vw, 64px) 0 clamp(44px, 7vw, 72px);
    background: radial-gradient(120% 120% at 50% 10%, rgba(14, 165, 233, 0.22) 0%, transparent 70%),
                linear-gradient(180deg, rgba(6, 17, 34, 0.88) 0%, #061122 100%),
                var(--match-cover) center/cover no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.theater-header-overlay {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    pointer-events: none;
}

.theater-header-container {
    position: relative;
    z-index: 2;
}

.theater-top-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 24px;
}

.theater-stage-chip {
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.theater-status-chip {
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.theater-status-chip.status-scheduled {
    background: rgba(56, 189, 248, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #38bdf8;
}

.theater-status-chip.status-live {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.6);
    animation: livePulse 2s infinite ease-in-out;
}

.theater-status-chip.status-finished {
    background: rgba(16, 185, 129, 0.16);
    border: 1px solid rgba(16, 185, 129, 0.4);
    color: #34d399;
}

@keyframes livePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 16px rgba(239, 68, 68, 0.6); }
    50% { transform: scale(1.04); box-shadow: 0 0 24px rgba(239, 68, 68, 0.9); }
}

.theater-scoreboard-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: clamp(16px, 3vw, 40px);
}

.theater-team {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease;
}

.theater-team:hover {
    transform: translateY(-2px);
}

.theater-team.is-home {
    justify-content: flex-end;
    text-align: right;
}

.theater-team.is-away {
    justify-content: flex-start;
    text-align: left;
}

.theater-team-kicker {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}

.theater-team-title {
    font-size: clamp(20px, 2.8vw, 32px);
    font-weight: 900;
    color: #ffffff;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.theater-team-short {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color: #38bdf8;
    margin-top: 4px;
}

.match-detail-crest-pro {
    width: clamp(64px, 7vw, 84px);
    height: clamp(64px, 7vw, 84px);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.85);
    border: 2px solid var(--crest-color, #38bdf8);
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 8px;
    overflow: hidden;
}

.match-detail-crest-pro img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.match-detail-crest-pro b {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
}

.theater-score-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 180px;
}

.theater-score-vs strong {
    font-family: var(--font-display, inherit);
    font-size: clamp(36px, 4.5vw, 54px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.05em;
    text-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

.theater-score-numbers {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-display, inherit);
    font-size: clamp(42px, 5.5vw, 68px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    text-shadow: 0 4px 24px rgba(0,0,0,0.7);
}

.theater-score-numbers.is-live-glow {
    color: #f87171;
    text-shadow: 0 0 30px rgba(239, 68, 68, 0.7);
}

.theater-score-numbers .score-divider {
    color: #64748b;
}

.theater-kickoff-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
}

.theater-venue-badge,
.theater-time-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: #cbd5e1;
}

/* ── Video Theater Box ── */
.match-theater-stage-section {
    padding: 36px 0 54px;
}

.match-video-theater-card {
    background: #091527;
    border: 1px solid rgba(56, 189, 248, 0.2);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.theater-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: linear-gradient(135deg, #0b1a33 0%, #081426 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.theater-head-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theater-live-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #ef4444;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.theater-highlight-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #0284c7;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.theater-signal-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
}

.theater-head-left h2 {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

.theater-tournament-pill {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.04em;
}

.theater-screen-frame {
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #000000;
    position: relative;
    overflow: hidden;
}

.theater-screen-frame iframe,
.theater-screen-frame video {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.theater-standby-screen {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
}

.standby-content {
    max-width: 580px;
}

.standby-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
}

.standby-content h3 {
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.standby-content p {
    font-size: 13.5px;
    color: #94a3b8;
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.standby-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
}

.theater-external-link-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
    background: radial-gradient(circle at center, #0f2b54 0%, #061122 100%);
}

.ext-play-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0284c7;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    box-shadow: 0 0 24px rgba(2, 132, 199, 0.5);
}

.theater-external-link-card h3 {
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 6px 0;
}

.theater-external-link-card p {
    font-size: 13px;
    color: #94a3b8;
    margin: 0 0 16px 0;
}

.btn-theater-open-external {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #0284c7;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.16s ease;
}

.btn-theater-open-external:hover {
    background: #0369a1;
    transform: scale(1.04);
}

/* ── Match Info Deck ── */
.match-info-deck-pro {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
}

.match-deck-card {
    background: #091527;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.deck-team-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.deck-team-header small {
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.04em;
}

.deck-team-header h3 {
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
}

.btn-deck-team-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #38bdf8;
    text-decoration: none;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    transition: color 0.16s ease;
}

.btn-deck-team-link:hover {
    color: #7dd3fc;
    text-decoration: underline;
}

.match-deck-card.is-fixture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.deck-fixture-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.deck-fixture-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.deck-fixture-label {
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
}

.deck-fixture-value {
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    text-align: right;
}

/* ── Bottom Action Nav Bar ── */
.match-bottom-action-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 36px;
    flex-wrap: wrap;
}

.btn-match-nav-back,
.btn-match-nav-home {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.16s ease;
}

.btn-match-nav-back {
    background: #0284c7;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
}

.btn-match-nav-back:hover {
    background: #0369a1;
    transform: translateY(-1px);
}

.btn-match-nav-home {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #f1f5f9;
}

.btn-match-nav-home:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

@media (max-width: 900px) {
    .theater-scoreboard-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .theater-team.is-home,
    .theater-team.is-away {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .match-info-deck-pro {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: VIBRANT BRIGHT MATCH CENTER MASTERPIECE (VERSION 4.8.3)
   ========================================================================== */
.match-page-bright-pro {
    background-color: #f1f6fb !important;
    color: #0f172a !important;
}

.match-hero-bright-pro {
    position: relative;
    padding: clamp(36px, 5vw, 60px) 0 clamp(40px, 6vw, 68px);
    background: radial-gradient(130% 120% at 50% 0%, #e0f2fe 0%, #ebf5ff 45%, #f1f6fb 100%) !important;
    border-bottom: 1px solid rgba(2, 132, 199, 0.12);
    overflow: hidden;
}

.hero-bright-bg-pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#0284c7 0.75px, transparent 0.75px);
    background-size: 24px 24px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-bright-container {
    position: relative;
    z-index: 2;
}

.hero-bright-top-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.hero-stage-badge-bright {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #bae6fd;
    color: #0369a1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 2px 10px rgba(2, 132, 199, 0.08);
}

.hero-status-pill-bright {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.hero-status-pill-bright.status-scheduled {
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    color: #0284c7;
}

.hero-status-pill-bright.status-live {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4);
    animation: livePulseBright 2s infinite ease-in-out;
}

.hero-status-pill-bright.status-finished {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #15803d;
}

@keyframes livePulseBright {
    0%, 100% { transform: scale(1); box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4); }
    50% { transform: scale(1.05); box-shadow: 0 6px 22px rgba(239, 68, 68, 0.7); }
}

.hero-bright-clash-arena {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: clamp(16px, 3.5vw, 48px);
}

.team-bright-pod {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease;
}

.team-bright-pod:hover {
    transform: translateY(-3px);
}

.team-bright-pod.is-home {
    justify-content: flex-end;
    text-align: right;
}

.team-bright-pod.is-away {
    justify-content: flex-start;
    text-align: left;
}

.team-bright-kicker {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    letter-spacing: 0.06em;
    margin-bottom: 3px;
}

.team-bright-title {
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 900;
    color: #0f172a;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.team-bright-short-badge {
    display: inline-block;
    font-size: 13.5px;
    font-weight: 900;
    color: #0284c7;
    margin-top: 4px;
}

.crest-bright-wrapper {
    width: clamp(70px, 8vw, 92px);
    height: clamp(70px, 8vw, 92px);
    border-radius: 22px;
    background: #ffffff;
    border: 3px solid var(--team-color, #0284c7);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.16), 0 2px 6px rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.team-bright-pod:hover .crest-bright-wrapper {
    transform: scale(1.06);
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.24);
}

.crest-bright-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.crest-bright-wrapper b {
    font-size: 26px;
    font-weight: 900;
    color: #0f172a;
}

.center-score-bright-pod {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 190px;
}

.vs-bright-circle {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: var(--font-display, inherit);
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}

.score-bright-digits {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-display, inherit);
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 900;
    color: #0f172a;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 8px;
}

.score-bright-digits.is-live-glow {
    color: #ef4444;
}

.score-bright-digits .divider {
    color: #94a3b8;
}

.match-meta-bright-chips {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.meta-chip-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    background: rgba(255, 255, 255, 0.7);
    padding: 3px 12px;
    border-radius: 999px;
    border: 1px solid rgba(2, 132, 199, 0.15);
}

.meta-chip-item.is-time {
    color: #0369a1;
    font-weight: 800;
}

/* ── Bright Video Theater Card ── */
.match-theater-bright-section {
    padding: 36px 0 54px;
}

.match-video-theater-bright {
    background: #ffffff;
    border: 1px solid #bae6fd;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(2, 132, 199, 0.08), 0 2px 8px rgba(0,0,0,0.03);
}

.theater-bright-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
    border-bottom: 1px solid #e0f2fe;
}

.theater-bright-head-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theater-live-badge-bright {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: #ef4444;
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 800;
}

.theater-highlight-badge-bright {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: #0284c7;
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 800;
}

.theater-signal-badge-bright {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11.5px;
    font-weight: 800;
}

.theater-bright-head-left h2 {
    font-size: 16px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}

.tournament-sub-tag {
    font-size: 11.5px;
    font-weight: 800;
    color: #0369a1;
    letter-spacing: 0.04em;
}

.theater-bright-screen-frame {
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #000000;
    position: relative;
    overflow: hidden;
}

.theater-bright-screen-frame iframe,
.theater-bright-screen-frame video {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.theater-bright-standby-screen {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
}

.standby-bright-box {
    max-width: 580px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 28px 36px;
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.standby-bright-tag {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    color: #0284c7;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
}

.standby-bright-box h3 {
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.standby-bright-box p {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.standby-bright-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 8px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 800;
}

.theater-bright-ext-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

.ext-play-btn-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #0284c7;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.4);
}

.theater-bright-ext-card h3 {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.theater-bright-ext-card p {
    font-size: 13.5px;
    color: #475569;
    margin: 0 0 18px 0;
}

.btn-bright-open-stream {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 26px;
    border-radius: 999px;
    background: #0284c7;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35);
    transition: all 0.16s ease;
}

.btn-bright-open-stream:hover {
    background: #0369a1;
    transform: scale(1.04);
}

/* ── Bright Match Info Deck ── */
.match-deck-bright-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
}

.deck-bright-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.deck-bright-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.08);
}

.deck-team-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.deck-team-info small {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    letter-spacing: 0.05em;
}

.deck-team-info h3 {
    font-size: 17px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}

.btn-deck-link-bright {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 800;
    color: #0284c7;
    text-decoration: none;
    padding-top: 12px;
    border-top: 1px dashed #e2e8f0;
    transition: color 0.16s ease;
}

.btn-deck-link-bright:hover {
    color: #0369a1;
    text-decoration: underline;
}

.deck-bright-card.is-fixture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.fixture-bright-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.fixture-bright-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.fixture-lbl {
    font-size: 11.5px;
    font-weight: 800;
    color: #64748b;
}

.fixture-val {
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    text-align: right;
}

.fixture-val.is-time {
    color: #0284c7;
}

/* ── Bright Bottom Action Nav ── */
.match-nav-bright-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 36px;
    flex-wrap: wrap;
}

.btn-bright-primary-nav,
.btn-bright-secondary-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 13px 26px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.16s ease;
}

.btn-bright-primary-nav {
    background: #0284c7;
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.3);
}

.btn-bright-primary-nav:hover {
    background: #0369a1;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4);
}

.btn-bright-secondary-nav {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.btn-bright-secondary-nav:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
    transform: translateY(-2px);
}

@media (max-width: 900px) {
    .hero-bright-clash-arena {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .team-bright-pod.is-home,
    .team-bright-pod.is-away {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .match-deck-bright-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: HOMEPAGE LUXURY FIXTURES & MATCH SCHEDULE (VERSION 4.8.7)
   ========================================================================== */
.fixtures-section-pro-max {
    background: #f8fafc;
    padding: clamp(48px, 6vw, 80px) 0;
    position: relative;
}

.fixtures-pro-head {
    margin-bottom: 32px;
}

.official-schedule-status-pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}

.schedule-status-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.schedule-status-left .status-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.2);
}

.schedule-status-left strong {
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.04em;
}

.status-count-badge {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    background: #e0f2fe;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid #bae6fd;
}

.btn-schedule-back-admin {
    font-size: 12px;
    font-weight: 800;
    color: #0284c7;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 6px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    transition: all 0.16s ease;
}

.btn-schedule-back-admin:hover {
    background: #0284c7;
    color: #ffffff;
}

/* Date Filter Tabs Bar */
.fixtures-date-filter-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
}

.filter-tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.filter-tab-btn .tab-title {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.filter-tab-btn .tab-count {
    font-size: 11.5px;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 999px;
}

.filter-tab-btn:hover {
    border-color: #7dd3fc;
    color: #0284c7;
    transform: translateY(-1px);
}

.filter-tab-btn.is-active {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    border-color: #0284c7;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.3);
}

.filter-tab-btn.is-active .tab-count {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* Luxury Grid */
.fixtures-luxury-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 22px;
}

.fixture-card-lux {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
    overflow: hidden;
}

.fixture-card-lux:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(2, 132, 199, 0.1);
    border-color: #bae6fd;
}

.fixture-card-lux.is-live-card {
    border: 2px solid #ef4444;
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15);
}

/* Card Top */
.fixture-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.fixture-stage-tag {
    font-size: 11px;
    font-weight: 900;
    color: #0284c7;
    background: #e0f2fe;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fixture-datetime-venue {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #64748b;
    font-weight: 700;
}

.fixture-date-time {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #0f172a;
    font-weight: 800;
}

.fixture-venue-name {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Main Clash Arena */
.fixture-card-clash {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 10px 0 16px;
}

.fixture-team-pod {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fixture-team-pod.is-home {
    justify-content: flex-end;
    text-align: right;
}

.fixture-team-pod.is-away {
    justify-content: flex-start;
    text-align: left;
}

.fixture-team-name {
    display: block;
    font-size: 15.5px;
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
}

.fixture-team-short {
    display: block;
    font-size: 11.5px;
    font-weight: 800;
    color: #64748b;
    margin-top: 2px;
}

.fixture-crest-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #ffffff;
    border: 2px solid var(--home-color, #0284c7);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 4px;
    overflow: hidden;
}

.fixture-team-pod.is-away .fixture-crest-box {
    border-color: var(--away-color, #0284c7);
}

.fixture-crest-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fixture-crest-box b {
    font-size: 14px;
    font-weight: 900;
    color: #0f172a;
}

/* Center Result / VS */
.fixture-center-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 84px;
}

.fixture-score-wrap {
    font-family: var(--font-display, inherit);
    font-size: 26px;
    font-weight: 900;
    color: #0f172a;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.fixture-score-wrap.is-live {
    color: #ef4444;
}

.fixture-score-wrap .score-sep {
    color: #94a3b8;
}

.fixture-vs-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13.5px;
    font-weight: 900;
    color: #0284c7;
}

.fixture-badge-finished,
.fixture-badge-live,
.fixture-badge-scheduled {
    font-size: 10px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 999px;
    margin-top: 6px;
    letter-spacing: 0.04em;
}

.fixture-badge-finished {
    background: #f1f5f9;
    color: #475569;
}

.fixture-badge-live {
    background: #fee2e2;
    color: #ef4444;
    border: 1px solid #fca5a5;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.fixture-badge-scheduled {
    background: #e0f2fe;
    color: #0284c7;
}

/* Card Footer */
.fixture-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
    gap: 10px;
}

.fixture-media-pills {
    display: flex;
    align-items: center;
    gap: 6px;
}

.media-indicator-pill {
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 6px;
}

.media-indicator-pill.is-live {
    background: #fee2e2;
    color: #b91c1c;
}

.media-indicator-pill.is-video {
    background: #e0f2fe;
    color: #0369a1;
}

.btn-fixture-match-center {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 800;
    color: #0284c7;
    background: #f0f9ff;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid #bae6fd;
    text-decoration: none;
    transition: all 0.16s ease;
    margin-left: auto;
}

.btn-fixture-match-center:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

@media (max-width: 768px) {
    .fixtures-luxury-grid {
        grid-template-columns: 1fr;
    }
}






/* ==========================================================================
   UI/UX PRO MAX: LASER FOOTBALL INTO ISOMETRIC GOAL (VERSION 4.9.2)
   ========================================================================== */
.countdown-laser-goal-scene {
    position: relative;
    width: clamp(200px, 22vw, 280px);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
    margin-left: auto;
}

.laser-goal-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.laser-flying-ball {
    animation: laserBallFlight 3.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    transform-origin: 198px 35px;
}

@keyframes laserBallFlight {
    0% {
        transform: translate(-160px, 8px) scale(0.65) rotate(0deg);
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    68% {
        transform: translate(0px, 0px) scale(1) rotate(540deg);
        opacity: 1;
    }
    78% {
        transform: translate(14px, -1px) scale(0.96) rotate(640deg);
        filter: drop-shadow(0 0 16px #38bdf8);
    }
    86% {
        transform: translate(10px, 0px) scale(0.98) rotate(660deg);
    }
    100% {
        transform: translate(12px, 0px) scale(0.98) rotate(680deg);
        opacity: 1;
    }
}

.isometric-goal-net {
    animation: goalNetImpact 3.8s ease-in-out infinite;
    transform-origin: 210px 35px;
}

@keyframes goalNetImpact {
    0%, 68% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.03) translateX(3px);
        filter: drop-shadow(0 0 18px #38bdf8);
    }
    85% {
        transform: scale(0.99);
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width: 900px) {
    .countdown-laser-goal-scene {
        width: 220px;
        margin: 0 auto;
        justify-content: center;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: FULL-WIDTH HEADER-THEMED COUNTDOWN BAR (VERSION 4.9.3)
   ========================================================================== */
.home-page .countdown-bar-fullwidth-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg, rgba(3, 21, 52, 0.94) 0%, rgba(2, 14, 38, 0.98) 100%) !important;
    border-top: 1px solid rgba(56, 189, 248, 0.4) !important;
    box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    color: #ffffff !important;
}

.countdown-bar-inner {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) auto minmax(220px, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 36px) !important;
    padding: 12px 20px !important;
    min-height: 84px !important;
}

/* Left Brand Pod */
.countdown-bar-inner .countdown-brand-pod {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.countdown-bar-inner .countdown-pulse-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    color: #38bdf8;
    text-transform: uppercase;
}

.countdown-bar-inner .pulse-beacon-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35);
    animation: chronoBeaconPulse 1.8s infinite ease-in-out;
}

.countdown-bar-inner .countdown-title-text {
    font-size: clamp(16px, 1.8vw, 22px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Center Chrono Deck */
.countdown-bar-inner .countdown-chrono-deck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.countdown-bar-inner .chrono-card {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 12px !important;
    padding: 6px 12px !important;
    min-width: 56px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 14px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.countdown-bar-inner .chrono-card:hover {
    transform: translateY(-2px);
    border-color: #38bdf8 !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.countdown-bar-inner .chrono-card strong {
    font-family: var(--font-display, inherit);
    font-size: clamp(22px, 2.4vw, 28px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.countdown-bar-inner .chrono-card.is-seconds strong {
    color: #38bdf8 !important;
    text-shadow: 0 0 12px rgba(56, 189, 248, 0.6);
}

.countdown-bar-inner .chrono-card span {
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #cbd5e1 !important;
    letter-spacing: 0.06em;
    margin-top: 3px;
}

.countdown-bar-inner .chrono-sep {
    font-family: var(--font-display, inherit);
    font-size: 20px;
    font-weight: 900;
    color: #38bdf8;
    line-height: 1;
    margin-bottom: 6px;
    animation: chronoBlink 1s infinite steps(1);
}

/* Right Laser Goal Scene */
.countdown-bar-inner .countdown-laser-goal-scene {
    position: relative;
    width: clamp(200px, 22vw, 280px);
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
    margin-left: auto;
}

@media (max-width: 900px) {
    .countdown-bar-inner {
        grid-template-columns: 1fr !important;
        text-align: center;
        gap: 12px !important;
        padding: 14px 12px !important;
    }
    .countdown-bar-inner .countdown-brand-pod {
        align-items: center;
    }
    .countdown-bar-inner .countdown-chrono-deck {
        justify-content: center;
    }
    .countdown-bar-inner .countdown-laser-goal-scene {
        width: 220px;
        margin: 0 auto;
        justify-content: center;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: DARK BLUE GRADIENT KICK-OFF CHRONO (VERSION 4.9.4)
   ========================================================================== */
.home-page .countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    margin: 0;
    padding: 0;
    background: 
        radial-gradient(circle at 82% 40%, rgba(56, 189, 248, 0.22) 0%, rgba(2, 132, 199, 0.06) 45%, transparent 70%),
        radial-gradient(circle at 18% 50%, rgba(14, 165, 233, 0.15) 0%, transparent 55%),
        linear-gradient(135deg, #021028 0%, #062354 42%, #0a3473 70%, #031638 100%) !important;
    border-top: 2px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 -12px 40px rgba(0, 8, 26, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    color: #ffffff !important;
    overflow: hidden;
}

.countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 30%, #facc15 50%, #38bdf8 70%, #0284c7 100%);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.85);
    pointer-events: none;
    z-index: 2;
}

.countdown-bg-mesh {
    position: absolute;
    inset: 0;
    opacity: 0.04;
    background-image: 
        linear-gradient(90deg, #ffffff 1px, transparent 1px),
        linear-gradient(180deg, #ffffff 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

.countdown-bar-inner {
    position: relative;
    z-index: 3;
    display: grid !important;
    grid-template-columns: minmax(200px, 1fr) auto minmax(240px, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3.5vw, 40px) !important;
    padding: 12px 20px !important;
    min-height: 86px !important;
}

/* Left Brand Pod */
.countdown-bar-inner .countdown-brand-pod {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.countdown-bar-inner .countdown-pulse-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    color: #fde047;
    text-transform: uppercase;
}

.countdown-bar-inner .pulse-beacon-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.4);
    animation: chronoBeaconPulse 1.8s infinite ease-in-out;
}

.countdown-bar-inner .countdown-title-text {
    font-size: clamp(16px, 1.8vw, 22px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

/* Center Chrono Deck */
.countdown-bar-inner .countdown-chrono-deck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.countdown-bar-inner .chrono-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    border-radius: 12px !important;
    padding: 6px 12px !important;
    min-width: 58px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(0, 10, 30, 0.45) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}

.countdown-bar-inner .chrono-card:hover {
    transform: translateY(-3px) scale(1.03);
    border-color: #38bdf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 24px rgba(2, 132, 199, 0.4) !important;
}

.countdown-bar-inner .chrono-card strong {
    font-family: var(--font-display, inherit);
    font-size: clamp(22px, 2.4vw, 30px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.countdown-bar-inner .chrono-card.is-seconds strong {
    color: #38bdf8 !important;
    text-shadow: 0 0 14px rgba(56, 189, 248, 0.7);
}

.countdown-bar-inner .chrono-card span {
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #cbd5e1 !important;
    letter-spacing: 0.06em;
    margin-top: 3px;
}

.countdown-bar-inner .chrono-sep {
    font-family: var(--font-display, inherit);
    font-size: 22px;
    font-weight: 900;
    color: #38bdf8;
    line-height: 1;
    margin-bottom: 6px;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.6);
    animation: chronoBlink 1s infinite steps(1);
}

/* Right Laser Goal Scene */
.countdown-bar-inner .countdown-laser-goal-scene {
    position: relative;
    width: clamp(210px, 23vw, 290px);
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
    margin-left: auto;
}

.countdown-bar-inner .laser-goal-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.countdown-bar-inner .laser-flying-ball {
    animation: laserBallFlight 3.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    transform-origin: 204px 35px;
}

.countdown-bar-inner .isometric-goal-net {
    animation: goalNetImpact 3.8s ease-in-out infinite;
    transform-origin: 216px 35px;
}

@media (max-width: 900px) {
    .countdown-bar-inner {
        grid-template-columns: 1fr !important;
        text-align: center;
        gap: 12px !important;
        padding: 14px 12px !important;
    }
    .countdown-bar-inner .countdown-brand-pod {
        align-items: center;
    }
    .countdown-bar-inner .countdown-chrono-deck {
        justify-content: center;
    }
    .countdown-bar-inner .countdown-laser-goal-scene {
        width: 230px;
        margin: 0 auto;
        justify-content: center;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: MASTERPIECE DARK BLUE GRADIENT COUNTDOWN (VERSION 4.9.5)
   ========================================================================== */
.home-page .countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    margin: 0;
    padding: 0;
    background: 
        radial-gradient(ellipse at 80% 45%, rgba(56, 189, 248, 0.26) 0%, rgba(2, 132, 199, 0.08) 45%, transparent 70%),
        radial-gradient(circle at 20% 50%, rgba(14, 165, 233, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, #020c22 0%, #051d47 40%, #082d68 70%, #021230 100%) !important;
    border-top: 2px solid rgba(56, 189, 248, 0.55) !important;
    box-shadow: 0 -14px 45px rgba(0, 5, 20, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    color: #ffffff !important;
    overflow: hidden;
}

.countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 25%, #facc15 50%, #38bdf8 75%, #0284c7 100%);
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.9);
    pointer-events: none;
    z-index: 2;
}

.countdown-ambient-glow {
    position: absolute;
    right: 15%;
    top: -30px;
    width: 280px;
    height: 140px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
    animation: ambientGlowShift 6s ease-in-out infinite alternate;
}

@keyframes ambientGlowShift {
    0% { transform: translateX(-20px) scale(0.9); opacity: 0.7; }
    100% { transform: translateX(30px) scale(1.1); opacity: 1; }
}

.countdown-bar-inner {
    position: relative;
    z-index: 3;
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) auto minmax(250px, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3.5vw, 40px) !important;
    padding: 12px 20px !important;
    min-height: 86px !important;
}

/* Left Brand Pod */
.countdown-brand-pod {
    display: flex;
    align-items: center;
}

.countdown-event-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
}

.countdown-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.4);
    animation: chronoBeaconPulse 1.8s infinite ease-in-out;
    flex-shrink: 0;
}

.countdown-title-text {
    font-size: clamp(16px, 1.8vw, 21px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
}

/* Center Chrono Deck */
.countdown-chrono-deck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.chrono-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 13px !important;
    padding: 7px 13px !important;
    min-width: 60px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 22px rgba(0, 8, 26, 0.5) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}

.chrono-card:hover {
    transform: translateY(-3px) scale(1.04);
    border-color: #38bdf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 10px 28px rgba(2, 132, 199, 0.5) !important;
}

.chrono-card strong {
    font-family: var(--font-display, inherit);
    font-size: clamp(23px, 2.5vw, 31px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.chrono-card.is-seconds strong {
    color: #38bdf8 !important;
    text-shadow: 0 0 16px rgba(56, 189, 248, 0.8);
}

.chrono-card span {
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #fde047 !important;
    letter-spacing: 0.08em;
    margin-top: 3px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.chrono-sep {
    font-family: var(--font-display, inherit);
    font-size: 22px;
    font-weight: 900;
    color: #38bdf8;
    line-height: 1;
    margin-bottom: 6px;
    text-shadow: 0 0 12px rgba(56, 189, 248, 0.7);
    animation: chronoBlink 1s infinite steps(1);
}

/* Right Laser Goal Scene */
.countdown-laser-goal-scene {
    position: relative;
    width: clamp(220px, 24vw, 300px);
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
    margin-left: auto;
}

.laser-goal-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.speed-spark-1 {
    animation: sparkPulse 2s infinite ease-in-out;
}
.speed-spark-2 {
    animation: sparkPulse 2s infinite ease-in-out 0.8s;
}

@keyframes sparkPulse {
    0%, 100% { opacity: 0.2; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.4); filter: drop-shadow(0 0 6px #38bdf8); }
}

.laser-flying-ball {
    animation: laserBallFlight 3.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    transform-origin: 212px 35px;
}

.isometric-goal-net {
    animation: goalNetImpact 3.8s ease-in-out infinite;
    transform-origin: 224px 35px;
}

@media (max-width: 900px) {
    .countdown-bar-inner {
        grid-template-columns: 1fr !important;
        text-align: center;
        gap: 12px !important;
        padding: 14px 12px !important;
    }
    .countdown-brand-pod {
        justify-content: center;
    }
    .countdown-chrono-deck {
        justify-content: center;
    }
    .countdown-laser-goal-scene {
        width: 240px;
        margin: 0 auto;
        justify-content: center;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: KHAI MAC BADGE & PERFECT MOBILE COUNTDOWN (VERSION 4.9.6)
   ========================================================================== */
.countdown-khai-mac-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.45);
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.countdown-khai-mac-pill:hover {
    border-color: #38bdf8;
    transform: translateY(-1px);
}

.khai-mac-glow-radar {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.khai-mac-glow-radar i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.4);
    animation: chronoBeaconPulse 1.8s infinite ease-in-out;
}

.khai-mac-title {
    font-size: clamp(14px, 1.6vw, 18px);
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 60%, #bae6fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    line-height: 1;
}

/* --- Responsive Layout for Mobile & Tablet --- */
@media (max-width: 900px) {
    .home-page .countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro {
        position: relative !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        margin-top: -2px;
    }

    .countdown-bar-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 14px 16px !important;
        min-height: auto !important;
    }

    .countdown-brand-pod {
        order: 1;
        margin: 0;
        justify-content: center;
    }

    .countdown-chrono-deck {
        order: 2;
        justify-content: center;
        gap: 6px;
    }

    .countdown-laser-goal-scene {
        order: 3;
        width: clamp(200px, 65vw, 250px);
        height: 52px;
        margin: 0 auto;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .countdown-bar-inner {
        padding: 10px 8px !important;
        gap: 8px !important;
    }

    .countdown-khai-mac-pill {
        padding: 4px 12px;
        gap: 6px;
    }

    .khai-mac-title {
        font-size: 13.5px !important;
        letter-spacing: 0.04em;
    }

    .countdown-chrono-deck {
        gap: 4px;
    }

    .chrono-card {
        min-width: 48px !important;
        padding: 5px 6px !important;
        border-radius: 10px !important;
    }

    .chrono-card strong {
        font-size: 20px !important;
    }

    .chrono-card span {
        font-size: 8px !important;
        margin-top: 2px !important;
    }

    .chrono-sep {
        font-size: 16px !important;
        margin-bottom: 4px !important;
    }

    .countdown-laser-goal-scene {
        width: 185px !important;
        height: 44px !important;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: PINNACLE COUNTDOWN CHRONO (VERSION 4.9.7)
   ========================================================================== */
.home-page .countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    margin: 0;
    padding: 0;
    background: 
        radial-gradient(ellipse at 80% 45%, rgba(56, 189, 248, 0.28) 0%, rgba(2, 132, 199, 0.08) 45%, transparent 70%),
        radial-gradient(circle at 18% 50%, rgba(14, 165, 233, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, #020a1c 0%, #051b42 40%, #082962 70%, #020e2a 100%) !important;
    border-top: 2px solid rgba(56, 189, 248, 0.55) !important;
    box-shadow: 0 -14px 45px rgba(0, 5, 20, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    color: #ffffff !important;
    overflow: hidden;
}

.countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 25%, #facc15 50%, #38bdf8 75%, #0284c7 100%);
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.9);
    pointer-events: none;
    z-index: 2;
}

.countdown-ambient-glow {
    position: absolute;
    right: 12%;
    top: -30px;
    width: 280px;
    height: 140px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, transparent 70%);
    filter: blur(22px);
    pointer-events: none;
    animation: ambientGlowShift 6s ease-in-out infinite alternate;
}

.countdown-bar-inner {
    position: relative;
    z-index: 3;
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) auto minmax(250px, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3.5vw, 40px) !important;
    padding: 12px 20px !important;
    min-height: 86px !important;
}

/* Left Brand Pod */
.countdown-brand-pod {
    display: flex;
    align-items: center;
}

.countdown-khai-mac-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.45);
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.countdown-khai-mac-pill:hover {
    border-color: #38bdf8;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.khai-mac-glow-radar {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.khai-mac-glow-radar i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.45);
    animation: chronoBeaconPulse 1.8s infinite ease-in-out;
}

.khai-mac-title {
    font-size: clamp(14.5px, 1.6vw, 18px);
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 60%, #bae6fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    line-height: 1;
}

/* Center Chrono Deck */
.countdown-chrono-deck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.chrono-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 13px !important;
    padding: 7px 13px !important;
    min-width: 60px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 22px rgba(0, 8, 26, 0.5) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}

.chrono-card:hover {
    transform: translateY(-3px) scale(1.04);
    border-color: #38bdf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 10px 28px rgba(2, 132, 199, 0.5) !important;
}

.chrono-card strong {
    font-family: var(--font-display, inherit);
    font-size: clamp(23px, 2.5vw, 31px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.chrono-card.is-seconds strong {
    color: #38bdf8 !important;
    text-shadow: 0 0 16px rgba(56, 189, 248, 0.8);
}

.chrono-card span {
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #fde047 !important;
    letter-spacing: 0.08em;
    margin-top: 3px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.chrono-sep {
    font-family: var(--font-display, inherit);
    font-size: 22px;
    font-weight: 900;
    color: #38bdf8;
    line-height: 1;
    margin-bottom: 6px;
    text-shadow: 0 0 12px rgba(56, 189, 248, 0.7);
    animation: chronoBlink 1s infinite steps(1);
}

/* Right Laser Goal Scene */
.countdown-laser-goal-scene {
    position: relative;
    width: clamp(220px, 24vw, 300px);
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
    margin-left: auto;
}

.laser-goal-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.speed-spark-1 {
    animation: sparkPulse 2s infinite ease-in-out;
}
.speed-spark-2 {
    animation: sparkPulse 2s infinite ease-in-out 0.8s;
}

.laser-flying-ball {
    animation: laserBallFlight 3.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    transform-origin: 212px 35px;
}

.isometric-goal-net {
    animation: goalNetImpact 3.8s ease-in-out infinite;
    transform-origin: 224px 35px;
}

/* --- Mobile & Tablet Responsive Layout --- */
@media (max-width: 900px) {
    .home-page .countdown-bar-fullwidth-wrap.countdown-dark-gradient-pro {
        position: relative !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        margin-top: -2px;
    }

    .countdown-bar-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 14px 16px !important;
        min-height: auto !important;
    }

    .countdown-brand-pod {
        order: 1;
        margin: 0;
        justify-content: center;
    }

    .countdown-chrono-deck {
        order: 2;
        justify-content: center;
        gap: 6px;
    }

    .countdown-laser-goal-scene {
        order: 3;
        width: clamp(200px, 65vw, 250px);
        height: 52px;
        margin: 0 auto;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .countdown-bar-inner {
        padding: 10px 8px !important;
        gap: 8px !important;
    }

    .countdown-khai-mac-pill {
        padding: 4px 12px;
        gap: 6px;
    }

    .khai-mac-title {
        font-size: 13.5px !important;
        letter-spacing: 0.04em;
    }

    .countdown-chrono-deck {
        gap: 4px;
    }

    .chrono-card {
        min-width: 48px !important;
        padding: 5px 6px !important;
        border-radius: 10px !important;
    }

    .chrono-card strong {
        font-size: 20px !important;
    }

    .chrono-card span {
        font-size: 8px !important;
        margin-top: 2px !important;
    }

    .chrono-sep {
        font-size: 16px !important;
        margin-bottom: 4px !important;
    }

    .countdown-laser-goal-scene {
        width: 185px !important;
        height: 44px !important;
    }
}












/* ==========================================================================
   UI/UX PRO MAX: EXACT IMAGE REFERENCE WHITE LUXURY FULLWIDTH COUNTDOWN (V5.0.4)
   ========================================================================== */
.home-page .countdown-bar-fullwidth-wrap.countdown-white-luxury-bar {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    z-index: 15 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    background: #08254b !important;
}

.countdown-white-strip {
    pointer-events: auto;
    width: 100% !important;
    background: linear-gradient(90deg, #ffffff 0%, #f0f9ff 55%, #e0f2fe 100%) !important;
    border-top: 3.5px solid #0ea5e9 !important;
    box-shadow: 0 -8px 30px rgba(2, 132, 199, 0.22), 0 -2px 6px rgba(0, 0, 0, 0.04) !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
}

.countdown-white-inner {
    display: grid !important;
    grid-template-columns: minmax(160px, 1fr) auto minmax(220px, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 40px) !important;
    padding: 10px 24px !important;
    min-height: 84px !important;
}

/* Left: Khai Mac Title with Cyan Vertical Bar */
.countdown-white-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.countdown-vertical-bar {
    display: inline-block !important;
    width: 4.5px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #0284c7 !important;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6) !important;
}

.countdown-white-title {
    font-size: clamp(16px, 1.8vw, 20px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #072146 !important;
    line-height: 1 !important;
}

/* Center: 4 Floating White Chrono Cards */
.countdown-white-chrono-deck {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.white-chrono-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 7px 13px !important;
    min-width: 58px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 22px rgba(2, 132, 199, 0.16), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    border: 1.5px solid rgba(186, 230, 253, 0.7) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.white-chrono-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(2, 132, 199, 0.25) !important;
}

.card-cyan-accent {
    width: 32px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #38bdf8 !important;
    margin-bottom: 3px !important;
    box-shadow: 0 0 6px rgba(56, 189, 248, 0.6) !important;
}

.white-chrono-card strong {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(23px, 2.5vw, 30px) !important;
    font-weight: 900 !important;
    color: #0284c7 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
}

.white-chrono-card.is-seconds strong {
    color: #0284c7 !important;
    text-shadow: 0 0 10px rgba(2, 132, 199, 0.3) !important;
}

.white-chrono-card span {
    font-size: 8.5px !important;
    font-weight: 900 !important;
    color: #475569 !important;
    letter-spacing: 0.08em !important;
    margin-top: 3px !important;
    text-transform: uppercase !important;
}

.white-chrono-sep {
    font-family: var(--font-display, inherit) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #38bdf8 !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.5) !important;
    animation: chronoBlink 1s infinite steps(1) !important;
}

/* Right: Laser Goal Stage */
.countdown-white-goal-stage {
    position: relative !important;
    width: clamp(200px, 22vw, 270px) !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    overflow: visible !important;
    margin-left: auto !important;
}

.white-laser-goal-svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
}

/* Mobile & Tablet Responsive Layout */
@media (max-width: 900px) {
    .home-page .countdown-bar-fullwidth-wrap.countdown-white-luxury-bar {
        position: relative !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        margin-top: -2px;
        padding: 0 !important;
    }

    .countdown-white-strip {
        border-radius: 18px 18px 0 0 !important;
    }

    .countdown-white-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 12px 10px !important;
        gap: 10px !important;
    }

    .countdown-white-brand {
        justify-content: center !important;
    }

    .countdown-white-chrono-deck {
        justify-content: center !important;
        gap: 5px !important;
    }

    .white-chrono-card {
        min-width: 48px !important;
        padding: 5px 8px !important;
        border-radius: 10px !important;
    }

    .white-chrono-card strong {
        font-size: 19px !important;
    }

    .white-chrono-card span {
        font-size: 7.5px !important;
    }

    .countdown-white-goal-stage {
        width: 200px !important;
        height: 46px !important;
        margin: 0 auto !important;
        justify-content: center !important;
    }
}


/* ==========================================================================
   UI/UX PRO MAX: COMPREHENSIVE HOMEPAGE MOBILE OPTIMIZATION SUITE (V5.0.6)
   Fixes all layout clipping, overlap, overflow, spacing & scaling issues
   ========================================================================== */

/* 1. Global Viewport & Container Mobile Safeguards */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

@media (max-width: 900px) {
    .container {
        padding-left: clamp(12px, 4vw, 20px) !important;
        padding-right: clamp(12px, 4vw, 20px) !important;
    }
}

/* 2. Hero Section Mobile Optimization */
@media (max-width: 900px) {
    .home-page .hero {
        min-height: auto !important;
        padding-bottom: 0 !important;
    }

    .home-page .hero-content {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-top: clamp(100px, 15vw, 130px) !important;
        padding-bottom: 24px !important; /* Fixed: Removed giant blank gap */
    }

    .home-page .hero-copy {
        min-height: auto !important;
        max-width: 100% !important;
        padding: clamp(18px, 4vw, 26px) clamp(14px, 3.5vw, 22px) !important;
        border-radius: 18px !important;
    }

    .home-page .hero-broadcast-tag {
        font-size: clamp(6.5px, 2vw, 8px) !important;
        min-height: 28px !important;
        margin-bottom: 12px !important;
    }

    .home-page .season-pill {
        font-size: clamp(7.5px, 2.2vw, 9px) !important;
        margin-bottom: 14px !important;
    }

    .home-page .hero h1 {
        font-size: clamp(34px, 9vw, 56px) !important;
        line-height: 1.05 !important;
        word-break: break-word !important;
    }

    .home-page .hero-title-football {
        width: 100% !important;
        max-width: 360px !important;
        height: 38px !important;
        margin-top: 6px !important;
    }

    /* Fixed: Restore & beautify .hero-event-board on mobile instead of hiding */
    .home-page .hero-event-board {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
        padding: 14px !important;
        margin: 18px 0 14px !important;
        background: rgba(4, 25, 62, 0.7) !important;
        border: 1px solid rgba(56, 189, 248, 0.25) !important;
        border-radius: 14px !important;
        backdrop-filter: blur(10px) !important;
    }

    .home-page .hero-event-brand {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .home-page .hero-event-brand .hero-crest {
        width: 44px !important;
        height: 44px !important;
        object-fit: contain !important;
    }

    .home-page .hero-side-label {
        font-size: 8.5px !important;
        line-height: 1.3 !important;
    }

    .home-page .hero-event-facts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .home-page .hero-date,
    .home-page .hero-location {
        padding: 8px 10px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(56, 189, 248, 0.15) !important;
    }

    .home-page .hero-date strong,
    .home-page .hero-location strong {
        font-size: 14px !important;
    }

    .home-page .hero-date span,
    .home-page .hero-location span {
        font-size: 8px !important;
    }

    .home-page .hero-manifesto {
        margin: 16px 0 20px !important;
        gap: 8px !important;
    }

    .home-page .hero-manifesto > p,
    .home-page .hero-manifesto > p.is-bridge {
        min-height: auto !important;
        padding: 12px 14px !important;
        grid-template-columns: auto 1fr !important;
        gap: 10px !important;
        border-radius: 12px !important;
    }

    .home-page .hero-manifesto > p > strong {
        font-size: clamp(12px, 3.2vw, 14px) !important;
        line-height: 1.45 !important;
    }

    .home-page .hero-actions {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }

    .home-page .hero-actions .btn-primary,
    .home-page .hero-actions .text-link {
        width: 100% !important;
        justify-content: center !important;
        min-height: 48px !important;
        text-align: center !important;
    }

    .home-page .hero-presentation {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .home-page .hero-visual-stage {
        height: clamp(260px, 60vw, 420px) !important;
        border-radius: 16px !important;
    }
}

/* 3. Countdown Bar Mobile Optimization */
@media (max-width: 900px) {
    .home-page .countdown-bar-fullwidth-wrap.countdown-white-luxury-bar {
        position: relative !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .countdown-white-strip {
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -6px 20px rgba(2, 132, 199, 0.15) !important;
    }

    .countdown-white-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 14px 10px 10px !important;
        gap: 12px !important;
        min-height: auto !important;
    }

    .countdown-white-brand {
        justify-content: center !important;
    }

    .countdown-white-title {
        font-size: 16px !important;
    }

    .countdown-white-chrono-deck {
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .white-chrono-card {
        flex: 1 1 0px !important;
        max-width: 72px !important;
        min-width: 44px !important;
        padding: 6px 4px !important;
        border-radius: 11px !important;
    }

    .card-cyan-accent {
        width: 24px !important;
        height: 2.5px !important;
        margin-bottom: 3px !important;
    }

    .white-chrono-card strong {
        font-size: clamp(18px, 5.5vw, 24px) !important;
    }

    .white-chrono-card span {
        font-size: clamp(7px, 2vw, 8.5px) !important;
    }

    .white-chrono-sep {
        font-size: 16px !important;
        margin-bottom: 2px !important;
    }

    .countdown-white-goal-stage {
        width: min(100%, 220px) !important;
        height: 48px !important;
        margin: 0 auto !important;
        justify-content: center !important;
    }
}

/* 4. Competition Ribbon Mobile Optimization */
@media (max-width: 900px) {
    .competition-ribbon-inner {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 14px !important;
        padding: 16px 12px !important;
    }

    .competition-ribbon-brand {
        justify-content: center !important;
    }

    .competition-ribbon-facts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        gap: 10px !important;
    }

    .competition-ribbon-fact {
        padding: 8px 10px !important;
        border-radius: 10px !important;
    }
}

/* 5. Match Center & Fixtures Mobile Optimization */
@media (max-width: 768px) {
    .fixtures-luxury-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .official-schedule-status-pro {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    .fixtures-date-filter-bar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        flex-wrap: nowrap !important;
        padding-bottom: 6px !important;
    }

    .fixtures-date-filter-bar::-webkit-scrollbar {
        display: none !important;
    }

    .filter-tab-btn {
        flex: 0 0 auto !important;
        padding: 8px 14px !important;
    }

    .fixture-card-lux {
        padding: 14px 12px !important;
        border-radius: 16px !important;
    }

    .fixture-card-top {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    .fixture-stage-tag {
        font-size: 9.5px !important;
        padding: 3px 8px !important;
    }

    .fixture-datetime-venue {
        font-size: 11px !important;
        gap: 6px !important;
    }

    .fixture-card-clash {
        grid-template-columns: 1fr auto 1fr !important;
        gap: 6px !important;
        padding: 6px 0 12px !important;
    }

    .fixture-team-pod {
        gap: 6px !important;
    }

    .fixture-crest-box {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        padding: 3px !important;
    }

    .fixture-team-name {
        font-size: clamp(12px, 3.4vw, 14px) !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }

    .fixture-team-short {
        font-size: 10px !important;
    }

    .fixture-center-result {
        min-width: 60px !important;
    }

    .fixture-score-wrap {
        font-size: 20px !important;
        gap: 2px !important;
    }

    .fixture-vs-circle {
        width: 32px !important;
        height: 32px !important;
        font-size: 11px !important;
    }

    .fixture-card-footer {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding-top: 10px !important;
    }

    .btn-fixture-match-center {
        width: 100% !important;
        justify-content: center !important;
        min-height: 38px !important;
        margin-left: 0 !important;
    }
}

/* 6. Slogan, Spirit & Manifesto Mobile Optimization */
@media (max-width: 768px) {
    .slogan-inner {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .slogan-mark img {
        width: 64px !important;
        height: 64px !important;
        margin: 0 auto !important;
    }

    .slogan-heading h2 {
        font-size: clamp(26px, 7vw, 36px) !important;
    }

    .slogan-statement > p {
        padding: 12px 14px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

/* 7. Trailer & Video Library Mobile Optimization */
@media (max-width: 768px) {
    .trailer-layout {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .trailer-library-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

    
/* ── LOGO GIẢI ĐẤU ĐƠN LẺ SANG TRỌNG (TRAILER LOGO ONLY) ── */
.trailer-identity {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
}

.trailer-logo-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    padding: 8px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(2, 132, 199, 0.18) 70%, rgba(2, 6, 23, 0.4) 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 30px rgba(0, 8, 28, 0.45), 0 0 20px rgba(56, 189, 248, 0.35), inset 0 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.trailer-logo-standalone:hover {
    transform: scale(1.08) translateY(-2px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 40px rgba(2, 132, 199, 0.45), 0 0 32px rgba(56, 189, 248, 0.5) !important;
}

.trailer-logo-crest {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45)) !important;
}

@media (max-width: 640px) {
    .trailer-logo-standalone {
        width: 66px !important;
        height: 66px !important;
        padding: 6px !important;
    }
}

.trailer-title-promax {
    margin: 16px 0 14px 0 !important;
    color: #ffffff !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(34px, 4.6vw, 56px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

.trailer-title-promax span {
    background: linear-gradient(135deg, #ffffff 25%, #e0f2fe 70%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 20px rgba(2, 132, 199, 0.45)) !important;
    display: inline-block !important;
}

.trailer-title-promax::after {
    display: none !important;
}

.trailer-desc-wrap {
    margin: 6px 0 24px 0 !important;
    padding: 16px 20px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(56, 189, 248, 0.04)) !important;
    border-left: 3.5px solid #38bdf8 !important;
    border-top: none !important;
    border-radius: 0 14px 14px 0 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 10, 30, 0.25) !important;
    backdrop-filter: blur(10px) !important;
}

.trailer-desc-wrap .trailer-desc-promax {
    margin: 0 !important;
    color: #e2f4fb !important;
    font-size: clamp(14.5px, 1.15vw, 16.5px) !important;
    line-height: 1.7 !important;
    font-weight: 450 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

.trailer-stage.trailer-stage-promax {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 60px -15px rgba(0, 8, 28, 0.8), 0 0 0 1px rgba(56, 189, 248, 0.35), 0 0 40px rgba(2, 132, 199, 0.25) !important;
    background: #020617 !important;
    aspect-ratio: 16 / 9 !important;
    align-self: center !important;
}

.trailer-stage-inner {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.trailer-stage.trailer-stage-promax img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.trailer-stage.trailer-stage-promax:hover img {
    transform: scale(1.05) !important;
}

.trailer-stage-shade {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2, 8, 23, 0.3) 0%, transparent 40%, rgba(2, 8, 23, 0.65) 100%) !important;
    pointer-events: none !important;
}

/* Floating Top Badge on Stage */
.trailer-screen-top-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.trailer-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: rgba(2, 8, 23, 0.7) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    backdrop-filter: blur(8px) !important;
}

.trailer-badge-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 6px #38bdf8 !important;
}

/* Floating Bottom Title Bar on Stage */
.trailer-screen-bottom-bar {
    position: absolute !important;
    bottom: 14px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 4 !important;
    pointer-events: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.trailer-screen-title {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;
    background: rgba(2, 8, 23, 0.6) !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(6px) !important;
}

/* Central Play Button with Wave */
.trailer-play-promax {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 5 !important;
    width: 76px !important;
    height: 76px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(2, 10, 30, 0.82) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.6), 0 0 35px rgba(56, 189, 248, 0.4) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.play-ripple {
    position: absolute !important;
    inset: -12px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(56, 189, 248, 0.4) !important;
    animation: playRippleWave 2.5s infinite ease-out !important;
    pointer-events: none !important;
}

@keyframes playRippleWave {
    0% { transform: scale(0.85); opacity: 0.8; }
    100% { transform: scale(1.4); opacity: 0; }
}

.trailer-play-promax:hover {
    transform: translate(-50%, -50%) scale(1.12) !important;
    background: #0284c7 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 18px 50px rgba(2, 132, 199, 0.6), 0 0 50px rgba(56, 189, 248, 0.75) !important;
}

.trailer-play-promax .play-icon-wrap svg {
    width: 32px !important;
    height: 32px !important;
    margin-left: 4px !important;
}

/* ── RESPONSIVE MEDIA QUERIES ── */
@media (max-width: 1024px) {
    .trailer-layout {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
    
    .trailer-stage.trailer-stage-promax {
        max-width: 720px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
}

@media (max-width: 640px) {
    
/* ── LOGO GIẢI ĐẤU ĐƠN LẺ SANG TRỌNG (TRAILER LOGO ONLY) ── */
.trailer-identity {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
}

.trailer-logo-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    padding: 8px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(2, 132, 199, 0.18) 70%, rgba(2, 6, 23, 0.4) 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 30px rgba(0, 8, 28, 0.45), 0 0 20px rgba(56, 189, 248, 0.35), inset 0 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.trailer-logo-standalone:hover {
    transform: scale(1.08) translateY(-2px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 40px rgba(2, 132, 199, 0.45), 0 0 32px rgba(56, 189, 248, 0.5) !important;
}

.trailer-logo-crest {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45)) !important;
}
}

@media (max-width: 640px) {
    .trailer-logo-standalone {
        width: 66px !important;
        height: 66px !important;
        padding: 6px !important;
    }
}




/* ── CƠ CẤU GIẢI THƯỞNG METRICS PILL (UI/UX PRO MAX) ── */
.home-page .awards-heading-meta.awards-heading-meta-promax {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: auto !important;
    grid-template-columns: none !important;
}

.awards-stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 10px 22px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(2, 132, 199, 0.14) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0, 8, 28, 0.4), inset 0 1px rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(14px) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.awards-stat-pill:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 14px 36px rgba(2, 132, 199, 0.35), 0 0 20px rgba(56, 189, 248, 0.3) !important;
    transform: translateY(-2px) !important;
}

.awards-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.awards-stat-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(2, 132, 199, 0.1)) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    color: #38bdf8 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 8, 28, 0.25) !important;
}

.awards-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}

.awards-stat-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: left !important;
}

.awards-stat-info strong {
    font-family: var(--font-display, inherit) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 30%, #7dd3fc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.awards-stat-info small {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #bae6fd !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
}

.awards-stat-divider {
    width: 1px !important;
    height: 32px !important;
    background: rgba(56, 189, 248, 0.25) !important;
    margin: 0 4px !important;
    flex-shrink: 0 !important;
}

@media (max-width: 640px) {
    .home-page .awards-heading-meta.awards-heading-meta-promax {
        justify-content: flex-start !important;
        width: 100% !important;
    }
    .awards-stat-pill {
        width: 100% !important;
        justify-content: space-around !important;
        padding: 8px 14px !important;
        gap: 10px !important;
    }
}



/* ==========================================================================
   CƠ CẤU GIẢI THƯỞNG - GRAND HALL OF HONORS (UI/UX PRO MAX ISOLATED)
   ========================================================================== */
body.home-page .awards-section {
    position: relative !important;
    isolation: isolate !important;
    padding: 100px 0 !important;
    background: radial-gradient(circle at 50% 20%, rgba(245, 158, 11, 0.16) 0%, transparent 50%),
                radial-gradient(circle at 15% 55%, rgba(2, 132, 199, 0.18) 0%, transparent 50%),
                radial-gradient(circle at 85% 75%, rgba(16, 185, 129, 0.14) 0%, transparent 45%),
                linear-gradient(135deg, #020a1c 0%, #05193d 50%, #03102b 100%) !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

body.home-page .awards-section::before {
    content: 'HALL OF HONORS' !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -25px !important;
    transform: translateX(-50%) !important;
    color: transparent !important;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.04) !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(80px, 12vw, 160px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.awards-atmosphere {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

.awards-glow-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
}

.awards-glow-gold {
    width: 520px;
    height: 520px;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(245, 158, 11, 0.18);
}

.awards-glow-cyan {
    width: 580px;
    height: 580px;
    bottom: 10%;
    left: -150px;
    background: rgba(2, 132, 199, 0.18);
}

.awards-glow-emerald {
    width: 440px;
    height: 440px;
    bottom: -50px;
    right: 10%;
    background: rgba(16, 185, 129, 0.14);
}

/* Heading */
.awards-heading-promax {
    margin-bottom: 52px !important;
    position: relative !important;
    z-index: 2 !important;
}

.awards-heading-top {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-bottom: 20px !important;
}

.awards-heading-copy {
    flex: 1 1 320px !important;
}

.awards-heading-copy .kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
}

.kicker-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
    animation: pulseGlow 2s infinite !important;
}

.awards-heading-copy h2 {
    margin: 0 !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(36px, 4.8vw, 60px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
}

.awards-heading-copy h2 span {
    background: linear-gradient(135deg, #ffffff 30%, #e0f2fe 70%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 18px rgba(2, 132, 199, 0.4)) !important;
}

.awards-heading-desc-wrap {
    max-width: 760px !important;
    padding: 14px 20px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(56, 189, 248, 0.05)) !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 0 14px 14px 0 !important;
    box-shadow: 0 8px 24px rgba(0, 8, 28, 0.3), inset 0 1px rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px) !important;
}

.awards-desc-text {
    margin: 0 !important;
    font-size: clamp(14px, 1.15vw, 16px) !important;
    color: #bae6fd !important;
    line-height: 1.65 !important;
    font-weight: 450 !important;
}

/* Stat Pill 2-in-1 */
.awards-stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(6, 22, 54, 0.85) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.45) !important;
    box-shadow: 0 10px 30px rgba(0, 10, 32, 0.5), inset 0 1px rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(16px) !important;
    gap: 16px !important;
}

.awards-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.awards-stat-icon {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    color: #38bdf8 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.3) !important;
}

.awards-stat-info {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1.15 !important;
}

.awards-stat-info strong {
    font-family: var(--font-display, inherit) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: -0.03em !important;
}

.awards-stat-info small {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #bae6fd !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.awards-stat-divider {
    width: 1px !important;
    height: 24px !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Series Block & Divider */
.awards-series-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 52px !important;
    margin-bottom: 60px !important;
    position: relative !important;
    z-index: 2 !important;
}

.series-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

.award-series-divider {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 8px 0 !important;
    position: relative !important;
}

.series-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
}

.is-series-a .series-badge {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(217, 119, 6, 0.12)) !important;
    border: 1.5px solid rgba(251, 191, 36, 0.6) !important;
    color: #fbbf24 !important;
    box-shadow: 0 0 16px rgba(245, 158, 11, 0.35) !important;
}

.is-series-b .series-badge {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.25), rgba(2, 132, 199, 0.12)) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
    color: #38bdf8 !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.35) !important;
}

.series-badge-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    box-shadow: 0 0 8px currentColor !important;
}

.series-divider-title {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(14px, 1.35vw, 17.5px) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.series-divider-line {
    flex-grow: 1 !important;
    height: 1.5px !important;
}

.is-series-a .series-divider-line {
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.6), rgba(251, 191, 36, 0.05)) !important;
}

.is-series-b .series-divider-line {
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.6), rgba(56, 189, 248, 0.05)) !important;
}

/* ==========================================================================
   CHAMPION SPOTLIGHT BOX (PURE CENTERED ROYAL STYLING)
   ========================================================================== */
.award-champion-spotlight-box {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 44px 36px 36px 36px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.award-champion-spotlight-box.is-champion-a {
    border: 2px solid rgba(251, 191, 36, 0.7) !important;
    background: radial-gradient(circle at 50% 20%, rgba(245, 158, 11, 0.28) 0%, transparent 60%),
                radial-gradient(circle at 50% 85%, rgba(2, 132, 199, 0.16) 0%, transparent 60%),
                linear-gradient(135deg, #051a3d 0%, #0a2d64 60%, #04142e 100%) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65), 0 0 45px rgba(245, 158, 11, 0.35), inset 0 1px rgba(255, 255, 255, 0.35) !important;
}

.award-champion-spotlight-box.is-champion-a:hover {
    transform: translateY(-5px) scale(1.008) !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 32px 70px rgba(0, 0, 0, 0.75), 0 0 60px rgba(245, 158, 11, 0.5) !important;
}

.award-champion-spotlight-box.is-champion-b {
    border: 2px solid rgba(250, 204, 21, 0.65) !important;
    background: radial-gradient(circle at 50% 20%, rgba(234, 179, 8, 0.25) 0%, transparent 60%),
                radial-gradient(circle at 50% 85%, rgba(56, 189, 248, 0.16) 0%, transparent 60%),
                linear-gradient(135deg, #041b3e 0%, #082a57 60%, #03142e 100%) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65), 0 0 40px rgba(234, 179, 8, 0.3), inset 0 1px rgba(255, 255, 255, 0.35) !important;
}

.award-champion-spotlight-box.is-champion-b:hover {
    transform: translateY(-5px) scale(1.008) !important;
    border-color: #facc15 !important;
    box-shadow: 0 32px 70px rgba(0, 0, 0, 0.75), 0 0 50px rgba(234, 179, 8, 0.45) !important;
}

.champion-watermark-num {
    position: absolute !important;
    top: 15px !important;
    right: 25px !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(60px, 7vw, 90px) !important;
    font-weight: 900 !important;
    color: rgba(251, 191, 36, 0.18) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    pointer-events: none !important;
}

.is-champion-b .champion-watermark-num {
    color: rgba(56, 189, 248, 0.18) !important;
}

.champion-center-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 2 !important;
}

.champion-icon-emblem {
    position: relative !important;
    width: 86px !important;
    height: 86px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 24px !important;
    margin-bottom: 8px !important;
}

.is-champion-a .champion-icon-emblem {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.38), rgba(217, 119, 6, 0.18)) !important;
    border: 2px solid rgba(251, 191, 36, 0.85) !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.45), inset 0 1px rgba(255, 255, 255, 0.4) !important;
    padding: 12px !important;
}

.is-champion-b .champion-icon-emblem {
    background: radial-gradient(circle, rgba(250, 204, 21, 0.35), rgba(2, 132, 199, 0.18)) !important;
    border: 2px solid rgba(250, 204, 21, 0.8) !important;
    box-shadow: 0 10px 30px rgba(250, 204, 21, 0.4), inset 0 1px rgba(255, 255, 255, 0.4) !important;
    padding: 12px !important;
}

.champion-icon-emblem svg {
    width: 100% !important;
    height: 100% !important;
    filter: drop-shadow(0 4px 14px rgba(245, 158, 11, 0.7)) !important;
}

.champion-kicker-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.champion-kicker-tag {
    font-size: 11.5px !important;
    font-weight: 900 !important;
    color: #fbbf24 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.champion-glory-star {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #fef08a !important;
    padding: 2px 10px !important;
    border-radius: 999px !important;
    background: rgba(245, 158, 11, 0.22) !important;
    border: 1px solid rgba(251, 191, 36, 0.45) !important;
    letter-spacing: 0.06em !important;
}

.champion-title {
    margin: 0 !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(30px, 3.8vw, 46px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
}

.champion-prize-chips {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 4px 0 !important;
}

.prize-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    backdrop-filter: blur(8px) !important;
}

.prize-chip.is-gold {
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid rgba(251, 191, 36, 0.55) !important;
    color: #fef08a !important;
}

.prize-chip.is-silk {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #f1f5f9 !important;
}

.prize-chip.is-medal {
    background: rgba(234, 179, 8, 0.2) !important;
    border: 1px solid rgba(250, 204, 21, 0.55) !important;
    color: #fef9c3 !important;
}

.champion-honor-bar {
    margin-top: 6px !important;
    padding: 6px 20px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    display: inline-block !important;
}

.champion-honor-bar b {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #bae6fd !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.champion-light-flare {
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent) !important;
    transform: skewX(-25deg) !important;
    pointer-events: none !important;
    animation: championFlare 6s infinite !important;
}

@keyframes championFlare {
    0%, 70% { left: -100%; }
    100% { left: 200%; }
}

/* 3 Balanced Cards Row (02, 03, 04 / 06, 07, 08) */
.award-cards-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.award-card-promax {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 22px 24px !important;
    border-radius: 18px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(6, 22, 54, 0.88) 100%) !important;
    box-shadow: 0 12px 30px rgba(0, 8, 28, 0.42), inset 0 1px rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.award-card-promax:hover {
    transform: translateY(-4px) scale(1.01) !important;
    box-shadow: 0 18px 40px rgba(0, 10, 32, 0.6) !important;
}

/* Sub Kicker Row & Number Badges */
.card-kicker-badge-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.sub-num-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

.sub-num-badge.is-gold {
    background: rgba(245, 158, 11, 0.3) !important;
    border-color: rgba(251, 191, 36, 0.6) !important;
    color: #fbbf24 !important;
}

.sub-prize-pills {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
}

.sub-prize-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #e2e8f0 !important;
}

.sub-prize-pill.is-silver {
    background: rgba(203, 213, 225, 0.15) !important;
    border-color: rgba(203, 213, 225, 0.45) !important;
    color: #f1f5f9 !important;
}

.sub-prize-pill.is-bronze {
    background: rgba(251, 146, 60, 0.15) !important;
    border-color: rgba(251, 146, 60, 0.45) !important;
    color: #fed7aa !important;
}

.sub-prize-pill.is-fairplay {
    background: rgba(52, 211, 153, 0.15) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    color: #a7f3d0 !important;
}

.sub-prize-pill.is-gold {
    background: rgba(250, 204, 21, 0.15) !important;
    border-color: rgba(250, 204, 21, 0.45) !important;
    color: #fef08a !important;
}

.sub-prize-pill.is-gift {
    background: rgba(56, 189, 248, 0.15) !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
    color: #bae6fd !important;
}

.sub-prize-sep {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 11px !important;
}

/* Specific Card Themes */
.award-medal-silver {
    border-color: rgba(203, 213, 225, 0.45) !important;
}
.award-medal-silver:hover {
    border-color: #e2e8f0 !important;
    box-shadow: 0 18px 40px rgba(203, 213, 225, 0.3) !important;
}

.award-medal-bronze {
    border-color: rgba(251, 146, 60, 0.45) !important;
}
.award-medal-bronze:hover {
    border-color: #fb923c !important;
    box-shadow: 0 18px 40px rgba(234, 88, 12, 0.3) !important;
}

.award-style {
    border-color: rgba(52, 211, 153, 0.45) !important;
}
.award-style:hover {
    border-color: #34d399 !important;
    box-shadow: 0 18px 40px rgba(16, 185, 129, 0.3) !important;
}

.award-card-icon {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    padding: 8px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32) !important;
}

.award-card-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.award-card-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: left !important;
}

.award-card-body small {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.award-medal-silver .award-card-body small { color: #cbd5e1 !important; }
.award-medal-bronze .award-card-body small { color: #fdba74 !important; }
.award-style .award-card-body small { color: #6ee7b7 !important; }

.award-card-body h3 {
    margin: 0 !important;
    font-family: var(--font-display, inherit) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
}

.award-prize-text {
    margin: 2px 0 0 0 !important;
    font-size: 13.5px !important;
    color: #e2e8f0 !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

.award-card-num {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    font-family: var(--font-display, inherit) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: rgba(255, 255, 255, 0.22) !important;
    line-height: 1 !important;
}

/* 3. Individual Honors Section (09, 10, 11) */
.awards-individual-honors {
    margin-top: 60px !important;
    padding-top: 52px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    position: relative !important;
    z-index: 2 !important;
}

.awards-individual-head-promax {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.awards-individual-badge-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
}

.awards-individual-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(6, 95, 70, 0.16)) !important;
    border: 1.5px solid rgba(52, 211, 153, 0.55) !important;
    color: #34d399 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 18px rgba(16, 185, 129, 0.35) !important;
}

.pill-pulse-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #34d399 !important;
    box-shadow: 0 0 8px #34d399 !important;
}

.awards-individual-title {
    margin: 0 0 10px 0 !important;
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(28px, 3.8vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}

.awards-individual-title span {
    background: linear-gradient(135deg, #ffffff 30%, #d1fae5 70%, #34d399 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.awards-individual-desc {
    margin: 0 auto !important;
    max-width: 640px !important;
    color: #a7f3d0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.awards-personal-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.award-personal-card-promax {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 26px 24px !important;
    border-radius: 20px !important;
    border: 1.5px solid rgba(52, 211, 153, 0.4) !important;
    background: radial-gradient(circle at 10% 20%, rgba(16, 185, 129, 0.15), transparent 45%),
                linear-gradient(135deg, #041c38 0%, #062a4d 100%) !important;
    box-shadow: 0 14px 34px rgba(0, 8, 28, 0.48), inset 0 1px rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.award-personal-card-promax:hover {
    transform: translateY(-5px) scale(1.01) !important;
    border-color: #34d399 !important;
    box-shadow: 0 20px 46px rgba(16, 185, 129, 0.35) !important;
}

.award-personal-number {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    font-family: var(--font-display, inherit) !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: rgba(52, 211, 153, 0.4) !important;
    line-height: 1 !important;
}

.award-personal-icon-box {
    flex-shrink: 0 !important;
}

.award-personal-icon {
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    background: rgba(16, 185, 129, 0.18) !important;
    border: 1.5px solid rgba(52, 211, 153, 0.55) !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.3) !important;
    padding: 9px !important;
}

.award-personal-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.award-star-badge {
    position: absolute !important;
    bottom: 16px !important;
    right: 18px !important;
    color: #34d399 !important;
    opacity: 0.65 !important;
}

/* Home Action Button */
.awards-home-actions {
    display: flex !important;
    justify-content: center !important;
    margin-top: 52px !important;
    position: relative !important;
    z-index: 2 !important;
}

.awards-home-actions a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 15px 36px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.65) !important;
    box-shadow: 0 14px 34px rgba(2, 132, 199, 0.45), inset 0 1px rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.awards-home-actions a:hover {
    transform: translateY(-3px) scale(1.02) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    border-color: #7dd3fc !important;
    box-shadow: 0 18px 44px rgba(2, 132, 199, 0.6), 0 0 26px rgba(56, 189, 248, 0.45) !important;
}

.awards-home-actions a span {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    gap: 2px !important;
}

.awards-home-actions a small {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    color: #bae6fd !important;
    text-transform: uppercase !important;
}

.awards-home-actions a strong {
    font-size: 15.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    color: #ffffff !important;
}

.awards-home-actions a svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #ffffff !important;
    stroke-width: 2.5 !important;
    fill: none !important;
    transition: transform 0.25s ease !important;
}

.awards-home-actions a:hover svg {
    transform: translateX(4px) !important;
}

/* Responsive Overrides */
@media (max-width: 992px) {
    .award-cards-row, .awards-personal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .award-champion-spotlight-box {
        padding: 30px 24px !important;
    }
}

@media (max-width: 640px) {
    body.home-page .awards-section {
        padding: 60px 0 !important;
    }
    .award-cards-row, .awards-personal-grid {
        grid-template-columns: 1fr !important;
    }
    .award-champion-spotlight-box {
        padding: 26px 18px !important;
    }
    .champion-prize-chips {
        flex-direction: column !important;
        width: 100% !important;
    }
    .champion-prize-chips .prize-chip {
        width: 100% !important;
        justify-content: center !important;
    }
    .awards-home-actions a {
        width: 100% !important;
        justify-content: center !important;
        padding: 12px 20px !important;
    }
}

/* ==========================================================================
   FOOTER BOTTOM DECK - BALANCED & GLOWING RED PARTNER VIETNAM (UI/UX PRO MAX)
   ========================================================================== */
.footer-bottom-deck-clean {
    position: relative !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #010818 !important;
    padding: 18px 0 !important;
    z-index: 3 !important;
}

.footer-bottom-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 16px !important;
}

.footer-info-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    line-height: 1 !important;
}

.footer-year-tag strong {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
}

.footer-dot-divider {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 13px !important;
    user-select: none !important;
}

/* Glowing Red Partner Vietnam Button with Special Effects */
.footer-partner-glow-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 4px 12px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.22) 0%, rgba(185, 28, 28, 0.14) 100%) !important;
    border: 1.5px solid rgba(239, 68, 68, 0.55) !important;
    text-decoration: none !important;
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.3), inset 0 1px rgba(255, 255, 255, 0.15) !important;
    overflow: hidden !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer-partner-glow-btn strong {
    font-family: var(--font-display, inherit) !important;
    color: #ff4d4f !important;
    font-weight: 900 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 0 10px rgba(239, 68, 68, 0.45) !important;
    transition: color 0.25s ease !important;
}

.partner-live-led {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #ff4d4f !important;
    box-shadow: 0 0 8px #ff4d4f, 0 0 14px rgba(239, 68, 68, 0.8) !important;
    animation: partnerLedPulse 2s infinite !important;
    flex-shrink: 0 !important;
}

@keyframes partnerLedPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.35); opacity: 0.65; }
}

.footer-partner-glow-btn svg {
    color: #ff4d4f !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
}

.partner-light-shimmer {
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
    transform: skewX(-25deg) !important;
    pointer-events: none !important;
    animation: partnerShimmer 4s infinite !important;
}

@keyframes partnerShimmer {
    0%, 70% { left: -100%; }
    100% { left: 200%; }
}

.footer-partner-glow-btn:hover {
    transform: translateY(-2px) scale(1.04) !important;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border-color: #f87171 !important;
    box-shadow: 0 6px 22px rgba(239, 68, 68, 0.55), 0 0 25px rgba(239, 68, 68, 0.45) !important;
}

.footer-partner-glow-btn:hover strong {
    color: #ffffff !important;
    text-shadow: none !important;
}

.footer-partner-glow-btn:hover .partner-live-led {
    background: #ffffff !important;
    box-shadow: 0 0 8px #ffffff !important;
}

.footer-partner-glow-btn:hover svg {
    color: #ffffff !important;
    transform: translate(2px, -2px) !important;
}

.footer-rights-text {
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Back to top (Pure Right Aligned) */
.footer-backtop-wrap {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.footer-backtop-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #e2e8f0 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
}

.footer-backtop-btn:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
    border-color: #38bdf8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4) !important;
}

@media (max-width: 768px) {
    .site-footer,
    .site-footer.site-footer--masterpiece {
        padding-top: 32px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .footer-top-deck {
        margin-bottom: 20px !important;
    }
    .footer-mid-grid {
        padding-bottom: 20px !important;
        gap: 18px !important;
    }
    .footer-section-title {
        margin-bottom: 10px !important;
    }
    .footer-bottom-deck-clean {
        padding: 12px 0 calc(68px + env(safe-area-inset-bottom, 0px)) !important;
        background: #010818 !important;
    }
    .footer-bottom-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }
    .footer-info-line {
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        font-size: 11.5px !important;
    }
    .footer-backtop-wrap {
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
    .footer-backtop-btn {
        padding: 5px 12px !important;
        font-size: 10.5px !important;
    }
}

/* ==========================================================================
   HERO EVENT BOARD - TOURNAMENT BRAND IDENTITY (UI-STYLING & PRO MAX MASTERPIECE)
   ========================================================================== */

/* ── CONTAINER ──────────────────────────────────────────────────────────── */
.footer-event-board-masterpiece {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;        /* always row – never wrap */
    align-items: stretch !important;
    gap: 20px !important;
    padding: 22px 28px !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 12% 30%, rgba(2,132,199,.30) 0%, transparent 55%),
        radial-gradient(circle at 90% 70%, rgba(245,158,11,.20) 0%, transparent 55%),
        linear-gradient(135deg, rgba(8,30,72,.97) 0%, rgba(3,14,38,.99) 100%) !important;
    border: 1.5px solid rgba(56,189,248,.50) !important;
    box-shadow: 0 20px 50px rgba(0,7,25,.55), inset 0 1px rgba(255,255,255,.22), 0 0 28px rgba(2,132,199,.22) !important;
    backdrop-filter: blur(16px) !important;
    overflow: visible !important;          /* allow badge text to breathe */
    transition: transform .30s cubic-bezier(.16,1,.3,1), box-shadow .30s ease, border-color .30s ease !important;
    z-index: 2 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.footer-event-board-masterpiece:hover {
    transform: translateY(-3px) scale(1.003) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 26px 60px rgba(0,7,25,.65), 0 0 40px rgba(56,189,248,.38) !important;
}

.event-board-flare {
    position: absolute !important;
    inset: 0 !important;
    width: 60% !important;
    left: -100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent) !important;
    transform: skewX(-25deg) !important;
    pointer-events: none !important;
    animation: boardFlareSweep 7s infinite !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    z-index: 0 !important;
}

@keyframes boardFlareSweep {
    0%,75% { left: -100%; }
    100%    { left: 200%;  }
}

/* ── 1. BRAND LOCKUP ────────────────────────────────────────────────────── */
.footer-event-board-masterpiece .hero-event-brand {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 0 0 auto !important;            /* don't grow, don't shrink, fixed */
    min-width: 0 !important;
    max-width: 300px !important;          /* cap so text can't blow up */
    position: relative !important;
    z-index: 1 !important;
}

.footer-event-board-masterpiece .hero-event-crest {
    position: relative !important;
    width: 68px !important;
    height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    background: radial-gradient(circle, rgba(255,255,255,.20), rgba(2,132,199,.28)) !important;
    border: 1.5px solid rgba(56,189,248,.65) !important;
    box-shadow: 0 8px 22px rgba(2,132,199,.35), inset 0 1px rgba(255,255,255,.45) !important;
    padding: 7px !important;
    flex-shrink: 0 !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}

.footer-event-board-masterpiece:hover .hero-event-crest {
    transform: scale(1.06) rotate(-2deg) !important;
    box-shadow: 0 12px 28px rgba(56,189,248,.50), inset 0 1px rgba(255,255,255,.60) !important;
}

.footer-event-board-masterpiece .hero-crest {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.50)) !important;
}

.footer-event-board-masterpiece .hero-side-label {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.footer-event-board-masterpiece .brand-kicker-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.footer-event-board-masterpiece .kicker-mini-led {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 7px #38bdf8 !important;
    animation: pulseGlow 2s infinite !important;
    flex-shrink: 0 !important;
}

.footer-event-board-masterpiece .brand-main-title {
    font-size: 17px !important;          /* fixed – never larger */
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    background: linear-gradient(135deg, #ffffff 40%, #bae6fd 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(2,132,199,.28)) !important;
    margin: 1px 0 !important;
    white-space: nowrap !important;       /* single line always */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.footer-event-board-masterpiece .brand-season-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #fbbf24 !important;
    background: rgba(245,158,11,.18) !important;
    border: 1px solid rgba(251,191,36,.50) !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 10px rgba(245,158,11,.25) !important;
    white-space: nowrap !important;
}

/* ── DIVIDER ────────────────────────────────────────────────────────────── */
.footer-event-board-masterpiece .hero-event-brand::after {
    content: "" !important;
    display: block !important;
    width: 1px !important;
    align-self: stretch !important;
    background: rgba(255,255,255,.12) !important;
    margin-left: 4px !important;
    flex-shrink: 0 !important;
}

/* ── 2. EVENT FACTS ─────────────────────────────────────────────────────── */
.footer-event-board-masterpiece .hero-event-facts {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    flex: 1 1 0 !important;              /* fill remaining space */
    min-width: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

.footer-event-board-masterpiece .hero-fact-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.06) !important;
    border: 1.5px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.14) !important;
    backdrop-filter: blur(10px) !important;
    transition: all .25s cubic-bezier(.16,1,.3,1) !important;
    flex: 1 1 0 !important;             /* equal width cards */
    min-width: 0 !important;
}

.footer-event-board-masterpiece .is-date-card:hover {
    background: rgba(56,189,248,.12) !important;
    border-color: rgba(56,189,248,.50) !important;
    box-shadow: 0 8px 22px rgba(2,132,199,.32) !important;
    transform: translateY(-2px) !important;
}

.footer-event-board-masterpiece .is-location-card:hover {
    background: rgba(52,211,153,.12) !important;
    border-color: rgba(52,211,153,.50) !important;
    box-shadow: 0 8px 22px rgba(16,185,129,.32) !important;
    transform: translateY(-2px) !important;
}

/* Card header: icon badge + label */
.footer-event-board-masterpiece .hero-fact-header {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.footer-event-board-masterpiece .fact-icon-badge {
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
    flex-shrink: 0 !important;
}

.footer-event-board-masterpiece .fact-icon-badge.is-cyan {
    background: rgba(56,189,248,.22) !important;
    color: #38bdf8 !important;
}

.footer-event-board-masterpiece .fact-icon-badge.is-emerald {
    background: rgba(52,211,153,.22) !important;
    color: #34d399 !important;
}

.footer-event-board-masterpiece .fact-header-label {
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Card body: big number/city + text stack */
.footer-event-board-masterpiece .hero-fact-body,
.footer-event-board-masterpiece .hero-date-value,
.footer-event-board-masterpiece .hero-location-value {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
}

.footer-event-board-masterpiece .fact-main-num,
.footer-event-board-masterpiece .hero-date-value > strong {
    font-size: clamp(22px, 2.2vw, 32px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    background: linear-gradient(135deg, #ffffff 30%, #e0f2fe 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.footer-event-board-masterpiece .date-text-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    border-left: 1.5px solid rgba(56,189,248,.38) !important;
    padding-left: 8px !important;
    min-width: 0 !important;
}

.footer-event-board-masterpiece .date-month {
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #7dd3fc !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.footer-event-board-masterpiece .date-year {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #bae6fd !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.footer-event-board-masterpiece .fact-main-city,
.footer-event-board-masterpiece .hero-location-value > strong {
    font-size: clamp(17px, 1.7vw, 24px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #ffffff 30%, #d1fae5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.footer-event-board-masterpiece .location-text-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    border-left: 1.5px solid rgba(52,211,153,.38) !important;
    padding-left: 8px !important;
    min-width: 0 !important;
}

.footer-event-board-masterpiece .location-text-stack span {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #a7f3d0 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

/* ── CONTEXT WRAPPERS ────────────────────────────────────────────────────── */
.awards-event-board-wrap {
    margin-top: 32px !important;
    position: relative !important;
    z-index: 3 !important;
}

.footer-top-deck {
    margin-bottom: 44px !important;
}

/* ── RESPONSIVE: TABLET (≤ 900px) ─────────────────────────────────────── */
@media (max-width: 900px) {
    .footer-event-board-masterpiece {
        flex-direction: column !important;
        padding: 20px 20px !important;
        gap: 16px !important;
    }
    .footer-event-board-masterpiece .hero-event-brand {
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
    .footer-event-board-masterpiece .hero-event-brand::after {
        display: none !important;
    }
    .footer-event-board-masterpiece .hero-event-facts {
        flex: 0 0 auto !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    .footer-event-board-masterpiece .hero-fact-card {
        flex: unset !important;
    }
}

/* ── RESPONSIVE: MOBILE (≤ 640px) ─────────────────────────────────────── */
@media (max-width: 640px) {
    .footer-event-board-masterpiece {
        padding: 16px 14px !important;
        gap: 14px !important;
        border-radius: 16px !important;
    }
    .footer-event-board-masterpiece .hero-event-brand {
        gap: 12px !important;
    }
    .footer-event-board-masterpiece .hero-event-crest {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        padding: 5px !important;
    }
    .footer-event-board-masterpiece .brand-main-title {
        font-size: 15px !important;
    }
    .footer-event-board-masterpiece .fact-main-num,
    .footer-event-board-masterpiece .hero-date-value > strong {
        font-size: 20px !important;
    }
    .footer-event-board-masterpiece .fact-main-city,
    .footer-event-board-masterpiece .hero-location-value > strong {
        font-size: 16px !important;
    }
}

/* ── RESPONSIVE: SMALL MOBILE (≤ 480px) ─────────────────────────────────── */
@media (max-width: 480px) {
    .footer-event-board-masterpiece .hero-event-facts {
        grid-template-columns: 1fr !important;
    }
}
/* end of hero event board styles */

/* ── ULTRA CLEAN HERO SLIDER CONTROLS (NO OVERLAPPING / NO CLIPPING) ── */
@media (max-width: 1024px) {
    .home-page .hero-presentation {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        margin-top: 14px !important;
    }
    .home-page .hero-visual-stage {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
        min-height: 220px !important;
        max-height: 320px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        margin: 0 !important;
        box-shadow: 0 12px 30px rgba(0, 10, 35, 0.28) !important;
    }
    .home-page .hero-visual-stage .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .home-page .hero-slider-controls,
    .home-page .hero-presentation > .hero-slider-controls,
    .home-page .hero-presentation .hero-slider-controls {
        position: relative !important;
        inset: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        pointer-events: auto !important;
        z-index: 10 !important;
        display: block !important;
    }
    .home-page .hero-slider-panel,
    .home-page .hero-presentation > .hero-slider-controls .hero-slider-panel,
    .home-page .hero-presentation .hero-slider-controls .hero-slider-panel {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(0, 10, 35, 0.3) !important;
        background: linear-gradient(115deg, rgba(2, 18, 44, 0.96), rgba(4, 56, 103, 0.92)) !important;
    }
    .home-page .hero-slider-panel > button {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        border-radius: 8px !important;
    }

    /* FIX TINH THẦN GIẢI ĐẤU (LOGO MARK & HEADING SPACING ON MOBILE) */
    .home-page .tournament-slogan {
        padding-top: 36px !important;
        padding-bottom: 30px !important;
    }
    .home-page .tournament-slogan .slogan-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
        width: min(calc(100% - 28px), var(--container)) !important;
        margin-inline: auto !important;
    }
    .home-page .tournament-slogan .slogan-mark,
    .home-page .slogan-mark {
        position: relative !important;
        top: auto !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 0 10px 0 !important;
        flex-shrink: 0 !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
    }
    .home-page .tournament-slogan .slogan-mark::before,
    .home-page .slogan-mark::before {
        inset: -6px !important;
    }
    .home-page .tournament-slogan .slogan-mark img,
    .home-page .slogan-mark img {
        width: 32px !important;
        height: 32px !important;
        object-fit: contain !important;
    }
    .home-page .tournament-slogan .slogan-copy {
        width: 100% !important;
    }
    .home-page .tournament-slogan .slogan-heading {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        padding-bottom: 14px !important;
    }
    .home-page .tournament-slogan .slogan-heading > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
        font-size: 8.5px !important;
        letter-spacing: 0.12em !important;
    }
    .home-page .tournament-slogan .slogan-heading h2 {
        font-size: clamp(24px, 7.5vw, 32px) !important;
        line-height: 1.05 !important;
    }

    /* ── TEAM TICKER ON MOBILE (LARGER LOGO & NO OVER-COMPRESSION) ── */
    .home-page .team-ticker,
    .team-ticker {
        min-height: 76px !important;
        padding-block: 6px !important;
        overflow: hidden !important;
    }
    .home-page .ticker-track,
    .ticker-track {
        height: 76px !important;
        gap: 12px !important;
        padding-inline: 12px !important;
    }
    .home-page .ticker-track > a,
    .ticker-track > a {
        min-height: 58px !important;
        padding: 0 18px 0 10px !important;
        gap: 12px !important;
        border-radius: 14px !important;
        background: linear-gradient(115deg, color-mix(in srgb, var(--team-color), transparent 72%), rgba(255, 255, 255, 0.08) 58%, rgba(255, 255, 255, 0.03)) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        box-shadow: 0 8px 20px rgba(0, 8, 30, 0.28) !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .home-page .ticker-team-mark,
    .ticker-team-mark {
        position: relative !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 50% !important;
        padding: 3px !important;
        display: grid !important;
        place-items: center !important;
        background: radial-gradient(circle, #ffffff 0 50%, #f1f9fd 100%) !important;
        border: 1.5px solid #ffffff !important;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--team-color), transparent 75%), 0 6px 14px rgba(0, 0, 0, 0.3) !important;
    }
    .home-page .ticker-team-mark img,
    .ticker-team-mark img {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 2px 4px rgba(0, 15, 40, 0.2)) !important;
    }
    .home-page .ticker-team-mark small,
    .ticker-team-mark small {
        font-size: 10px !important;
        font-weight: 900 !important;
        color: #061e4c !important;
    }
    .home-page .ticker-team-name,
    .ticker-team-name {
        font-size: 13.5px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        letter-spacing: 0.035em !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
    }
    .home-page .ticker-ball-spinner,
    .ticker-ball-spinner {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        margin-left: 2px !important;
        color: #7eeafb !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .home-page .ticker-ball-spinner svg,
    .ticker-ball-spinner svg {
        width: 18px !important;
        height: 18px !important;
    }

    /* ── TINH THẦN GIẢI ĐẤU (SIÊU NÉN CHIỀU CAO & GỌN GÀNG TRÊN MOBILE) ── */
    .home-page .tournament-slogan {
        padding-block: 24px 20px !important;
    }
    .home-page .tournament-slogan .slogan-inner {
        gap: 12px !important;
    }
    .home-page .tournament-slogan .slogan-heading {
        margin-bottom: 10px !important;
        padding-bottom: 8px !important;
    }
    .home-page .tournament-slogan .slogan-heading h2 {
        font-size: clamp(20px, 6vw, 26px) !important;
        line-height: 1.05 !important;
        margin: 2px 0 0 !important;
    }
    .home-page .tournament-slogan .slogan-copy .slogan-statement {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
    }
    .home-page .tournament-slogan .slogan-copy .slogan-statement::before {
        display: none !important;
    }
    .home-page .tournament-slogan .slogan-statement > p,
    .home-page .tournament-slogan .slogan-statement > p + p,
    .home-page .tournament-slogan .slogan-statement > p:nth-child(even) {
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: flex-start !important;
        padding: 7px 9px !important;
        min-height: 0 !important;
        border-radius: 8px !important;
        background: rgba(255, 255, 255, 0.035) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
    .home-page .tournament-slogan .slogan-line-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        border-radius: 6px !important;
        display: grid !important;
        place-items: center !important;
    }
    .home-page .tournament-slogan .slogan-line-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    .home-page .tournament-slogan .slogan-line-copy {
        font-size: 11px !important;
        line-height: 1.4 !important;
        color: #d1e3f0 !important;
        font-weight: 500 !important;
    }
    .home-page .tournament-slogan .slogan-line-copy strong,
    .home-page .tournament-slogan .slogan-line-copy b {
        font-weight: 800 !important;
        color: #ffffff !important;
    }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem {
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: center !important;
        padding: 8px 10px !important;
        min-height: 0 !important;
        border-radius: 8px !important;
        background: linear-gradient(115deg, rgba(56, 189, 248, 0.18), rgba(2, 132, 199, 0.1)) !important;
        border: 1px solid rgba(56, 189, 248, 0.38) !important;
    }
    .home-page .tournament-slogan .slogan-statement > .slogan-anthem .slogan-line-copy {
        font-size: 11.5px !important;
        font-weight: 800 !important;
        color: #7eeafb !important;
        line-height: 1.35 !important;
    }

    /* ── THƯ VIỆN THƯỚC PHIM (CHIA 2 CỘT & SIÊU NÉN TRÊN MOBILE) ── */
    .home-page .trailer-library,
    .trailer-library {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 18px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(126, 232, 248, 0.22) !important;
    }
    .home-page .trailer-library > header,
    .trailer-library > header,
    .trailer-library-head {
        padding: 0 0 0 10px !important;
        border-left: 2.5px solid #70e6f5 !important;
        margin-bottom: 4px !important;
    }
    .home-page .trailer-library h3,
    .trailer-library-title {
        font-size: 14.5px !important;
        line-height: 1.2 !important;
        margin: 0 0 2px !important;
        max-width: 100% !important;
    }
    .home-page .trailer-library p,
    .trailer-library-desc {
        font-size: 10.5px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        color: #bed6e6 !important;
    }
    .home-page .trailer-library-grid,
    .trailer-library-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
    }
    .home-page .trailer-queue-card,
    .trailer-queue-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: rgba(3, 22, 54, 0.72) !important;
        border: 1px solid rgba(126, 232, 248, 0.25) !important;
        padding: 0 !important;
        text-align: left !important;
        box-shadow: 0 6px 16px rgba(0, 8, 30, 0.25) !important;
    }
    .home-page .queue-media-wrap,
    .queue-media-wrap {
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
        background: #000000 !important;
    }
    .home-page .queue-media-wrap img,
    .queue-media-wrap img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    .home-page .queue-play-center,
    .queue-play-center {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        border-radius: 50% !important;
        background: rgba(14, 114, 237, 0.88) !important;
        border: 1.5px solid #ffffff !important;
        box-shadow: 0 0 12px rgba(14, 114, 237, 0.6) !important;
    }
    .home-page .queue-play-icon svg,
    .queue-play-icon svg {
        width: 12px !important;
        height: 12px !important;
    }
    .home-page .trailer-queue-footer,
    .trailer-queue-footer {
        padding: 5px 7px 6px !important;
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
        background: rgba(2, 14, 38, 0.96) !important;
    }
    .home-page .queue-card-title,
    .queue-card-title {
        font-size: 9.5px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        color: #f0f9ff !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }

    /* ── TOÀN BỘ KHU VỰC TRAILER (SIÊU NÉN CHIỀU CAO TRÊN MOBILE) ── */
    .home-page .trailer-section,
    .trailer-section-promax {
        padding-block: 22px 18px !important;
    }
    .home-page .trailer-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .home-page .trailer-copy {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .home-page .trailer-identity,
    .trailer-identity {
        min-height: 0 !important;
        margin-bottom: 6px !important;
    }
    .home-page .trailer-logo-standalone,
    .trailer-logo-standalone {
        width: 44px !important;
        height: 44px !important;
        padding: 4px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, #ffffff 0%, #dff7fc 65%, #6fe4f4 100%) !important;
        box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
    }
    .home-page .trailer-logo-crest,
    .trailer-logo-crest {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .home-page .trailer-title-promax,
    .trailer-title-promax {
        font-size: clamp(20px, 6.2vw, 26px) !important;
        line-height: 1.1 !important;
        margin: 4px 0 6px 0 !important;
        text-transform: uppercase !important;
    }
    .home-page .trailer-desc-wrap,
    .trailer-desc-wrap {
        margin: 4px 0 10px 0 !important;
        padding: 8px 12px !important;
        border-radius: 8px !important;
        border-left: 2.5px solid #38bdf8 !important;
        background: rgba(255, 255, 255, 0.04) !important;
        box-shadow: none !important;
    }
    .home-page .trailer-desc-wrap .trailer-desc-promax,
    .trailer-desc-promax {
        font-size: 11px !important;
        line-height: 1.4 !important;
        color: #dbeafe !important;
        margin: 0 !important;
    }
    .home-page .trailer-stage.trailer-stage-promax,
    .trailer-stage-promax {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        max-height: 200px !important;
        min-height: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        margin: 0 !important;
        box-shadow: 0 10px 24px rgba(0, 5, 25, 0.4) !important;
    }
    .home-page .trailer-play-promax,
    .trailer-play-promax {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border-radius: 50% !important;
        background: rgba(4, 15, 40, 0.88) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.8) !important;
        box-shadow: 0 0 16px rgba(56, 189, 248, 0.4) !important;
    }
    .home-page .trailer-play-promax .play-icon-wrap svg,
    .trailer-play-promax .play-icon-wrap svg {
        width: 15px !important;
        height: 15px !important;
    }
    .home-page .trailer-screen-bottom-bar,
    .trailer-screen-bottom-bar {
        padding: 4px 8px !important;
    }
    .home-page .trailer-screen-title,
    .trailer-screen-title {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
    }

    /* ── ĐIỀU LỆ GIẢI ĐẤU (OFFICIAL RULEBOOK · SIÊU NÉN TRÊN MOBILE) ── */
    .home-page .regulations-teaser,
    .regulations-teaser {
        padding-block: 22px 18px !important;
    }
    .home-page .regulations-teaser::before {
        display: none !important;
    }
    .home-page .regulations-teaser-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .home-page .regulations-teaser-copy {
        width: 100% !important;
        max-width: 100% !important;
    }
    .home-page .regulations-teaser-kicker {
        margin-bottom: 6px !important;
        gap: 6px !important;
    }
    .home-page .regulations-teaser-kicker > span {
        min-height: 24px !important;
        padding: 2px 8px !important;
        font-size: 7.5px !important;
        gap: 5px !important;
    }
    .home-page .regulations-teaser-kicker > span i {
        width: 5px !important;
        height: 5px !important;
    }
    .home-page .regulations-teaser-copy h2 {
        font-size: clamp(20px, 6vw, 26px) !important;
        line-height: 1.08 !important;
        margin: 2px 0 4px 0 !important;
        letter-spacing: -0.02em !important;
    }
    .home-page .regulations-teaser-copy h2 > span b {
        font-size: 0.8em !important;
        margin-right: 2px !important;
    }
    .home-page .regulations-teaser-copy h2 > em {
        margin-top: 3px !important;
        display: block !important;
        font-size: 0.95em !important;
    }
    .home-page .regulations-teaser-copy h2 > em i {
        font-size: 0.65em !important;
        padding: 1px 3px !important;
        margin-right: 3px !important;
    }
    .home-page .regulations-teaser-copy p {
        margin: 4px 0 10px 0 !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        color: #d1e5f2 !important;
    }
    .home-page .regulations-teaser-action {
        width: 100% !important;
        min-height: 42px !important;
        padding: 5px 6px 5px 12px !important;
        border-radius: 8px !important;
        gap: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .home-page .regulations-teaser-action span small {
        font-size: 6.5px !important;
        display: block !important;
        margin-bottom: 1px !important;
    }
    .home-page .regulations-teaser-action span strong {
        font-size: 11.5px !important;
        font-weight: 800 !important;
    }
    .home-page .regulations-teaser-action > b {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 6px !important;
    }
    .home-page .regulations-teaser-action svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Bảng 03 Điều trọng tâm */
    .home-page .regulations-teaser-board {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 10px !important;
        gap: 5px !important;
        border-radius: 12px !important;
        margin-top: 2px !important;
    }
    .home-page .regulations-teaser-board::before {
        display: none !important;
    }
    .home-page .regulations-board-head {
        min-height: 24px !important;
        padding: 0 2px 4px !important;
        margin-bottom: 2px !important;
    }
    .home-page .regulations-board-head > span {
        font-size: 8px !important;
    }
    .home-page .regulations-board-head > small {
        font-size: 6px !important;
    }
    .home-page .regulation-spotlight-card {
        min-height: 0 !important;
        grid-template-columns: 32px minmax(0, 1fr) 24px !important;
        gap: 8px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        align-items: center !important;
    }
    .home-page .regulation-spotlight-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 6px !important;
        display: grid !important;
        place-items: center !important;
    }
    .home-page .regulation-spotlight-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    .home-page .regulation-spotlight-copy > small {
        font-size: 6.5px !important;
        margin-bottom: 1px !important;
        display: block !important;
    }
    .home-page .regulation-spotlight-copy > strong {
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }
    .home-page .regulation-spotlight-copy > em {
        display: none !important;
    }
    .home-page .regulation-spotlight-arrow {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        border-radius: 6px !important;
        display: grid !important;
        place-items: center !important;
    }
    .home-page .regulation-spotlight-arrow svg {
        width: 12px !important;
        height: 12px !important;
    }

    /* ── CƠ CẤU GIẢI THƯỞNG (HONOURS BOARD · SIÊU NÉN TRÊN MOBILE) ── */
    .awards-home-directory,
    .awards-page-directory {
        padding-block: 20px 24px !important;
    }
    .awards-page-directory-head {
        gap: 6px !important;
        margin-bottom: 12px !important;
    }
    .awards-page-directory-head > div > span {
        display: none !important;
    }
    .awards-page-directory-head h2 {
        font-size: clamp(20px, 6vw, 26px) !important;
        line-height: 1.05 !important;
        margin: 2px 0 0 !important;
    }
    .awards-page-directory-head > p {
        font-size: 10.5px !important;
        line-height: 1.38 !important;
    }
    .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 4px !important;
        padding: 4px !important;
        border-radius: 10px !important;
        margin-bottom: 12px !important;
    }
    .awards-page-jumpbar a {
        min-height: 36px !important;
        padding: 3px 2px !important;
        border-radius: 7px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .awards-page-jumpbar a > span,
    .awards-page-jumpbar a > svg {
        display: none !important;
    }
    .awards-page-jumpbar a > b {
        font-size: 10.5px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        color: #073868 !important;
    }
    .awards-page-jumpbar a > small {
        font-size: 7px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
        line-height: 1 !important;
    }
    .awards-page-series {
        padding: 8px !important;
        border-radius: 12px !important;
        margin-top: 10px !important;
    }
    .awards-page-series-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 6px !important;
    }
    .awards-page-series-head > span {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        border-radius: 6px !important;
        display: grid !important;
        place-items: center !important;
    }
    .awards-page-series-head h2 {
        font-size: 12.5px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        color: #073868 !important;
    }
    .awards-page-series-head small {
        font-size: 7px !important;
        font-weight: 800 !important;
        color: #1478a5 !important;
    }
    .awards-page-series-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - PERFECT AWARDS SHOWCASE SYSTEM (NO MORE BREAKS)
   ═════════════════════════════════════════════════════════════════════ */
:where(body, html, .home-page, body.home-page) .awards-teaser-section {
    position: relative !important;
    padding: 72px 0 84px !important;
    background: radial-gradient(circle at 90% 12%, rgba(254, 240, 138, 0.35), transparent 45%),
                radial-gradient(circle at 10% 88%, rgba(186, 230, 253, 0.35), transparent 45%),
                linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
    color: #0f172a !important;
    border-top: 1px solid #e2edf6 !important;
    border-bottom: 1px solid #e2edf6 !important;
    overflow: hidden !important;
}

/* Background Soft Atmosphere */
:where(body, html, .home-page, body.home-page) .awards-teaser-bg-decor {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.55 !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle.is-gold {
    width: 480px !important;
    height: 480px !important;
    top: -120px !important;
    right: 3% !important;
    background: radial-gradient(circle, #fef08a, #fde047) !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle.is-cyan {
    width: 420px !important;
    height: 420px !important;
    bottom: -100px !important;
    left: 2% !important;
    background: radial-gradient(circle, #bae6fd, #7dd3fc) !important;
}

/* Container */
:where(body, html, .home-page, body.home-page) .awards-teaser-inner {
    width: min(calc(100% - 48px), 1220px) !important;
    max-width: 1220px !important;
    margin-inline: auto !important;
    position: relative !important;
    z-index: 3 !important;
}

/* ── HEADER ── */
:where(body, html, .home-page, body.home-page) .awards-teaser-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin-bottom: 36px !important;
}

:where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
    font-size: clamp(30px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* Master Header Button */
:where(body, html, .home-page, body.home-page) .awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(217, 119, 6, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}
:where(body, html, .home-page, body.home-page) .awards-btn-main:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #fbbf24, #d97706) !important;
    box-shadow: 0 12px 28px rgba(217, 119, 6, 0.5) !important;
}
.awards-btn-main-arrow {
    width: 20px !important;
    height: 20px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.16) !important;
}
.awards-btn-main-arrow svg {
    width: 12px !important;
    height: 12px !important;
    transition: transform 0.25s ease !important;
}
:where(body, html, .home-page, body.home-page) .awards-btn-main:hover .awards-btn-main-arrow svg {
    transform: translateX(3px) !important;
}

/* ── GRID SHOWCASE ── */
:where(body, html, .home-page, body.home-page) .awards-teaser-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* ── BENTO CARD LIGHT ── */
:where(body, html, .home-page, body.home-page) .awards-card-light {
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover {
    transform: translateY(-6px) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    background: linear-gradient(165deg, #ffffff 0%, #fffdf7 60%, #fffbeb 100%) !important;
    box-shadow: 0 10px 30px rgba(217, 119, 6, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    box-shadow: 0 18px 45px rgba(217, 119, 6, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b {
    border: 1.5px solid rgba(2, 132, 199, 0.4) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fcff 60%, #f0f9ff 100%) !important;
    box-shadow: 0 10px 30px rgba(2, 132, 199, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b:hover {
    border-color: rgba(2, 132, 199, 0.8) !important;
    box-shadow: 0 18px 45px rgba(2, 132, 199, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple {
    border: 1.5px solid rgba(147, 51, 234, 0.4) !important;
    background: linear-gradient(165deg, #ffffff 0%, #fdfbff 60%, #faf5ff 100%) !important;
    box-shadow: 0 10px 30px rgba(147, 51, 234, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple:hover {
    border-color: rgba(147, 51, 234, 0.8) !important;
    box-shadow: 0 18px 45px rgba(147, 51, 234, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Card Header */
:where(body, html, .home-page, body.home-page) .awards-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.awards-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
}
.awards-pill-badge.is-gold { background: #fef3c7 !important; border: 1px solid #fde68a !important; }
.awards-pill-badge.is-blue { background: #e0f2fe !important; border: 1px solid #bae6fd !important; }
.awards-pill-badge.is-purple { background: #f3e8ff !important; border: 1px solid #e9d5ff !important; }
.awards-pill-num { font-size: 13.5px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-pill-badge.is-gold .awards-pill-num { color: #b45309 !important; }
.awards-pill-badge.is-blue .awards-pill-num { color: #0369a1 !important; }
.awards-pill-badge.is-purple .awards-pill-num { color: #7e22ce !important; }
.awards-pill-name { font-size: 10px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.awards-pill-badge.is-gold .awards-pill-name { color: #92400e !important; }
.awards-pill-badge.is-blue .awards-pill-name { color: #075985 !important; }
.awards-pill-badge.is-purple .awards-pill-name { color: #6b21a8 !important; }

.awards-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 4px 9px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
}
.awards-chip.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-chip.is-blue { background: #f0f9ff !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-chip.is-purple { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

/* Crystal Podium Icon */
:where(body, html, .home-page, body.home-page) .awards-card-hero-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 0 !important;
}
.awards-crystal-podium {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover .awards-crystal-podium {
    transform: scale(1.08) !important;
}
.awards-crystal-podium.is-gold {
    background: radial-gradient(circle, #fffbeb 0%, #fef08a 65%, #fde047 100%) !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 8px 22px rgba(245, 158, 11, 0.28) !important;
}
.awards-crystal-podium.is-blue {
    background: radial-gradient(circle, #f0f9ff 0%, #e0f2fe 65%, #bae6fd 100%) !important;
    border: 2px solid #0284c7 !important;
    box-shadow: 0 8px 22px rgba(2, 132, 199, 0.28) !important;
}
.awards-crystal-podium.is-purple {
    background: radial-gradient(circle, #faf5ff 0%, #f3e8ff 65%, #e9d5ff 100%) !important;
    border: 2px solid #9333ea !important;
    box-shadow: 0 8px 22px rgba(147, 51, 234, 0.28) !important;
}
.awards-vector-icon {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    display: block !important;
}

/* Card Content */
:where(body, html, .home-page, body.home-page) .awards-card-body-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-main-title {
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}

/* Prize Box Card */
.awards-prize-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
.awards-prize-card.is-gold {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-left: 4px solid #0284c7 !important;
}
.awards-prize-card.is-purple {
    background: #faf5ff !important;
    border: 1px solid #e9d5ff !important;
    border-left: 4px solid #9333ea !important;
}
.awards-prize-icon-circle {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #d97706 !important; }
.awards-prize-icon-circle.is-blue { background: #e0f2fe !important; color: #0284c7 !important; }
.awards-prize-icon-circle.is-purple { background: #f3e8ff !important; color: #9333ea !important; }
.awards-prize-icon-circle svg { width: 17px !important; height: 17px !important; }

.awards-prize-info { flex: 1 1 auto !important; min-width: 0 !important; }
.awards-prize-label {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #64748b !important;
    margin-bottom: 2px !important;
    text-transform: uppercase !important;
}
.awards-prize-text {
    font-size: 12px !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}
.awards-prize-text strong { color: #0f172a !important; font-weight: 900 !important; }

/* Subcategories Chips */
.awards-subcategories { font-size: 11px !important; }
.awards-subcategories-title {
    display: block !important;
    font-weight: 800 !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
    font-size: 10px !important;
    letter-spacing: 0.04em !important;
}
.awards-subcategories-chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.awards-chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

/* Card Action Link */
:where(body, html, .home-page, body.home-page) .awards-card-footer-action {
    padding-top: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
}
.awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
}
.awards-card-btn.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-card-btn.is-gold:hover { background: #f59e0b !important; color: #ffffff !important; border-color: #f59e0b !important; }
.awards-card-btn.is-blue { background: #f0f9ff !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-card-btn.is-blue:hover { background: #0284c7 !important; color: #ffffff !important; border-color: #0284c7 !important; }
.awards-card-btn.is-purple { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }
.awards-card-btn.is-purple:hover { background: #9333ea !important; color: #ffffff !important; border-color: #9333ea !important; }
.awards-card-btn svg { width: 14px !important; height: 14px !important; transition: transform 0.2s ease !important; }
.awards-card-btn:hover svg { transform: translateX(4px) !important; }

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE: 1 CỘT THẺ CARD TO RÕ, ĐẦY ĐỦ, HOÀN HẢO 100%
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-section {
        padding: 32px 0 38px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head {
        margin-bottom: 16px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
        font-size: clamp(22px, 6vw, 28px) !important;
        line-height: 1.15 !important;
    }
    
    :where(body, html, .home-page, body.home-page) .awards-card-light {
        padding: 18px 16px !important;
        gap: 14px !important;
        border-radius: 18px !important;
    }
    .awards-crystal-podium {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        border-radius: 16px !important;
        padding: 8px !important;
    }
    .awards-vector-icon {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-card-main-title {
        font-size: 17px !important;
    }
    .awards-prize-card {
        padding: 10px 12px !important;
    }

    :where(body, html, .home-page, body.home-page) .desktop-only {
        display: none !important;
    }
    :where(body, html, .home-page, body.home-page) .mobile-only {
        display: block !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-footer {
        display: block !important;
        margin-top: 16px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 13px 20px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP - PERFECT MOBILE & DESKTOP SYSTEM (NO OVERLAPS, NO GAPS)
   ═════════════════════════════════════════════════════════════════════ */

/* HERO SECTION (DESKTOP & MOBILE) */
.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(48px, 6vw, 84px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 80% 20%, rgba(67, 215, 236, 0.18), transparent 35%),
                radial-gradient(circle at 15% 80%, rgba(20, 102, 216, 0.25), transparent 40%),
                linear-gradient(135deg, #020b20 0%, #052250 55%, #07396c 100%) !important;
    overflow: hidden !important;
}
.awards-page .awards-page-hero::after {
    display: none !important; /* Xóa chữ HONOURS đè watermark */
}
.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
}
.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #c7dfeb !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 0 !important;
}

/* Seal 11 Hạng mục */
.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 12px !important;
    border: 2px solid rgba(244, 197, 87, 0.5) !important;
    background: radial-gradient(circle, rgba(244, 197, 87, 0.18), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    flex-shrink: 0 !important;
}
.awards-page .awards-page-seal span {
    font-size: 42px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
}
.awards-page .awards-page-seal strong {
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-seal small {
    font-size: 8px !important;
    color: #93c5fd !important;
}

/* DIRECTORY HEAD */
.awards-page .awards-page-directory-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
}
.awards-page .awards-page-directory-head h2 {
    font-size: clamp(30px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    border-left: 3px solid #0284c7 !important;
    padding-left: 14px !important;
}

/* JUMPBAR */
.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 32px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    box-shadow: 0 4px 16px rgba(7, 56, 104, 0.05) !important;
}
.awards-page .awards-page-jumpbar a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    min-height: 56px !important;
}
.awards-page .awards-page-jumpbar a:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-2px) !important;
}
.awards-page .awards-page-jumpbar a > span { display: none !important; }
.awards-page .awards-page-jumpbar a > svg { display: none !important; }
.awards-page .awards-page-jumpbar a > b {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #073868 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}
.awards-page .awards-page-jumpbar a > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    color: #0284c7 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE: KHẮC PHỤC TRIỆT ĐỂ MỌI LỖI TRÊN MÀN HÌNH MOBILE
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    /* Hero Section Mobile */
    .awards-page .awards-page-hero {
        padding: 34px 0 38px !important;
    }
    .awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    .awards-page .awards-page-hero p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-top: 8px !important;
    }
    .awards-page .awards-page-seal {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        border-radius: 12px !important;
        padding: 8px 14px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 1px solid rgba(244, 197, 87, 0.4) !important;
        background: rgba(244, 197, 87, 0.12) !important;
        box-shadow: none !important;
    }
    .awards-page .awards-page-seal span {
        font-size: 22px !important;
    }
    .awards-page .awards-page-seal strong {
        font-size: 11px !important;
        color: #fef08a !important;
    }
    .awards-page .awards-page-seal small {
        font-size: 9.5px !important;
        color: #cbd5e1 !important;
        margin-left: auto !important;
    }
    .awards-page .awards-page-seal i { display: none !important; }

    /* Directory Head Mobile */
    .awards-page .awards-page-directory {
        padding: 24px 0 36px !important;
    }
    .awards-page .awards-page-directory-head h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
    .awards-page .awards-page-directory-head p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        padding-left: 10px !important;
    }

    /* Jumpbar Mobile */
    .awards-page .awards-page-jumpbar {
        gap: 6px !important;
        padding: 6px !important;
        margin-bottom: 18px !important;
    }
    .awards-page .awards-page-jumpbar a {
        padding: 8px 4px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
    }
    .awards-page .awards-page-jumpbar a > b {
        font-size: 11px !important;
    }
    .awards-page .awards-page-jumpbar a > small {
        font-size: 7.5px !important;
    }

    /* Series Container Mobile */
    .awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 16px !important;
        margin-bottom: 18px !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 4px 14px rgba(7, 56, 104, 0.05) !important;
    }
    .awards-page .awards-page-series-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
    .awards-page .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        border-radius: 8px !important;
        display: grid !important;
        place-items: center !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        color: #0284c7 !important;
    }
    .awards-page .awards-page-series-head small {
        font-size: 8px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
    }
    .awards-page .awards-page-series-head h2 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
    }
    .awards-page .awards-page-series-head > i { display: none !important; }

    /* Series Grid: 1 Cột Thẻ Dọc */
    .awards-page .awards-page-series-grid,
    .awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD CHUẨN THỂ THAO TRÊN MOBILE (KHÔNG KẸT CỘT DỌC, KHÔNG KHOẢNG TRẮNG) ════ */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 14px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 10px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card::before,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card::after {
        display: none !important;
    }

    /* 1. Header Row bên trong Card: Badge Số + Sub-label */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        align-self: flex-start !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* 2. Main Visual & Title: Icon Cúp 44px + Tiêu đề cạnh nhau */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }

    /* Note Serie B: Chữ sáng rõ 100% */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 6px 9px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px dashed rgba(255, 255, 255, 0.25) !important;
        color: #e0f2fe !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* 3. Prize Box: Trải rộng phía dưới, rõ ràng không kẹt */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* ════ THẺ VÔ ĐỊCH SERIE A & B TRÊN MOBILE (NỀN NAVY SANG TRỌNG ĐẲNG CẤP) ════ */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(244, 197, 87, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* VÔ ĐỊCH SERIE B */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    .awards-page-card-star { display: none !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   MOBILE AWARDS CARD GRID (2-COLUMN COMPACT TOP + FULL WIDTH PRIZE)
   ═════════════════════════════════════════════ */
@media (max-width: 780px) {
    :where(body, html, .awards-page, body.awards-page) .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px 12px !important;
        align-items: center !important;
        padding: 14px 14px 12px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 3px 12px rgba(7, 56, 104, 0.05) !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 11px !important;
        padding: 7px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15.5px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* Hàng 3: Khung Phần Thưởng Trải Rộng */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* Thẻ Vô Địch Serie A (Champion Hero Card) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* Thẻ Vô Địch Serie B (Champion Hero Card B) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - MINI BENTO COMPACT SHOWCASE (ZERO-SCROLL MOBILE)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-section {
        padding: 22px 0 26px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head {
        margin-bottom: 12px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
        font-size: clamp(20px, 5.5vw, 24px) !important;
        line-height: 1.15 !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    /* Thẻ Mini Bento Ngang */
    :where(body, html, .home-page, body.home-page) .awards-card-light {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 10px 12px !important;
        gap: 11px !important;
        border-radius: 14px !important;
        min-height: 64px !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
    }
    
    /* Bục Icon Pha Lê Trái */
    .awards-crystal-podium {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 12px !important;
        padding: 7px !important;
        box-shadow: none !important;
        flex-shrink: 0 !important;
        display: grid !important;
        place-items: center !important;
    }
    .awards-vector-icon {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        display: block !important;
    }

    /* Khối Text Giữa */
    :where(body, html, .home-page, body.home-page) .awards-card-body-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .awards-mini-tag {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        line-height: 1 !important;
        margin-bottom: 2px !important;
        text-transform: uppercase !important;
    }
    .awards-mini-tag.is-gold { color: #b45309 !important; }
    .awards-mini-tag.is-blue { color: #0284c7 !important; }
    .awards-mini-tag.is-purple { color: #7e22ce !important; }

    :where(body, html, .home-page, body.home-page) .awards-card-main-title {
        font-size: 13.5px !important;
        font-weight: 950 !important;
        text-align: left !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        color: #073868 !important;
    }
    .awards-card-mini-desc {
        display: block !important;
        font-size: 9.5px !important;
        color: #64748b !important;
        line-height: 1.2 !important;
        margin: 2px 0 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .awards-card-mini-desc strong {
        color: #1e293b !important;
    }

    /* Mũi tên tròn Phải */
    .awards-card-mobile-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
    }
    .awards-card-mobile-arrow.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
    .awards-card-mobile-arrow.is-blue { background: #e0f2fe !important; color: #0284c7 !important; }
    .awards-card-mobile-arrow.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
    .awards-card-mobile-arrow svg {
        width: 14px !important;
        height: 14px !important;
    }

    :where(body, html, .home-page, body.home-page) .awards-teaser-footer {
        display: block !important;
        margin-top: 10px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP MASTER DESIGN SYSTEM
   Hoàn hảo tuyệt đối trên mọi kích thước màn hình (Desktop & Mobile)
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 92px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 80% 20%, rgba(67, 215, 236, 0.2), transparent 35%),
                radial-gradient(circle at 15% 80%, rgba(20, 102, 216, 0.28), transparent 40%),
                linear-gradient(135deg, #010a1a 0%, #041c44 55%, #07396c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.awards-page .awards-page-hero::after {
    display: none !important;
}
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.25 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 60px 60px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15.5px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 0 !important;
}

/* Seal 11 Hạng Mục (Desktop) */
body.awards-page .awards-page-seal {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
body.awards-page .awards-page-seal span {
    font-size: 46px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
body.awards-page .awards-page-seal strong {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-seal small {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
body.awards-page .awards-page-seal i {
    color: #fde047 !important;
    margin-top: 2px !important;
}

/* ── 2. DIRECTORY SECTION ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}

/* Head Copy */
body.awards-page .awards-page-directory-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 34px !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(30px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head h2 em {
    font-style: italic !important;
    color: #0284c7 !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    border-left: 3.5px solid #0284c7 !important;
    padding-left: 14px !important;
    max-width: 720px !important;
}

/* Jumpbar Tabs (Desktop) */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 38px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
body.awards-page .awards-page-jumpbar a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    min-height: 60px !important;
}
body.awards-page .awards-page-jumpbar a:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.15) !important;
}
body.awards-page .awards-page-jumpbar a > span { display: none !important; }
body.awards-page .awards-page-jumpbar a > svg { display: none !important; }
body.awards-page .awards-page-jumpbar a > b {
    font-size: 14px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    line-height: 1.1 !important;
    margin-bottom: 3px !important;
}
body.awards-page .awards-page-jumpbar a > small {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #0284c7 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ── 3. SERIES CONTAINERS ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 100px !important;
    padding: clamp(22px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #eef4f8 !important;
}
body.awards-page .awards-page-series-head > span {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    background: #f0f8fc !important;
    border: 1.5px solid #cce3ee !important;
    color: #0284c7 !important;
}
body.awards-page .awards-page-series-a .awards-page-series-head > span {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #b45309 !important;
}
body.awards-page .awards-page-series-personal .awards-page-series-head > span {
    background: #faf5ff !important;
    border-color: #e9d5ff !important;
    color: #7e22ce !important;
}
body.awards-page .awards-page-series-head small {
    display: block !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #0284c7 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-head h2 {
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 2px 0 0 !important;
    line-height: 1.2 !important;
}
body.awards-page .awards-page-series-head > i { display: none !important; }
body.awards-page .awards-page-personal-intro {
    font-size: 14px !important;
    color: #64748b !important;
    margin: -10px 0 20px !important;
}

/* ── 4. DESKTOP CARDS GRID ── */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
}

/* Card Hero Champion (Full Width trên Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 26px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

/* Rank Block Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank {
    height: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(244, 197, 87, 0.2) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    color: #fde047 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
    height: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(56, 189, 248, 0.2) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    color: #7dd3fc !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small {
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank strong,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
    font-size: 26px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* Emblem Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
    width: 84px !important;
    height: 84px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
    width: 84px !important;
    height: 84px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem svg,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem svg {
    width: 100% !important;
    height: 100% !important;
}

/* Copy Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
    color: #fde047 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
    color: #7dd3fc !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
    font-size: clamp(24px, 2.6vw, 34px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    margin: 4px 0 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-note {
    display: block !important;
    margin-top: 8px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px dashed rgba(255, 255, 255, 0.25) !important;
    color: #e0f2fe !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Prize Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #fde047 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #7dd3fc !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > p,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}
body.awards-page .awards-page-card-star { display: none !important; }

/* ── 5. DESKTOP STANDARD CARDS (02, 03, 04, 06, 07, 08, 09, 10, 11) ── */
body.awards-page .awards-page-series-grid .awards-page-card {
    background: linear-gradient(165deg, #ffffff 0%, #f9fcfe 100%) !important;
    border: 1.5px solid #dce8ef !important;
    border-radius: 18px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 16px !important;
    box-shadow: 0 4px 16px rgba(7, 56, 104, 0.05) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-series-grid .awards-page-card:hover {
    transform: translateY(-4px) !important;
    border-color: #0284c7 !important;
    box-shadow: 0 12px 30px rgba(7, 56, 104, 0.12) !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
    margin: 0 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank strong {
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-emblem {
    width: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
    background: #f0f8fc !important;
    border: 1px solid #cce3ee !important;
    display: grid !important;
    place-items: center !important;
    padding: 9px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-emblem svg {
    width: 100% !important;
    height: 100% !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-copy > small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #0284c7 !important;
    text-transform: uppercase !important;
    display: block !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-copy > h3 {
    font-size: 18px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 3px 0 0 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize {
    padding: 11px 13px !important;
    border-radius: 10px !important;
    background: #f1f7fb !important;
    border: 1px solid #d8e8f2 !important;
    border-left: 3.5px solid #0284c7 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize > small {
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 2px !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize > p {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ═════════════════════════════════════════════════════════════════════
   6. MOBILE RESPONSIVE CHO TRANG AWARDS.PHP (100% HOÀN HẢO)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    /* Hero Section Mobile */
    body.awards-page .awards-page-hero {
        padding: 34px 0 38px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-top: 8px !important;
    }
    body.awards-page .awards-page-seal {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        border-radius: 12px !important;
        padding: 8px 14px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 1.5px solid rgba(245, 158, 11, 0.5) !important;
        background: rgba(245, 158, 11, 0.14) !important;
        box-shadow: none !important;
    }
    body.awards-page .awards-page-seal span {
        font-size: 22px !important;
    }
    body.awards-page .awards-page-seal strong {
        font-size: 11px !important;
        color: #fef08a !important;
    }
    body.awards-page .awards-page-seal small {
        font-size: 9.5px !important;
        color: #cbd5e1 !important;
        margin-left: auto !important;
    }
    body.awards-page .awards-page-seal i { display: none !important; }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 24px 0 36px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        padding-left: 10px !important;
    }

    /* Jumpbar Mobile */
    body.awards-page .awards-page-jumpbar {
        gap: 6px !important;
        padding: 6px !important;
        margin-bottom: 18px !important;
        border-radius: 12px !important;
    }
    body.awards-page .awards-page-jumpbar a {
        padding: 8px 4px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-jumpbar a > b {
        font-size: 11px !important;
    }
    body.awards-page .awards-page-jumpbar a > small {
        font-size: 7.5px !important;
    }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 16px !important;
        margin-bottom: 18px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
    }
    body.awards-page .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 15px !important;
    }
    body.awards-page .awards-page-series-head small {
        font-size: 8px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD CHUẨN ĐẸP TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px 12px !important;
        align-items: center !important;
        padding: 14px 14px 12px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 3px 12px rgba(7, 56, 104, 0.05) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-page-card-rank {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
        box-shadow: none !important;
    }
    body.awards-page .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-page-card-emblem {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 11px !important;
        padding: 7px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    body.awards-page .awards-page-card .awards-page-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15.5px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-page-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }
}


.svg-desc-icon {
    width: 13px !important;
    height: 13px !important;
    display: inline-block !important;
    vertical-align: -2px !important;
    margin-right: 3px !important;
    flex-shrink: 0 !important;
}
.svg-desc-icon.is-gold { color: #f59e0b !important; }
.svg-desc-icon.is-blue { color: #0284c7 !important; }
.svg-desc-icon.is-purple { color: #9333ea !important; }


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - MASTER DESIGN SYSTEM FOR AWARDS.PHP
   Bảo đảm hoàn mỹ trên cả Desktop và Mobile
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (THE HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(56px, 7.5vw, 96px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.18), transparent 30%),
                radial-gradient(circle at 10% 85%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #01091a 0%, #031c44 50%, #062e5c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.awards-page .awards-page-hero::after { display: none !important; }
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.18 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 24px !important;
}

/* 3 Hero Stats Boxes */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.5) !important; }
.awards-stat-icon.is-cyan { background: rgba(56, 189, 248, 0.25) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.5) !important; }
.awards-stat-icon.is-purple { background: rgba(192, 132, 252, 0.25) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.5) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.awards-stat-meta small {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
}

/* Golden Seal (Desktop) */
body.awards-page .awards-page-seal {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
    position: relative !important;
}
.awards-seal-number {
    font-size: 44px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
.awards-seal-title {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-seal-subtitle {
    font-size: 8px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #0284c7 !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Pill Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(7, 56, 104, 0.1) !important;
}
.awards-jump-badge {
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.awards-jump-badge.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-jump-badge.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-jump-badge.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

.awards-jump-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: #073868 !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #e0f2fe !important; color: #0369a1 !important; }
.awards-jump-icon.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. SERIES SECTIONS (DESKTOP & MASTER) ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
.awards-series-number {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1.5px solid #bae6fd !important; }
.awards-series-number.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1.5px solid #e9d5ff !important; }

.awards-series-subtitle {
    display: block !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: #0369a1 !important; }
.awards-series-subtitle.is-purple { color: #7e22ce !important; }

/* Desktop Grid */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

/* Hero Champion Card (Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    margin-bottom: 18px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

.awards-card-rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
}
.awards-card-rank-badge.is-gold { background: rgba(244, 197, 87, 0.2) !important; border-color: rgba(244, 197, 87, 0.5) !important; color: #fde047 !important; }
.awards-card-rank-badge.is-blue { background: rgba(56, 189, 248, 0.2) !important; border-color: rgba(56, 189, 248, 0.5) !important; color: #7dd3fc !important; }
.awards-card-rank-badge.is-purple { background: #f3e8ff !important; border-color: #e9d5ff !important; color: #7e22ce !important; }

.awards-card-hero-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.awards-card-hero-icon.is-gold {
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
}
.awards-card-hero-icon.is-blue {
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
}
.awards-card-hero-icon svg { width: 100% !important; height: 100% !important; }

.awards-card-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}
.awards-card-tag-pill.is-gold { color: #fde047 !important; }
.awards-card-tag-pill.is-blue { color: #7dd3fc !important; }

.awards-card-prize.is-gold {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-card-prize.is-blue {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}
.awards-card-prize.is-gold .awards-prize-head { color: #fde047 !important; }
.awards-card-prize.is-blue .awards-prize-head { color: #7dd3fc !important; }
.awards-prize-head svg { width: 14px !important; height: 14px !important; }

/* ── 4. RESPONSIVE MOBILE CHO TOÀN BỘ TRANG AWARDS.PHP ── */
@media (max-width: 780px) {
    body.awards-page .awards-page-hero {
        padding: 30px 0 34px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 10px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 16px !important;
    }
    
    /* Stats Row Mobile */
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; letter-spacing: 0.04em !important; }

    /* Seal Mobile */
    body.awards-page .awards-page-seal {
        display: none !important;
    }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 32px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Jumpbar Mobile: 3 Nút Nhỏ Gọn */
    body.awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 48px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD TO RÕ ĐẸP MẮT TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 6px 10px !important;
        align-items: center !important;
        padding: 12px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-card-rank-badge {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 2px 7px !important;
        border-radius: 5px !important;
        font-size: 11px !important;
        margin: 0 !important;
        justify-self: start !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge small {
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge strong {
        font-size: 11.5px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-card-emblem,
    body.awards-page .awards-page-card .awards-card-hero-icon {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-emblem svg,
    body.awards-page .awards-page-card .awards-card-hero-icon svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    body.awards-page .awards-page-card .awards-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-card-copy > small,
    body.awards-page .awards-page-card .awards-card-tag-pill {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-tag-pill svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 4px 7px !important;
        border-radius: 5px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
        margin-top: 3px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        padding: 7px 9px !important;
        border-radius: 7px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3px solid #0284c7 !important;
        margin: 1px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-card-prize small,
    body.awards-page .awards-page-card .awards-prize-head small {
        display: block !important;
        font-size: 6.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-prize-head svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-prize > p {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 6px 20px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize small { color: #fde047 !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize > p { color: #ffffff !important; }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 6px 20px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize small { color: #7dd3fc !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize > p { color: #ffffff !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   UI-STYLING & UI/UX PRO MAX - AWARDS.PHP MASTER COMPONENT SUITE
   ═════════════════════════════════════════════════════════════════════ */

/* Base Reset & Variables */
:where(.awards-page, body.awards-page) {
    --gold-50: #fffbeb;
    --gold-100: #fef3c7;
    --gold-400: #fbbf24;
    --gold-500: #f59e0b;
    --gold-600: #d97706;
    --blue-50: #f0f9ff;
    --blue-100: #e0f2fe;
    --blue-400: #38bdf8;
    --blue-500: #0284c7;
    --blue-600: #0369a1;
    --purple-50: #faf5ff;
    --purple-100: #f3e8ff;
    --purple-400: #c084fc;
    --purple-500: #9333ea;
    --purple-600: #7e22ce;
    --navy-900: #04142f;
    --navy-950: #01091a;
}

/* ── 1. HERO TROPHY ROOM ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(56px, 7.5vw, 96px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.2), transparent 32%),
                radial-gradient(circle at 10% 85%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #01091a 0%, #031c44 50%, #062e5c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.awards-page .awards-page-hero::after { display: none !important; }
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.18 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 24px !important;
}

/* 3 Hero Stats Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.5) !important; }
.awards-stat-icon.is-cyan { background: rgba(56, 189, 248, 0.25) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.5) !important; }
.awards-stat-icon.is-purple { background: rgba(192, 132, 252, 0.25) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.5) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.awards-stat-meta small {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
}

/* Golden Seal Emblem (Desktop) */
body.awards-page .awards-page-seal {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number {
    font-size: 44px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
.awards-seal-title {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-seal-subtitle {
    font-size: 8px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #0284c7 !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Pill Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(7, 56, 104, 0.1) !important;
}
.awards-jump-badge {
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.awards-jump-badge.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-jump-badge.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-jump-badge.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

.awards-jump-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: #073868 !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #e0f2fe !important; color: #0369a1 !important; }
.awards-jump-icon.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. SERIES SECTIONS (DESKTOP & MASTER) ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
.awards-series-number {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1.5px solid #bae6fd !important; }
.awards-series-number.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1.5px solid #e9d5ff !important; }

.awards-series-subtitle {
    display: block !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: #0369a1 !important; }
.awards-series-subtitle.is-purple { color: #7e22ce !important; }

/* Desktop Grid */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

/* Hero Champion Card (Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    margin-bottom: 18px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

.awards-card-rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
}
.awards-card-rank-badge.is-gold { background: rgba(244, 197, 87, 0.2) !important; border-color: rgba(244, 197, 87, 0.5) !important; color: #fde047 !important; }
.awards-card-rank-badge.is-blue { background: rgba(56, 189, 248, 0.2) !important; border-color: rgba(56, 189, 248, 0.5) !important; color: #7dd3fc !important; }
.awards-card-rank-badge.is-purple { background: #f3e8ff !important; border-color: #e9d5ff !important; color: #7e22ce !important; }

.awards-card-hero-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.awards-card-hero-icon.is-gold {
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
}
.awards-card-hero-icon.is-blue {
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
}
.awards-card-hero-icon svg { width: 100% !important; height: 100% !important; }

.awards-card-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}
.awards-card-tag-pill.is-gold { color: #fde047 !important; }
.awards-card-tag-pill.is-blue { color: #7dd3fc !important; }

.awards-card-prize.is-gold {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-card-prize.is-blue {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}
.awards-card-prize.is-gold .awards-prize-head { color: #fde047 !important; }
.awards-card-prize.is-blue .awards-prize-head { color: #7dd3fc !important; }
.awards-prize-head svg { width: 14px !important; height: 14px !important; }

/* ── 4. RESPONSIVE MOBILE CHO TOÀN BỘ TRANG AWARDS.PHP ── */
@media (max-width: 780px) {
    body.awards-page .awards-page-hero {
        padding: 30px 0 34px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 10px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 16px !important;
    }
    
    /* Stats Row Mobile */
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; letter-spacing: 0.04em !important; }

    /* Seal Mobile */
    body.awards-page .awards-page-seal {
        display: none !important;
    }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 32px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Jumpbar Mobile: 3 Nút Nhỏ Gọn */
    body.awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 48px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD TO RÕ ĐẸP MẮT TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 6px 10px !important;
        align-items: center !important;
        padding: 12px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-card-rank-badge {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 2px 7px !important;
        border-radius: 5px !important;
        font-size: 11px !important;
        margin: 0 !important;
        justify-self: start !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge small {
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge strong {
        font-size: 11.5px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-card-emblem,
    body.awards-page .awards-page-card .awards-card-hero-icon {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-emblem svg,
    body.awards-page .awards-page-card .awards-card-hero-icon svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    body.awards-page .awards-page-card .awards-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-card-copy > small,
    body.awards-page .awards-page-card .awards-card-tag-pill {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-tag-pill svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 4px 7px !important;
        border-radius: 5px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
        margin-top: 3px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        padding: 7px 9px !important;
        border-radius: 7px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3px solid #0284c7 !important;
        margin: 1px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-card-prize small,
    body.awards-page .awards-page-card .awards-prize-head small {
        display: block !important;
        font-size: 6.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-prize-head svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-prize > p {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 6px 20px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize small { color: #fde047 !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize > p { color: #ffffff !important; }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 6px 20px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize small { color: #7dd3fc !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize > p { color: #ffffff !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - ABSOLUTE FIX FOR DESKTOP & MOBILE
   Zero stray arrows, locked SVG dimensions, pristine UI
   ═════════════════════════════════════════════════════════════════════ */
.desktop-only { display: block !important; }
.mobile-only { display: none !important; }

@media (max-width: 780px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important; }
}

/* Card Button Desktop */
:where(body, html, .home-page, body.home-page) .awards-card-footer-action {
    padding-top: 14px !important;
    border-top: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-gold {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-gold:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-blue {
    background: #f0f9ff !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-blue:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-purple {
    background: #faf5ff !important;
    color: #7e22ce !important;
    border: 1px solid #e9d5ff !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-purple:hover {
    background: #9333ea !important;
    color: #ffffff !important;
    border-color: #9333ea !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    stroke-width: 2.5 !important;
    transition: transform 0.2s ease !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover .awards-card-btn svg {
    transform: translateX(4px) !important;
}

/* Card Button Mobile */
@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-card-footer-action {
        padding-top: 0 !important;
        border-top: none !important;
        width: auto !important;
        flex-shrink: 0 !important;
    }
    :where(body, html, .home-page, body.home-page) /* removed old round btn */
    :where(body, html, .home-page, body.home-page) .awards-card-btn svg {
        width: 14px !important;
        height: 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER MASTER CSS (CLEAN & ERROR-FREE 100%)
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-section {
    position: relative !important;
    padding: clamp(44px, 5.5vw, 72px) 0 !important;
    background: radial-gradient(circle at 88% 10%, rgba(36, 199, 233, 0.12), transparent 45%),
                radial-gradient(circle at 12% 90%, rgba(25, 118, 243, 0.08), transparent 45%),
                linear-gradient(180deg, #f6faff 0%, #ffffff 50%, #f0f7ff 100%) !important;
    color: var(--ink, #08275a) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.awards-teaser-head.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: clamp(22px, 3vw, 32px) !important;
    width: 100% !important;
}
.awards-teaser-head-copy h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #1976f3 0%, #0b4696 100%) !important;
    color: #ffffff !important;
    font-weight: 850 !important;
    font-size: 11.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.awards-btn-main:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #24c7e9 0%, #1976f3 100%) !important;
    box-shadow: 0 10px 24px rgba(25, 118, 243, 0.38) !important;
}
.awards-btn-main-arrow {
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
}
.awards-btn-main-arrow svg {
    width: 10px !important;
    height: 10px !important;
    stroke: #ffffff !important;
}

/* Desktop Grid: 3 Cột */
@media screen and (min-width: 861px) {
    .awards-teaser-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        align-items: stretch !important;
        width: 100% !important;
    }
}

.awards-card-light {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 14px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    height: 100% !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.05) !important;
}
.awards-card-light:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(8, 39, 90, 0.12) !important;
}

.awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
.awards-card-light.is-serie-b { border-top: 3.5px solid #1976f3 !important; }
.awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

.awards-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
}
.awards-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
}
.awards-pill-badge.is-gold { background: #fffbeb !important; border: 1px solid #fef3c7 !important; }
.awards-pill-badge.is-blue { background: #eff6ff !important; border: 1px solid #dbeafe !important; }
.awards-pill-badge.is-purple { background: #eef2ff !important; border: 1px solid #e0e7ff !important; }
.awards-pill-num { font-size: 12px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-pill-badge.is-gold .awards-pill-num { color: #b45309 !important; }
.awards-pill-badge.is-blue .awards-pill-num { color: #1d4ed8 !important; }
.awards-pill-badge.is-purple .awards-pill-num { color: #4338ca !important; }
.awards-pill-name { font-size: 8.5px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.awards-pill-badge.is-gold .awards-pill-name { color: #92400e !important; }
.awards-pill-badge.is-blue .awards-pill-name { color: #1e40af !important; }
.awards-pill-badge.is-purple .awards-pill-name { color: #3730a3 !important; }

.awards-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 3px 7px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
.awards-chip.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-chip.is-blue { background: #f0f9ff !important; color: #0284c7 !important; border: 1px solid #bae6fd !important; }
.awards-chip.is-purple { background: #f5f3ff !important; color: #6366f1 !important; border: 1px solid #ddd6fe !important; }

.awards-card-hero-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 0 !important;
    margin: 0 auto !important;
}
.awards-crystal-podium {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-card-light:hover .awards-crystal-podium { transform: scale(1.06) !important; }
.awards-crystal-podium.is-gold {
    background: radial-gradient(circle, #fffbeb 0%, #fef3c7 65%, #fde68a 100%) !important;
    border: 1.5px solid #f59e0b !important;
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.18) !important;
}
.awards-crystal-podium.is-blue {
    background: radial-gradient(circle, #eff6ff 0%, #dbeafe 65%, #bfdbfe 100%) !important;
    border: 1.5px solid #1976f3 !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.18) !important;
}
.awards-crystal-podium.is-purple {
    background: radial-gradient(circle, #f5f3ff 0%, #ede9fe 65%, #ddd6fe 100%) !important;
    border: 1.5px solid #6366f1 !important;
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.18) !important;
}
.awards-vector-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    display: block !important;
}

.awards-card-body-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}
.awards-card-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.awards-prize-card {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 11px !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}
.awards-prize-card.is-gold {
    background: #fffdf7 !important;
    border: 1px solid #fef3c7 !important;
    border-left: 3.5px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid #1976f3 !important;
}
.awards-prize-card.is-purple {
    background: #faf8ff !important;
    border: 1px solid #e0e7ff !important;
    border-left: 3.5px solid #6366f1 !important;
}
.awards-prize-icon-circle {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-prize-icon-circle.is-blue { background: #dbeafe !important; color: #1976f3 !important; }
.awards-prize-icon-circle.is-purple { background: #e0e7ff !important; color: #6366f1 !important; }
.awards-prize-icon-circle svg { width: 14px !important; height: 14px !important; }
.awards-prize-text {
    font-size: 11.5px !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}
.awards-prize-text strong { color: #0f172a !important; font-weight: 900 !important; }

.awards-subcategories { font-size: 11px !important; margin-top: auto !important; width: 100% !important; text-align: center !important; }
.awards-subcategories-title {
    display: block !important;
    font-weight: 800 !important;
    color: #64748b !important;
    margin-bottom: 5px !important;
    font-size: 9px !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.awards-subcategories-chips { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; }
.awards-chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.svg-chip-icon { width: 11px !important; height: 11px !important; }

.awards-card-footer-action {
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    margin-top: auto !important;
    width: 100% !important;
}
.awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.awards-card-btn.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-card-btn.is-gold:hover { background: #f59e0b !important; color: #ffffff !important; border-color: #f59e0b !important; }
.awards-card-btn.is-blue { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.awards-card-btn.is-blue:hover { background: #1976f3 !important; color: #ffffff !important; border-color: #1976f3 !important; }
.awards-card-btn.is-purple { background: #eef2ff !important; color: #4338ca !important; border: 1px solid #c7d2fe !important; }
.awards-card-btn.is-purple:hover { background: #6366f1 !important; color: #ffffff !important; border-color: #6366f1 !important; }
.awards-card-btn svg { width: 13px !important; height: 13px !important; flex-shrink: 0 !important; }

/* ═════════════════════════════════════════════════════════════════════
   MOBILE STRICT 1-COLUMN (CHỐNG TRÀN 2 CỘT 100%)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    html, body { overflow-x: hidden !important; width: 100% !important; }
    .awards-teaser-section { padding: 20px 0 24px !important; overflow: hidden !important; }
    
    .awards-teaser-head.is-centered {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 6px !important;
        margin-bottom: 12px !important;
    }
    .awards-teaser-head-copy h2 {
        font-size: 21px !important;
        color: var(--ink, #08275a) !important;
    }
    
    /* 1 CỘT DỌC DUY NHẤT */
    .awards-teaser-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }
    .awards-card-light {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 14px 12px !important;
        gap: 10px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }
    .awards-card-main-title {
        font-size: 15px !important;
        color: var(--ink, #08275a) !important;
        white-space: normal !important;
    }
    .awards-crystal-podium {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        border-radius: 12px !important;
        padding: 6px !important;
    }
    .awards-vector-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .awards-prize-card {
        padding: 7px 9px !important;
        border-radius: 8px !important;
    }
    .awards-prize-text {
        font-size: 11px !important;
    }
    .awards-card-footer-action {
        margin-top: 4px !important;
        padding-top: 8px !important;
    }
    .awards-card-btn {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 11.5px !important;
        border-radius: 8px !important;
    }
    .awards-teaser-footer {
        display: block !important;
        margin-top: 12px !important;
    }
    .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        font-size: 11.5px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #1976f3 0%, #0b4696 100%) !important;
        box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BULLETPROOF AWARDS TEASER BUTTONS (100% CLEAN & FULL WIDTH)
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-action-wrap {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.awards-teaser-action-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
}
.awards-teaser-action-btn span {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.awards-teaser-action-btn svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease !important;
}
.awards-card-light:hover .awards-teaser-action-btn svg {
    transform: translateX(4px) !important;
}
.awards-teaser-action-btn.is-gold {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}
.awards-teaser-action-btn.is-blue {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: #1976f3 !important;
    color: #ffffff !important;
    border-color: #1976f3 !important;
}
.awards-teaser-action-btn.is-purple {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: #6366f1 !important;
    color: #ffffff !important;
    border-color: #6366f1 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-action-wrap {
        margin-top: 4px !important;
        padding-top: 8px !important;
    }
    .awards-teaser-action-btn {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 11.5px !important;
        border-radius: 8px !important;
    }
    .awards-teaser-action-btn span {
        font-size: 11.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - 100% PERFECT WEBSITE COLOR HARMONY
   Tone chuẩn: Navy #08275a | Royal Blue #1976f3 | Cyan #24c7e9 | Paper #f6faff
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-section {
    background: radial-gradient(circle at 90% 10%, rgba(36, 199, 233, 0.12), transparent 40%),
                radial-gradient(circle at 10% 90%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
}

.awards-teaser-head-copy h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Nút Header: Chuẩn Royal Blue Website */
.awards-btn-main {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.awards-btn-main:hover {
    background: linear-gradient(135deg, var(--cyan, #24c7e9) 0%, var(--blue, #1976f3) 100%) !important;
    box-shadow: 0 10px 24px rgba(25, 118, 243, 0.38) !important;
}

/* Thẻ Card Trắng Tinh Khiết */
.awards-card-light {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
}
.awards-card-light:hover {
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
}

/* Viền trên định danh từng nhánh */
.awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
.awards-card-light.is-serie-b { border-top: 3.5px solid var(--blue, #1976f3) !important; }
.awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

/* Tiêu Đề Thẻ */
.awards-card-main-title {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Hộp Phần Thưởng Nhã Nhặn */
.awards-prize-card.is-gold {
    background: #fffdf7 !important;
    border: 1px solid #fef3c7 !important;
    border-left: 3.5px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid var(--blue, #1976f3) !important;
}
.awards-prize-card.is-purple {
    background: #faf8ff !important;
    border: 1px solid #e0e7ff !important;
    border-left: 3.5px solid #6366f1 !important;
}

.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-prize-icon-circle.is-blue { background: #dbeafe !important; color: var(--blue, #1976f3) !important; }
.awards-prize-icon-circle.is-purple { background: #e0e7ff !important; color: #6366f1 !important; }

.awards-prize-text {
    color: #1e293b !important;
}
.awards-prize-text strong {
    color: var(--ink, #08275a) !important;
}

/* Các Chip Danh Mục Phụ */
.awards-chip-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

/* Nút Chân Thẻ Đồng Bộ Màu Sắc */
.awards-teaser-action-btn.is-gold {
    background: #fffbeb !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border-color: #d97706 !important;
}
.awards-teaser-action-btn.is-blue {
    background: #eff6ff !important;
    color: var(--ink-2, #0b4696) !important;
    border: 1px solid #bfdbfe !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    color: #ffffff !important;
    border-color: var(--ink-2, #0b4696) !important;
}
.awards-teaser-action-btn.is-purple {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%) !important;
    color: #ffffff !important;
    border-color: #4338ca !important;
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP & DIRECTORY - 100% BRAND IDENTITY COLOR HARMONY
   Website Core Palette: --ink: #08275a | --blue: #1976f3 | --cyan: #24c7e9 | --paper: #f6faff
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 90px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}

body.awards-page .awards-page-kicker {
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
}
body.awards-page .awards-page-kicker i {
    background: #24c7e9 !important;
    box-shadow: 0 0 10px #24c7e9 !important;
}

body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-hero p {
    color: #d1e3f8 !important;
}

/* 3 Stats Bento Boxes */
.awards-stat-box {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon.is-gold {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fde047 !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
}
.awards-stat-icon.is-cyan {
    background: rgba(36, 199, 233, 0.22) !important;
    color: #7ce6f7 !important;
    border: 1px solid rgba(36, 199, 233, 0.45) !important;
}
.awards-stat-icon.is-purple {
    background: rgba(99, 102, 241, 0.22) !important;
    color: #c7d2fe !important;
    border: 1px solid rgba(99, 102, 241, 0.45) !important;
}
.awards-stat-meta strong { color: #ffffff !important; }
.awards-stat-meta small { color: #94a3b8 !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.awards-seal-number { color: #fde047 !important; }
.awards-seal-title { color: #ffffff !important; }
.awards-seal-subtitle { color: #7ce6f7 !important; }
.awards-seal-star { color: #fde047 !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
}
.awards-dir-kicker-dot { background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
body.awards-page .awards-page-directory-head p {
    color: #475569 !important;
}

/* Floating Jumpbar Tabs */
body.awards-page .awards-page-jumpbar {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-meta b { color: var(--ink, #08275a) !important; }
.awards-jump-meta small { color: #64748b !important; }

/* ── 3. CÁC PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN ── */
body.awards-page .awards-page-series {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
}
body.awards-page .awards-page-series-head h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border-color: #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border-color: #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border-color: #c7d2fe !important; }

/* Thẻ Vô Địch Serie A (Hero Grand Master 01) */
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(245, 158, 11, 0.22), transparent 35%),
                linear-gradient(135deg, #051d45 0%, #08275a 55%, #0b3d82 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 36px rgba(5, 29, 69, 0.25) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy h3 {
    color: #ffffff !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Thẻ Vô Địch Serie B (Hero Grand Master 05) */
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(36, 199, 233, 0.22), transparent 35%),
                linear-gradient(135deg, #051d45 0%, #08275a 55%, #0b3d82 100%) !important;
    border: 2px solid rgba(36, 199, 233, 0.75) !important;
    box-shadow: 0 16px 36px rgba(5, 29, 69, 0.25) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy h3 {
    color: #ffffff !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* ── 4. CÁC THẺ CARD DANH HIỆU KHÁC (02, 03, 04, 06, 07, 08, 09, 10, 11) ── */
body.awards-page .awards-page-card {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 14px rgba(8, 39, 90, 0.04) !important;
}
body.awards-page .awards-page-card:hover {
    box-shadow: 0 10px 24px rgba(8, 39, 90, 0.09) !important;
    border-color: rgba(25, 118, 243, 0.3) !important;
}
body.awards-page .awards-page-card .awards-card-copy h3 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Badges Hạng Mục */
.awards-card-rank-badge {
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
}
.awards-card-rank-badge.is-gold {
    background: rgba(245, 158, 11, 0.2) !important;
    border-color: rgba(245, 158, 11, 0.5) !important;
    color: #fde047 !important;
}
.awards-card-rank-badge.is-blue {
    background: rgba(36, 199, 233, 0.2) !important;
    border-color: rgba(36, 199, 233, 0.5) !important;
    color: #7ce6f7 !important;
}
.awards-card-rank-badge.is-purple {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #4f46e5 !important;
}

/* Hộp Phần Thưởng Nhã Nhặn */
body.awards-page .awards-card-prize {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid var(--blue, #1976f3) !important;
}
body.awards-page .awards-page-card.awards-page-card-personal .awards-card-prize {
    background: #faf8ff !important;
    border-color: #e0e7ff !important;
    border-left-color: #6366f1 !important;
}
body.awards-page .awards-card-prize p {
    color: #1e293b !important;
}
body.awards-page .awards-card-prize p strong {
    color: var(--ink, #08275a) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP & DIRECTORY MASTER SUITE
   Thiết kế đồng bộ hoàn hảo với Component Vinh Danh ở Trang Chủ
   ═════════════════════════════════════════════════════════════════════ */

/* HERO SECTION: THE HALL OF CHAMPIONS */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 90px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #24c7e9 !important;
    box-shadow: 0 0 8px #24c7e9 !important;
}
body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(32px, 5vw, 60px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #d1e3f8 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 12px 0 22px !important;
}

/* 3 Stats Hero Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.22) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-stat-icon.is-cyan { background: rgba(36, 199, 233, 0.22) !important; color: #7ce6f7 !important; border: 1px solid rgba(36, 199, 233, 0.45) !important; }
.awards-stat-icon.is-purple { background: rgba(99, 102, 241, 0.22) !important; color: #c7d2fe !important; border: 1px solid rgba(99, 102, 241, 0.45) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong { display: block !important; font-size: 16px !important; font-weight: 950 !important; color: #ffffff !important; line-height: 1 !important; }
.awards-stat-meta small { display: block !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; color: #94a3b8 !important; text-transform: uppercase !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 14px !important;
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number { font-size: 40px !important; font-weight: 950 !important; color: #fde047 !important; line-height: 0.9 !important; letter-spacing: -0.04em !important; }
.awards-seal-title { font-size: 9.5px !important; font-weight: 900 !important; letter-spacing: 0.12em !important; color: #ffffff !important; text-transform: uppercase !important; }
.awards-seal-subtitle { font-size: 8px !important; font-weight: 800 !important; color: #7ce6f7 !important; letter-spacing: 0.06em !important; }
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(48px, 6vw, 76px) 0 !important;
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Jumpbar Tabs */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: var(--ink, #08275a) !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

/* ── PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN TRONG AWARDS.PHP ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.awards-series-number {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border: 1.5px solid #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border: 1.5px solid #c7d2fe !important; }

body.awards-page .awards-page-series-head h2 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.6vw, 28px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle {
    display: block !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: var(--blue, #1976f3) !important; }
.awards-series-subtitle.is-purple { color: #4f46e5 !important; }

.awards-page-personal-intro {
    font-size: 14px !important;
    color: #475569 !important;
    margin: -10px 0 20px 0 !important;
    line-height: 1.5 !important;
}

/* Thẻ Hero Vô Địch Serie A & Serie B */
body.awards-page .awards-card-light.awards-page-card-champion,
body.awards-page .awards-card-light.awards-page-card-champion-b {
    margin-bottom: 20px !important;
}

/* Desktop Grid 3 Cột */
@media screen and (min-width: 861px) {
    body.awards-page .awards-page-series-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE CHO TRANG AWARDS.PHP (1 CỘT DỌC CHUẨN XÁC)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    body.awards-page .awards-page-hero {
        padding: 24px 0 28px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 8px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 14px !important;
    }
    body.awards-page .awards-page-seal {
        display: none !important;
    }
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon { width: 24px !important; height: 24px !important; border-radius: 6px !important; }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; }

    /* Directory Head & Jumpbar Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 24px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
    }
    body.awards-page .awards-page-jumpbar {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 5px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 46px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }
    .awards-page-personal-intro {
        font-size: 11.5px !important;
        margin: -4px 0 12px 0 !important;
    }

    /* 1 Cột Dọc Cho Toàn Bộ Thẻ Trên Mobile */
    body.awards-page .awards-page-series-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP MASTER DESIGN SYSTEM
   Phong cách thể thao chuyên nghiệp, sang trọng, đẳng cấp quốc tế
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (THE HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(54px, 7vw, 92px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}

body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #24c7e9 !important;
    box-shadow: 0 0 8px #24c7e9 !important;
}

body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 5vw, 60px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #d1e3f8 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 12px 0 22px !important;
}

/* 3 Stats Hero Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.22) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-stat-icon.is-cyan { background: rgba(36, 199, 233, 0.22) !important; color: #7ce6f7 !important; border: 1px solid rgba(36, 199, 233, 0.45) !important; }
.awards-stat-icon.is-purple { background: rgba(99, 102, 241, 0.22) !important; color: #c7d2fe !important; border: 1px solid rgba(99, 102, 241, 0.45) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong { display: block !important; font-size: 16px !important; font-weight: 950 !important; color: #ffffff !important; line-height: 1 !important; }
.awards-stat-meta small { display: block !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; color: #94a3b8 !important; text-transform: uppercase !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 14px !important;
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number { font-size: 40px !important; font-weight: 950 !important; color: #fde047 !important; line-height: 0.9 !important; letter-spacing: -0.04em !important; }
.awards-seal-title { font-size: 9.5px !important; font-weight: 900 !important; letter-spacing: 0.12em !important; color: #ffffff !important; text-transform: uppercase !important; }
.awards-seal-subtitle { font-size: 8px !important; font-weight: 800 !important; color: #7ce6f7 !important; letter-spacing: 0.06em !important; }
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(48px, 6vw, 76px) 0 !important;
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Cockpit Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}
.awards-jump-dot.is-gold { background: #f59e0b !important; box-shadow: 0 0 6px #f59e0b !important; }
.awards-jump-dot.is-blue { background: #1976f3 !important; box-shadow: 0 0 6px #1976f3 !important; }
.awards-jump-dot.is-purple { background: #6366f1 !important; box-shadow: 0 0 6px #6366f1 !important; }

.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: var(--ink, #08275a) !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }
.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fffbeb !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; }
.awards-jump-icon.is-purple { background: #eef2ff !important; color: #4f46e5 !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.awards-series-number {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border: 1.5px solid #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border: 1.5px solid #c7d2fe !important; }

body.awards-page .awards-page-series-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.6vw, 28px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle {
    display: block !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: var(--blue, #1976f3) !important; }
.awards-series-subtitle.is-purple { color: #4f46e5 !important; }

/* ── 4. THẺ BENTO THỂ THAO ĐỒNG BỘ TOÀN DIỆN ── */
body.awards-page .awards-card-light {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 14px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    height: 100% !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
}
body.awards-page .awards-card-light:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
}

body.awards-page .awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
body.awards-page .awards-card-light.is-serie-b { border-top: 3.5px solid var(--blue, #1976f3) !important; }
body.awards-page .awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

body.awards-page .awards-card-light.awards-page-card-champion,
body.awards-page .awards-card-light.awards-page-card-champion-b {
    margin-bottom: 20px !important;
}

body.awards-page .awards-page-card-note {
    display: block !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    background: #eff6ff !important;
    border: 1px dashed #bfdbfe !important;
    color: var(--ink-2, #0b4696) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-top: 6px !important;
    text-align: center !important;
}

@media screen and (min-width: 861px) {
    body.awards-page .awards-page-series-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE STRICT 1-COLUMN FOR AWARDS.PHP
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    body.awards-page .awards-page-hero {
        padding: 24px 0 28px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 8px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 14px !important;
    }
    body.awards-page .awards-page-seal {
        display: none !important;
    }
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon { width: 24px !important; height: 24px !important; border-radius: 6px !important; }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; }

    /* Directory Head & Jumpbar Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 24px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
    }
    body.awards-page .awards-page-jumpbar {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 5px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 46px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-dot { display: inline-block !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }
    .awards-page-personal-intro {
        font-size: 11.5px !important;
        margin: -4px 0 12px 0 !important;
    }

    /* 1 Cột Dọc Cho Toàn Bộ Thẻ Trên Mobile */
    body.awards-page .awards-page-series-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    body.awards-page .awards-card-light {
        padding: 14px 12px !important;
        gap: 10px !important;
        border-radius: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP CENTERED & CLEAN LAYOUT
   Căn giữa hoàn mỹ 100% - Không chữ thừa - Cân đối thể thao đỉnh cao
   ═════════════════════════════════════════════════════════════════════ */

/* Section Head Căn Giữa Tuyệt Đối */
body.awards-page .awards-page-directory-head {
    text-align: center !important;
    margin: 0 auto 28px !important;
    max-width: 800px !important;
}
body.awards-page .awards-page-directory-head h2 {
    text-align: center !important;
    margin: 0 auto !important;
}
body.awards-page .awards-page-directory-head p {
    text-align: center !important;
    margin: 10px auto 0 !important;
    max-width: 680px !important;
}

/* Floating Jumpbar Căn Giữa */
body.awards-page .awards-page-jumpbar {
    max-width: 860px !important;
    margin: 0 auto 36px !important;
}
.awards-jump-item {
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}
.awards-jump-meta {
    text-align: center !important;
}

/* Series Section & Heads Căn Giữa */
body.awards-page .awards-page-series-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
}
body.awards-page .awards-series-title-wrap {
    text-align: center !important;
}
body.awards-page .awards-page-series-head h2 {
    text-align: center !important;
}
.awards-page-personal-intro {
    text-align: center !important;
    margin: -10px auto 24px !important;
    max-width: 680px !important;
}

/* Toàn Bộ Thẻ Card Căn Giữa Cân Đối 100% */
body.awards-page .awards-card-light {
    align-items: center !important;
    text-align: center !important;
}
body.awards-page .awards-card-header {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
body.awards-page .awards-card-hero-visual {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
body.awards-page .awards-card-body-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
body.awards-page .awards-card-main-title {
    text-align: center !important;
    width: 100% !important;
}
body.awards-page .awards-prize-card {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
}
body.awards-page .awards-prize-info {
    text-align: center !important;
}
body.awards-page .awards-prize-text {
    text-align: center !important;
}
body.awards-page .awards-page-card-note {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 860px) {
    body.awards-page .awards-page-directory-head {
        margin-bottom: 20px !important;
    }
    body.awards-page .awards-page-jumpbar {
        margin-bottom: 24px !important;
    }
    body.awards-page .awards-page-series-head {
        margin-bottom: 16px !important;
        gap: 8px !important;
    }
    body.awards-page .awards-card-light {
        width: 100% !important;
        padding: 16px 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - ULTRA-COMPACT MOBILE LAYOUT (HẠN CHẾ LƯỚT TỐI ĐA)
   Thiết kế siêu tinh gọn, sắc sảo, tối ưu độ cao màn hình điện thoại
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .awards-teaser-section {
        padding: 20px 0 24px !important;
    }
    .awards-teaser-head {
        margin-bottom: 12px !important;
    }
    .awards-teaser-head-copy h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    .awards-teaser-grid {
        gap: 10px !important;
    }
    
    /* Card Siêu Gọn */
    .awards-card-light {
        padding: 12px 14px !important;
        gap: 8px !important;
        border-radius: 14px !important;
    }
    
    /* Header Card Gọn Gàng */
    .awards-card-header {
        margin-bottom: 2px !important;
    }
    .awards-pill-badge {
        padding: 2px 6px !important;
        font-size: 9px !important;
    }
    .awards-pill-num {
        font-size: 9px !important;
    }
    .awards-pill-name {
        font-size: 8.5px !important;
    }
    .awards-chip {
        padding: 2px 6px !important;
        font-size: 8.5px !important;
    }
    .awards-chip svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Bục Icon Thu Gọn */
    .awards-crystal-podium {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        border-radius: 12px !important;
        padding: 6px !important;
    }
    .awards-vector-icon {
        width: 28px !important;
        height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
    }

    /* Tiêu Đề Chính */
    .awards-card-main-title {
        font-size: 15px !important;
        margin: 2px 0 6px !important;
    }

    /* Hộp Phần Thưởng Gọn Gàng */
    .awards-prize-card {
        padding: 6px 10px !important;
        border-radius: 8px !important;
        margin-bottom: 6px !important;
        gap: 8px !important;
    }
    .awards-prize-icon-circle {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-prize-icon-circle svg {
        width: 13px !important;
        height: 13px !important;
    }
    .awards-prize-text {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    /* Chip Danh Mục Phụ */
    .awards-subcategories-title {
        font-size: 9px !important;
        margin-bottom: 4px !important;
    }
    .awards-subcategories-chips {
        gap: 4px !important;
        justify-content: center !important;
    }
    .awards-chip-item {
        padding: 2px 6px !important;
        font-size: 9.5px !important;
        border-radius: 5px !important;
        gap: 3px !important;
    }
    .awards-chip-item svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Nút Chân Thẻ Siêu Gọn */
    .awards-teaser-action-wrap {
        padding-top: 6px !important;
        margin-top: 2px !important;
    }
    .awards-teaser-action-btn {
        min-height: 32px !important;
        padding: 5px 10px !important;
        font-size: 11px !important;
        border-radius: 6px !important;
        gap: 6px !important;
    }
    .awards-teaser-action-btn span {
        font-size: 11px !important;
    }
    .awards-teaser-action-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    /* Nút Chân Khối Teaser Mobile */
    .awards-teaser-footer {
        margin-top: 12px !important;
    }
    .awards-btn-main.is-full {
        padding: 10px 16px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX: ĐỒNG BỘ THIẾT KẾ LỊCH THI ĐẤU & KHÁM PHÁ
   Brand Palette: --ink: #08275a | --blue: #1976f3 | --cyan: #24c7e9 | --paper: #f6faff
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. LỊCH THI ĐẤU & KẾT QUẢ (FIXTURES & SCHEDULE) ── */
.fixtures-section-pro-max {
    background: radial-gradient(circle at 90% 12%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 88%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    padding: clamp(48px, 6vw, 80px) 0 !important;
}

.fixtures-pro-head {
    text-align: center !important;
    margin-bottom: 28px !important;
}
.fixtures-pro-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    margin: 0 auto 10px !important;
}
.fixtures-pro-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

/* Status Top Bar */
.official-schedule-status-pro {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.05) !important;
    padding: 12px 20px !important;
    margin-bottom: 24px !important;
}
.schedule-status-left strong {
    color: var(--ink, #08275a) !important;
    font-weight: 900 !important;
}
.status-count-badge {
    background: #eff6ff !important;
    color: var(--blue, #1976f3) !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 850 !important;
}

/* Filter Tabs Bar Căn Giữa */
.fixtures-date-filter-bar {
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
}
.filter-tab-btn {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 12px !important;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(8, 39, 90, 0.03) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.filter-tab-btn:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.filter-tab-btn.is-active {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    border-color: var(--blue, #1976f3) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(25, 118, 243, 0.3) !important;
}
.filter-tab-btn.is-active .tab-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

/* Fixture Luxury Cards */
.fixture-card-lux {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.fixture-card-lux:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
    border-color: rgba(25, 118, 243, 0.3) !important;
}
.fixture-card-lux.is-live-card {
    border-color: #ef4444 !important;
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15) !important;
}

/* ── 2. KHÁM PHÁ ĐIỂM ĐẾN (DESTINATION & TRAVEL) ── */
.home-page .destination.destination-travel {
    background: radial-gradient(circle at 88% 12%, rgba(36, 199, 233, 0.12), transparent 40%),
                radial-gradient(circle at 12% 88%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, #ffffff 0%, var(--paper, #f6faff) 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    padding: clamp(48px, 6vw, 80px) 0 !important;
}

.home-page .destination-travel .destination-photo {
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(8, 39, 90, 0.15) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
}
.home-page .destination-travel .destination-photo-caption {
    background: rgba(8, 39, 90, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
}
.home-page .destination-travel .destination-photo-caption strong {
    color: #ffffff !important;
}
.home-page .destination-travel .destination-photo-caption small {
    color: #7ce6f7 !important;
}

.home-page .destination-travel .destination-panel {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    padding: clamp(24px, 4vw, 40px) !important;
}
.home-page .destination-travel .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    color: var(--ink, #08275a) !important;
    font-weight: 950 !important;
}
.home-page .destination-travel .destination-panel h2 > .is-accent {
    color: var(--blue, #1976f3) !important;
}
.home-page .destination-travel .destination-panel > p {
    color: #475569 !important;
    line-height: 1.65 !important;
}

/* 3 Bento Stats trong Destination */
.home-page .destination-travel .trip-stats > div {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(8, 39, 90, 0.03) !important;
    transition: all 0.22s ease !important;
}
.home-page .destination-travel .trip-stats > div:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.1) !important;
}
.home-page .destination-travel .trip-stats strong {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
.home-page .destination-travel .trip-stat-icon {
    background: #eff6ff !important;
    color: var(--blue, #1976f3) !important;
    border-radius: 10px !important;
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE CHO LỊCH THI ĐẤU & KHÁM PHÁ (GỌN GÀNG, HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .fixtures-section-pro-max {
        padding: 24px 0 28px !important;
    }
    .fixtures-pro-head {
        margin-bottom: 16px !important;
    }
    .fixtures-pro-head h2 {
        font-size: 20px !important;
    }
    .fixtures-pro-head p {
        font-size: 12px !important;
    }
    
    .official-schedule-status-pro {
        padding: 10px 14px !important;
        margin-bottom: 14px !important;
        border-radius: 12px !important;
    }
    .schedule-status-left strong {
        font-size: 12px !important;
    }
    .status-count-badge {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    .fixtures-date-filter-bar {
        gap: 6px !important;
        margin-bottom: 18px !important;
    }
    .filter-tab-btn {
        padding: 6px 12px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
    }
    .filter-tab-btn .tab-count {
        font-size: 9.5px !important;
        padding: 1px 5px !important;
    }
    
    .fixtures-luxury-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .fixture-card-lux {
        padding: 12px 14px !important;
        border-radius: 14px !important;
    }

    /* Khám phá Mobile */
    .home-page .destination.destination-travel {
        padding: 24px 0 28px !important;
    }
    .home-page .destination-travel .destination-panel {
        padding: 16px 14px !important;
        border-radius: 16px !important;
    }
    .home-page .destination-travel .destination-panel h2 {
        font-size: 20px !important;
    }
    .home-page .destination-travel .destination-panel > p {
        font-size: 12.5px !important;
    }
    .home-page .destination-travel .trip-stats {
        gap: 8px !important;
    }
    .home-page .destination-travel .trip-stats > div {
        padding: 10px 8px !important;
        border-radius: 10px !important;
    }
    .home-page .destination-travel .trip-stats strong {
        font-size: 18px !important;
    }
    .home-page .destination-travel .trip-stats span {
        font-size: 10.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   REMOVE UNDERLINE / BOTTOM BORDER ON HERO 'KHÁM PHÁ' BUTTON
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero-actions .text-link,
.hero-actions .text-link,
.hero .text-link,
:where(.home-page, body) .hero-actions .text-link {
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.home-page .hero-actions .text-link::after,
.home-page .hero-actions .text-link::before,
.hero-actions .text-link::after,
.hero-actions .text-link::before {
    display: none !important;
    content: none !important;
    border: none !important;
    height: 0 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CLEAN DESTINATION CAPTION: REMOVE BLUE BG, SMALL LABEL & COORDINATES
   ═════════════════════════════════════════════════════════════════════ */
.home-page .destination-travel .destination-photo-caption,
.destination-travel .destination-photo-caption,
:where(.home-page, body) .destination-travel .destination-photo-caption {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.home-page .destination-travel .destination-photo-caption small,
.home-page .destination-travel .destination-photo-caption > span,
.destination-photo-caption small,
.destination-photo-caption > span {
    display: none !important;
}
.home-page .destination-travel .destination-photo-caption strong,
.destination-photo-caption strong {
    color: #ffffff !important;
    text-shadow: 0 4px 24px rgba(0, 10, 31, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   TYPOGRAPHY PRO MAX - TIÊU ĐỀ 'VINH DANH ĐỈNH CAO' HIỆU ỨNG ĐẸP MẮT
   Gradient Chrome Deep Navy & Royal Blue Metallic + Neon Halo Underline
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-head-copy h2#awards-teaser-title,
#awards-teaser-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.12 !important;
    margin: 0 auto !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(25, 118, 243, 0.15)) !important;
    transition: all 0.3s ease !important;
}

.awards-teaser-head-copy h2#awards-teaser-title::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title {
        font-size: 21px !important;
        line-height: 1.15 !important;
    }
    .awards-teaser-head-copy h2#awards-teaser-title::after,
    #awards-teaser-title::after {
        width: 44px !important;
        height: 3px !important;
        margin-top: 6px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TYPOGRAPHY PRO MAX - TIÊU ĐỀ TRAILER & THƯ VIỆN THƯỚC PHIM ĐẸP MẮT
   Gradient Chrome Deep Navy & Royal Blue Metallic + Neon Halo Accent
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Tiêu đề 'TÌNH ANH EM GẮN KẾT' */
.trailer-title-promax,
#trailer-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.12 !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(25, 118, 243, 0.15)) !important;
}

.trailer-title-promax::after,
#trailer-main-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

/* 2. Tiêu đề 'THƯ VIỆN THƯỚC PHIM' */
.trailer-library-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.2vw, 32px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(25, 118, 243, 0.12)) !important;
}

.trailer-library-title::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-title-promax,
    #trailer-main-title {
        font-size: 22px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-title-promax::after,
    #trailer-main-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
    .trailer-library-title {
        font-size: 18px !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-library-title::after {
        margin: 6px auto 0 !important;
        width: 38px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   FIX MẤT DẤU TIẾNG VIỆT & HIỆU ỨNG ĐẸP MẮT: 'TINH THẦN GIẢI ĐẤU'
   Chống cắt dấu mũ/huyền trên chữ 'Ầ' & dấu hỏi trên 'Ả'
   ═════════════════════════════════════════════════════════════════════ */
.home-page .tournament-slogan .slogan-heading h2,
.slogan-heading h2,
#tinh-than-giai-dau-title,
:where(.home-page, body) .tournament-slogan h2 {
    font-family: 'Be Vietnam Pro', var(--font-display), system-ui, -apple-system, sans-serif !important;
    font-size: clamp(34px, 4.4vw, 56px) !important;
    font-weight: 950 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    padding-top: 0.22em !important;
    padding-bottom: 0.1em !important;
    margin: 0 0 12px 0 !important;
    overflow: visible !important;
    display: inline-block !important;
    position: relative !important;
}

.home-page .tournament-slogan .slogan-heading h2 > span,
.slogan-heading h2 > span,
#tinh-than-giai-dau-title > span {
    display: inline-block !important;
    color: #ffffff !important;
    line-height: 1.28 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    text-shadow: 0 4px 20px rgba(0, 10, 31, 0.6) !important;
}

.home-page .tournament-slogan .slogan-heading h2 > em,
.slogan-heading h2 > em,
#tinh-than-giai-dau-title > em {
    display: inline-block !important;
    line-height: 1.28 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    font-style: normal !important;
    background: linear-gradient(135deg, #78e7fa 0%, #24c7e9 50%, #78e7fa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(120, 231, 250, 0.4)) !important;
}

.home-page .tournament-slogan .slogan-heading h2::after,
#tinh-than-giai-dau-title::after {
    content: '' !important;
    display: block !important;
    width: 58px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 10px rgba(36, 199, 233, 0.5) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .home-page .tournament-slogan .slogan-heading h2,
    .slogan-heading h2,
    #tinh-than-giai-dau-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
        padding-top: 0.15em !important;
        text-align: center !important;
        display: block !important;
    }
    .home-page .tournament-slogan .slogan-heading h2::after,
    #tinh-than-giai-dau-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'THƯ VIỆN THƯỚC PHIM' - TRẮNG GRADIENT XANH (WHITE TO CYAN BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-library-title,
:where(.home-page, body) .trailer-library-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(94, 220, 248, 0.25)) !important;
}

.trailer-library-title::after {
    content: '' !important;
    display: block !important;
    width: 52px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 8px rgba(94, 220, 248, 0.5) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-library-title {
        font-size: 19px !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-library-title::after {
        margin: 6px auto 0 !important;
        width: 40px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   VIETNAMESE ACCENT BULLETPROOF SHIELD (BẢO VỆ DẤU TIẾNG VIỆT 100%)
   Đảm bảo TẤT CẢ tiêu đề trên toàn website không bị mất hay cắt dấu
   ═════════════════════════════════════════════════════════════════════ */
:root {
    --font-display: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.hero h1,
.section-head h2,
.section-title,
.kicker,
.slogan-heading h2,
.bracket-head-copy h2,
.trailer-title-promax,
.trailer-library-title,
.awards-teaser-head h2,
.awards-hero h1,
.awards-section-head h2,
.awards-card-name,
.awards-personal-name,
.news-hero h1,
.regulations-hero h1,
.teams-hero h1,
.gallery-hero h1,
[class*="-title"],
[class*="-heading"] h2,
[class*="-heading"] h3 {
    font-family: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    overflow: visible !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
}

/* Đảm bảo line-height an toàn cho mọi tiêu đề có dấu tiếng Việt */
:where(h1, h2, h3, h4, h5, h6) {
    line-height: max(1.18, inherit) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'TÌNH ANH EM GẮN KẾT' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-title-promax,
#trailer-main-title,
.trailer-title-promax > span,
#trailer-main-title > span,
:where(.home-page, body) .trailer-title-promax {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.05em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.trailer-title-promax::after,
#trailer-main-title::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-title-promax > span,
    #trailer-main-title > span {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-title-promax::after,
    #trailer-main-title::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   HERO H1: NƠI ĐAM MÊ · CHẠM SÓNG - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   Hiệu ứng chuyển sắc ánh sáng biển đảo Quy Nhơn cực kỳ đẹp mắt
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero h1,
.hero h1,
:where(.home-page, body) .hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
    overflow: visible !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
}

/* 1. Chữ 'NƠI ĐAM MÊ' */
.home-page .hero h1 > span,
.hero h1 > span {
    display: inline-block !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 18px rgba(94, 220, 248, 0.4)) !important;
}

/* 2. Chữ 'CHẠM SÓNG' */
.home-page .hero h1 > em,
.hero h1 > em {
    display: inline-block !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    font-style: normal !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 30%, #38bdf8 65%, #0284c7 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 22px rgba(56, 189, 248, 0.55)) !important;
}

@media screen and (max-width: 860px) {
    .home-page .hero h1,
    .hero h1 {
        line-height: 1.18 !important;
        font-size: clamp(26px, 8vw, 38px) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'NHỮNG NGƯỜI CHƠI VÌ ĐAM MÊ' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.home-page .teams-heading h2,
.teams-heading h2,
:where(.home-page, body) .teams-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.8vw, 64px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.home-page .teams-heading h2::after,
.teams-heading h2::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .home-page .teams-heading h2,
    .teams-heading h2 {
        font-size: 26px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        display: block !important;
    }
    .home-page .teams-heading h2::after,
    .teams-heading h2::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'NHỊP ĐẬP TRẬN ĐẤU' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.live-center-head h2,
.live-center-head h2 > span,
.home-page .live-center-head h2,
.home-page .live-center-head h2 > span,
:where(.home-page, body) .live-center-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.live-center-head h2::after,
.home-page .live-center-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .live-center-head h2,
    .live-center-head h2 > span,
    .home-page .live-center-head h2,
    .home-page .live-center-head h2 > span {
        font-size: 23px !important;
        line-height: 1.22 !important;
        text-align: left !important;
        display: block !important;
    }
    .live-center-head h2::after,
    .home-page .live-center-head h2::after {
        margin: 8px 0 0 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI MÀU TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE) CHO TẤT CẢ TIÊU ĐỀ YÊU CẦU:
   1. NHỊP ĐẬP TRẬN ĐẤU
   2. TINH THẦN GIẢI ĐẤU
   3. LỘ TRÌNH 03 NGÀY KẾT NỐI
   4. SẴN SÀNG NHẬP CUỘC?
   ═════════════════════════════════════════════════════════════════════ */

/* 1. NHỊP ĐẬP TRẬN ĐẤU */
.live-center-head h2,
.live-center-head h2 > span,
.home-page .live-center-head h2,
.home-page .live-center-head h2 > span,
:where(.home-page, body) .live-center-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.live-center-head h2::after,
.home-page .live-center-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

/* 2. TINH THẦN GIẢI ĐẤU */
.home-page .tournament-slogan .slogan-heading h2,
.slogan-heading h2,
#tinh-than-giai-dau-title,
.slogan-heading h2 > span,
.slogan-heading h2 > em,
#tinh-than-giai-dau-title > span,
#tinh-than-giai-dau-title > em,
:where(.home-page, body) .tournament-slogan h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.4vw, 56px) !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    padding-top: 0.18em !important;
    padding-bottom: 0.08em !important;
    overflow: visible !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.home-page .tournament-slogan .slogan-heading h2::after,
#tinh-than-giai-dau-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 8px 0 0 0 !important;
}

/* 3. LỘ TRÌNH 03 NGÀY KẾT NỐI */
.timeline-heading h2,
#timeline-title,
.timeline-heading h2 > span,
.timeline-heading h2 > em,
#timeline-title > span,
#timeline-title > em,
:where(.home-page, body) .timeline-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.6vw, 60px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.timeline-heading h2::after,
#timeline-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

/* 4. SẴN SÀNG NHẬP CUỘC? */
.contact-title-visual,
.contact-heading-visual h2,
.contact-title-visual .title-lead,
.contact-title-visual .title-highlight,
:where(.home-page, body) .contact-title-visual {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 4.5vw, 56px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.contact-title-visual::after,
.contact-heading-visual h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .live-center-head h2,
    .home-page .tournament-slogan .slogan-heading h2,
    .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .timeline-heading h2,
    #timeline-title,
    .contact-title-visual,
    .contact-heading-visual h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .live-center-head h2::after,
    .home-page .tournament-slogan .slogan-heading h2::after,
    #tinh-than-giai-dau-title::after,
    .timeline-heading h2::after,
    #timeline-title::after,
    .contact-title-visual::after,
    .contact-heading-visual h2::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ TRÊN NỀN TRẮNG - ÁP DỤNG NGƯỢC LẠI (DEEP NAVY TO ROYAL BLUE METALLIC)
   1. LỊCH THI ĐẤU
   2. NHÀ TÀI TRỢ
   3. ĐƠN VỊ HỖ TRỢ
   4. ĐƠN VỊ TRUYỀN THÔNG
   ═════════════════════════════════════════════════════════════════════ */

/* 1. LỊCH THI ĐẤU */
.matches-section .section-head h2,
.fixtures-pro-head h2,
:where(.home-page, body) .matches-section .section-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.matches-section .section-head h2::after,
.fixtures-pro-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px 0 0 0 !important;
}

/* 2. NHÀ TÀI TRỢ */
.sponsors-heading h2,
.sponsors-section .sponsors-heading h2,
:where(.home-page, body) .sponsors-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(30px, 4.5vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 12px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.sponsors-heading h2::after,
.sponsors-section .sponsors-heading h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 auto !important;
}

/* 3. ĐƠN VỊ HỖ TRỢ */
.support-partners-heading h3,
.support-partners-zone h3,
:where(.home-page, body) .support-partners-heading h3 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 10px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.15)) !important;
}

.support-partners-heading h3::after,
.support-partners-zone h3::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px auto 0 auto !important;
}

/* 4. ĐƠN VỊ TRUYỀN THÔNG */
.media-partners-heading h3,
.media-partners-zone h3,
:where(.home-page, body) .media-partners-heading h3 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 10px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.15)) !important;
}

.media-partners-heading h3::after,
.media-partners-zone h3::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px auto 0 auto !important;
}

@media screen and (max-width: 860px) {
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3 {
        text-align: center !important;
        display: block !important;
    }
    .matches-section .section-head h2::after,
    .fixtures-pro-head h2::after,
    .sponsors-heading h2::after,
    .support-partners-heading h3::after,
    .media-partners-heading h3::after {
        margin: 6px auto 0 auto !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI MÀU GRADIENT NGƯỢC LẠI (XANH SAPPHIRE NAVY ➜ ROYAL BLUE METALLIC)
   Áp dụng cho 4 tiêu đề:
   1. KHAI MẠC
   2. VINH DANH ĐỈNH CAO
   3. HƠN CẢ MỘT GIẢI ĐẤU
   4. TIN MỚI NHẤT
   ═════════════════════════════════════════════════════════════════════ */

/* 1. KHAI MẠC */
.countdown-white-title,
.countdown-white-brand strong,
:where(.home-page, body) .countdown-white-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 2. VINH DANH ĐỈNH CAO */
.awards-teaser-head-copy h2#awards-teaser-title,
#awards-teaser-title,
.awards-teaser-head h2,
:where(.home-page, body) #awards-teaser-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 12px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.awards-teaser-head-copy h2#awards-teaser-title::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 auto !important;
}

/* 3. HƠN CẢ MỘT GIẢI ĐẤU */
.destination-panel h2,
.destination-panel h2 > span,
.home-page .destination-panel h2,
.home-page .destination-panel h2 > span,
:where(.home-page, body) .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.8vw, 62px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(18, 105, 232, 0.18)) !important;
}

.destination-panel h2::after,
.home-page .destination-panel h2::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

/* 4. TIN MỚI NHẤT */
.newsroom-head h2,
.news-section .section-head h2,
.newsroom-head h2 > span,
.home-page .newsroom-head h2,
:where(.home-page, body) .newsroom-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.newsroom-head h2::after,
.news-section .section-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .destination-panel h2,
    .newsroom-head h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .awards-teaser-head-copy h2#awards-teaser-title::after,
    #awards-teaser-title::after,
    .destination-panel h2::after,
    .newsroom-head h2::after {
        margin: 6px auto 0 auto !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ 100% KÍCH THƯỚC FONT CHỮ TẤT CẢ TIÊU ĐỀ SECTION
   Bằng đúng kích thước font của ĐƠN VỊ TRUYỀN THÔNG: clamp(22px, 3.4vw, 34px)
   ═════════════════════════════════════════════════════════════════════ */

:where(.home-page, body) :is(
    .tournament-slogan .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-library-title,
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .awards-teaser-head h2,
    .teams-heading h2,
    .timeline-heading h2,
    #timeline-title,
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .news-section .section-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3,
    .contact-title-visual,
    .contact-heading-visual h2
) {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    overflow: visible !important;
}

:where(.home-page, body) :is(
    .tournament-slogan .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-library-title,
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .awards-teaser-head h2,
    .teams-heading h2,
    .timeline-heading h2,
    #timeline-title,
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .news-section .section-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3,
    .contact-title-visual,
    .contact-heading-visual h2
) :is(span, em, strong) {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

@media screen and (max-width: 860px) {
    :where(.home-page, body) :is(
        .tournament-slogan .slogan-heading h2,
        #tinh-than-giai-dau-title,
        .trailer-title-promax,
        #trailer-main-title,
        .trailer-library-title,
        .awards-teaser-head-copy h2#awards-teaser-title,
        #awards-teaser-title,
        .awards-teaser-head h2,
        .teams-heading h2,
        .timeline-heading h2,
        #timeline-title,
        .matches-section .section-head h2,
        .fixtures-pro-head h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head h2,
        .news-section .section-head h2,
        .sponsors-heading h2,
        .support-partners-heading h3,
        .media-partners-heading h3,
        .contact-title-visual,
        .contact-heading-visual h2
    ) {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (REGULATIONS TEASER)
   Trắng Gradient Xanh (White to Cyan-Blue) + Đồng bộ kích thước chuẩn
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) #rulebook-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
}

#rulebook-title span,
#rulebook-title em,
#rulebook-title strong,
#rulebook-title b,
#rulebook-title i {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

#rulebook-title span,
#rulebook-title em {
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
}

#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
        display: block !important;
    }
    #rulebook-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'HƠN CẢ MỘT GIẢI ĐẤU' (DESTINATION PANEL)
   Đồng bộ kích thước font chuẩn & dải màu Sapphire Navy to Royal Blue
   ═════════════════════════════════════════════════════════════════════ */
.destination-panel h2,
.destination-panel h2 > span,
.home-page .destination-panel h2,
.home-page .destination-panel h2 > span,
:where(.home-page, body) .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    overflow: visible !important;
}

.destination-panel h2 {
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
}

.destination-panel h2 > span {
    display: block !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.destination-panel h2 > span.is-accent {
    background: linear-gradient(135deg, #08275a 0%, #1269e8 50%, #24c7e9 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.destination-panel h2::after,
.home-page .destination-panel h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .destination-panel h2,
    .home-page .destination-panel h2 {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
        display: block !important;
    }
    .destination-panel h2::after,
    .home-page .destination-panel h2::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ LẠI ĐẲNG CẤP: '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (UI/UX PRO MAX)
   Bố cục 2 tầng phân cấp thể thao quốc tế · Ánh sáng Cyan Neon biển
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    max-width: 580px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(120, 231, 250, 0.25) !important;
    overflow: visible !important;
}

#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 45%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(56, 189, 248, 0.45)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(120, 231, 250, 0.3) !important;
    display: inline-block !important;
}

#rulebook-title > span > b::after { display: none !important; }

#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 40%, #5edcf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 18px 8px 10px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(8, 39, 90, 0.7) 0%, rgba(18, 105, 232, 0.35) 100%) !important;
    border: 1px solid rgba(120, 231, 250, 0.35) !important;
    box-shadow: 0 8px 24px rgba(0, 10, 31, 0.3), inset 0 1px rgba(255, 255, 255, 0.15) !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
}

#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #a5f3fc 0%, #38bdf8 100%) !important;
    color: #052555 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    box-shadow: 0 4px 12px rgba(56, 189, 248, 0.4) !important;
    font-style: normal !important;
}

#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 2vw, 22px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #a5f3fc !important;
    text-shadow: 0 2px 8px rgba(0, 10, 31, 0.5) !important;
}

/* Xóa ::after đơn lẻ vì đã có thiết kế 2 tầng hoàn chỉnh */
#rulebook-title::after { display: none !important; }

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        max-width: 100% !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span {
        gap: 12px !important;
        padding-bottom: 10px !important;
    }
    #rulebook-title > span > b {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 24px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        padding: 6px 14px 6px 8px !important;
        border-radius: 10px !important;
    }
    #rulebook-title > em > i {
        width: 30px !important;
        height: 28px !important;
        font-size: 15px !important;
        border-radius: 6px !important;
    }
    #rulebook-title > em > strong {
        font-size: 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   CĂN GIỮA TIÊU ĐỀ 'TIN MỚI NHẤT' TRÊN MOBILE
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .newsroom-head,
    .section-head.newsroom-head,
    :where(.home-page, body) .newsroom-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .newsroom-head-copy,
    :where(.home-page, body) .newsroom-head-copy {
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .newsroom-head-copy::before {
        display: none !important;
    }

    .newsroom-head h2,
    .news-section .section-head h2,
    .newsroom-head h2 > span,
    .home-page .newsroom-head h2,
    :where(.home-page, body) .newsroom-head h2 {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        width: fit-content !important;
    }

    .newsroom-head h2::after,
    .news-section .section-head h2::after,
    .home-page .newsroom-head h2::after {
        margin: 8px auto 0 auto !important;
        display: block !important;
    }

    .newsroom-head-actions,
    :where(.home-page, body) .newsroom-head-actions {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 4px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SIÊU SÁNG TẠO: '01 TINH THẦN CHUNG.' (CYBER ENERGY BADGE PRO MAX)
   Thiết kế huy hiệu năng lượng thể thao đỉnh cao · Ánh hào quang Holographic
   ═════════════════════════════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 4px 0 0 0 !important;
    padding: 8px 22px 8px 8px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.85) 0%, rgba(14, 85, 185, 0.45) 50%, rgba(36, 199, 233, 0.2) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    box-shadow: 0 12px 30px rgba(0, 8, 28, 0.45), 0 0 20px rgba(127, 234, 251, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em:hover,
#rulebook-title > em:hover {
    transform: translateY(-2px) scale(1.02) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 16px 36px rgba(0, 8, 28, 0.5), 0 0 28px rgba(127, 234, 251, 0.35) !important;
}

/* ── HUY HIỆU SỐ '01' PHÁT QUANG NEON ── */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ffffff 0%, #7feafb 45%, #1976f3 100%) !important;
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
    box-shadow: 0 4px 14px rgba(25, 118, 243, 0.5), 0 0 12px rgba(127, 234, 251, 0.6), inset 0 -2px 4px rgba(0, 0, 0, 0.2) !important;
    border: 2px solid #ffffff !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

/* ── CHỮ 'TINH THẦN CHUNG.' TRẮNG GRADIENT CYAN NỔI KHỐI ── */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(16px, 2.2vw, 24px) !important;
    font-weight: 950 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 75%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(127, 234, 251, 0.45)) !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 860px) {
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        margin: 4px auto 0 auto !important;
        padding: 6px 16px 6px 6px !important;
        gap: 10px !important;
    }
    #rulebook-title > em > i {
        width: 34px !important;
        height: 34px !important;
        font-size: 16px !important;
    }
    #rulebook-title > em > strong {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ CĂN TRÁI & NỔI BẬT SỐ 01 HOÀNG GIA: '01 TINH THẦN CHUNG.'
   Cặp đôi hoàn mỹ: 06 (Cyan Pha Lê) & 01 (Gold Hoàng Gia Phát Sáng)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(120, 231, 250, 0.25) !important;
    width: 100% !important;
    overflow: visible !important;
}

#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 45%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(56, 189, 248, 0.45)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(120, 231, 250, 0.35) !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.6vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 40%, #5edcf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. (CĂN TRÁI & NỔI BẬT SỐ 01 VÀNG KIM GOLD) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số '01' Siêu Nổi Bật với Dải Vàng Kim Gold Hoàng Gia */
#rulebook-title > em > i {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffd700 40%, #ff9900 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(255, 215, 0, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(255, 215, 0, 0.45) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ 'TINH THẦN CHUNG.' Sắc Nét */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        align-items: flex-start !important;
        text-align: left !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 19px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ SÁNG TẠO NỔI BẬT 06 & 01 (WHITE TO CYAN PHA LÊ)
   100% Thuần khiết: #ffffff ➜ #e0f8fc ➜ #7feafb ➜ #38bdf8
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 0 22px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.25) !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 06 Nổi Bật Pha Lê */
#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(127, 234, 251, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(127, 234, 251, 0.4) !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.6vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 01 Nổi Bật Pha Lê (Đồng Nhất với 06) */
#rulebook-title > em > i {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(127, 234, 251, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(127, 234, 251, 0.4) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        align-items: flex-start !important;
        text-align: left !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 19px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SIÊU ĐỘT PHÁ SÁNG TẠO: '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.'
   Bento Cyber Sport Pods · Khung Pha Lê Băng Tuyết Đa Chiều 3D
   Màu sắc: 100% Thuần khiết White to Cyan Pha Lê (#ffffff ➜ #e0f8fc ➜ #7feafb ➜ #38bdf8)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    margin: 0 0 24px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 620px !important;
}

/* ═════════════════════════════════════════════════════════════════════
   POD 1: '06 ĐIỀU LỆ.' (BENTO CYBER POD CHÍNH)
   ═════════════════════════════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 18px !important;
    padding: 10px 24px 10px 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.9) 0%, rgba(14, 85, 185, 0.4) 60%, rgba(56, 189, 248, 0.15) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    box-shadow: 0 14px 35px rgba(0, 7, 26, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 25px rgba(127, 234, 251, 0.2) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    width: fit-content !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span:hover,
#rulebook-title > span:hover {
    transform: translateX(4px) translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 18px 45px rgba(0, 7, 26, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 35px rgba(127, 234, 251, 0.4) !important;
}

/* Khối Hộp Số 06 Pha Lê 3D */
#rulebook-title > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    height: 60px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, rgba(127, 234, 251, 0.25) 0%, rgba(25, 118, 243, 0.35) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.6) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.4), 0 0 16px rgba(127, 234, 251, 0.35) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.5vw, 48px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(127, 234, 251, 0.7)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
    flex-shrink: 0 !important;
    border-right: 1.5px solid rgba(127, 234, 251, 0.6) !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.4vw, 38px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.45)) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* ═════════════════════════════════════════════════════════════════════
   POD 2: '01 TINH THẦN CHUNG.' (BENTO CYBER POD TINH TẾ)
   ═════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 8px 20px 8px 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(4, 24, 60, 0.85) 0%, rgba(10, 65, 145, 0.35) 60%, rgba(36, 199, 233, 0.15) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.35) !important;
    box-shadow: 0 10px 28px rgba(0, 7, 26, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 0 20px rgba(127, 234, 251, 0.15) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    font-style: normal !important;
    width: fit-content !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em:hover,
#rulebook-title > em:hover {
    transform: translateX(4px) translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.75) !important;
    box-shadow: 0 14px 35px rgba(0, 7, 26, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 28px rgba(127, 234, 251, 0.3) !important;
}

/* Khối Hộp Số 01 Pha Lê 3D */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    height: 48px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, rgba(127, 234, 251, 0.2) 0%, rgba(25, 118, 243, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.35), 0 0 14px rgba(127, 234, 251, 0.3) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.5vw, 36px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(127, 234, 251, 0.7)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(18px, 2.5vw, 26px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 10px !important;
        margin-bottom: 18px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span {
        padding: 8px 16px 8px 8px !important;
        gap: 12px !important;
        border-radius: 14px !important;
    }
    #rulebook-title > span > b {
        min-width: 50px !important;
        height: 46px !important;
        font-size: 26px !important;
        border-radius: 8px !important;
    }
    #rulebook-title > span > strong {
        font-size: 20px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        padding: 6px 14px 6px 6px !important;
        gap: 10px !important;
        border-radius: 12px !important;
    }
    #rulebook-title > em > i {
        min-width: 42px !important;
        height: 38px !important;
        font-size: 20px !important;
        border-radius: 7px !important;
    }
    #rulebook-title > em > strong {
        font-size: 15px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ THANH THOÁT, SANG TRỌNG & PHÓNG KHOÁNG (EDITORIAL TYPOGRAPHY)
   '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (KHÔNG DÙNG Ô HỘP)
   Màu sắc: White to Cyan Pha Lê Thuần Khiết (#ffffff ➜ #e0f8fc ➜ #7feafb)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── DÒNG 1: 06 ĐIỀU LỆ. (THANH THOÁT, PHÓNG KHOÁNG) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 06 Thanh Thoát & Sắc Nét */
#rulebook-title > span > b {
    display: inline-block !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(38px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 85%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 45%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* ── DÒNG 2: 01 TINH THẦN CHUNG. (THANH THOÁT, ĐỒNG ĐIỆU) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 01 Thanh Thoát & Sắc Nét */
#rulebook-title > em > i {
    display: inline-block !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(38px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 85%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
    height: auto !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 45%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* Vạch Neon Halo Bar Mảnh Mai & Tinh Tế Phía Dưới */
#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 50px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #7feafb 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(127, 234, 251, 0.55) !important;
    margin: 6px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 32px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 18px !important;
    }
    #rulebook-title::after {
        width: 40px !important;
        height: 2.5px !important;
        margin: 4px 0 0 0 !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU SIÊU GỌN GÀNG TRÊN MOBILE CHO KHỐI ĐIỀU LỆ (HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .regulations-teaser,
    :where(.home-page, body) .regulations-teaser {
        padding: 32px 0 28px !important;
    }

    .regulations-teaser-inner,
    :where(.home-page, body) .regulations-teaser-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .regulations-teaser-copy,
    :where(.home-page, body) .regulations-teaser-copy {
        width: 100% !important;
        text-align: left !important;
    }

    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title,
    :where(.home-page, body) #rulebook-title {
        gap: 6px !important;
        margin: 0 0 8px 0 !important;
        width: 100% !important;
        text-align: left !important;
    }

    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 10px !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 26px !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
    }

    #rulebook-title > span > strong {
        font-size: 19px !important;
        line-height: 1.15 !important;
    }

    #rulebook-title > em > strong {
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    #rulebook-title::after {
        width: 36px !important;
        height: 2px !important;
        margin: 4px 0 0 0 !important;
    }

    .regulations-teaser-copy p,
    .home-page .regulations-teaser .regulations-teaser-copy > p {
        margin: 6px 0 12px 0 !important;
        padding-left: 10px !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        max-width: 100% !important;
    }

    .regulations-teaser-action,
    .home-page .regulations-teaser .regulations-teaser-action {
        min-height: 38px !important;
        padding: 6px 14px !important;
        margin: 0 0 8px 0 !important;
        border-radius: 8px !important;
        display: inline-flex !important;
    }

    .regulations-teaser-action small {
        font-size: 8px !important;
    }

    .regulations-teaser-action strong {
        font-size: 11.5px !important;
    }

    .regulations-teaser-board,
    .home-page .regulations-teaser .regulations-teaser-board {
        margin-top: 0 !important;
        padding: 12px !important;
        gap: 8px !important;
        border-radius: 12px !important;
    }

    .regulations-board-head {
        margin-bottom: 6px !important;
        font-size: 11px !important;
    }

    .regulation-spotlight-card,
    .home-page .regulations-teaser .regulation-spotlight-card {
        padding: 8px 12px !important;
        min-height: 44px !important;
        gap: 10px !important;
        border-radius: 8px !important;
    }

    .regulation-spotlight-icon {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0 !important;
    }

    .regulation-spotlight-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .regulation-spotlight-copy small {
        font-size: 8.5px !important;
        margin-bottom: 1px !important;
    }

    .regulation-spotlight-copy strong {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }

    .regulation-spotlight-copy em {
        display: none !important;
    }

    .regulation-spotlight-arrow {
        width: 20px !important;
        height: 20px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - DUAL PROTOCOL COUNTER BADGES
   '06 ĐIỀU LỆ.' & '01 TINH THẦN CHUNG.'
   - 06: Cyber Sapphire Glass Capsule with Tabular Monospace Counter
   - 01: Championship Gold Amber Capsule with Dynamic Glowing Accent
   - Connector Track: Optical Vertical Beam Linking Rule Protocol to Spirit
   - Clean High-Contrast Metallic Typography
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    margin: 0 0 16px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 580px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── DÒNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: fit-content !important;
    overflow: visible !important;
    position: relative !important;
}

/* Badge 06 - Electric Sapphire Cyber Box */
#rulebook-title > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22) 0%, rgba(2, 132, 199, 0.12) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Vertical Kinetic Connector Beam (06 -> 01) */
#rulebook-title > span > b::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    width: 2px !important;
    height: 12px !important;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.75) 0%, rgba(251, 191, 36, 0.75) 100%) !important;
    border-radius: 99px !important;
    pointer-events: none !important;
}

/* Text ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(23px, 3.2vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 60%, #bae6fd 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 16, 42, 0.45)) !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* ── DÒNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
}

/* Badge 01 - Championship Gold Cyber Box */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.24) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
    border: 1.5px solid rgba(251, 191, 36, 0.55) !important;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
    font-style: normal !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Text TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(21px, 2.9vw, 31px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #fef3c7 55%, #fbbf24 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 16, 42, 0.45)) !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* Micro-Interaction Hover */
#rulebook-title > span:hover > b {
    transform: translateY(-1px) scale(1.05) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#rulebook-title > em:hover > i {
    transform: translateY(-1px) scale(1.05) !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* Horizon Bar Connecting Cyan & Gold */
#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 52px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #38bdf8 0%, #145cff 50%, #fbbf24 100%) !important;
    box-shadow: 0 2px 10px rgba(56, 189, 248, 0.4) !important;
    margin: 4px 0 0 0 !important;
}

@media screen and (max-width: 640px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 10px !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        min-width: 40px !important;
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 15px !important;
        border-radius: 8px !important;
    }
    #rulebook-title > span > b::after {
        height: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 20px !important;
    }
    #rulebook-title > em > strong {
        font-size: 18px !important;
    }
    #rulebook-title::after {
        width: 40px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO HERO EVENT BOARD TO LỚN & NỔI BẬT ĐẲNG CẤP
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero-event-brand,
.hero-event-brand,
:where(.home-page, body) .hero-event-board .hero-event-brand {
    display: flex !important;
    align-items: center !important;
    gap: clamp(18px, 2vw, 26px) !important;
}

/* Vòng tròn trắng chứa logo */
.home-page .hero-event-crest,
.hero-event-crest,
:where(.home-page, body) .hero-event-crest {
    width: clamp(130px, 11.5vw, 156px) !important;
    height: clamp(130px, 11.5vw, 156px) !important;
    min-width: clamp(130px, 11.5vw, 156px) !important;
    min-height: clamp(130px, 11.5vw, 156px) !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 20px 45px rgba(0, 9, 34, 0.42), inset 0 0 0 1px rgba(12, 81, 144, 0.12), 0 0 0 8px rgba(98, 221, 244, 0.08) !important;
    position: relative !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
}

/* Logo bên trong vòng tròn trắng - TO LỚN, RÕ NÉT, NỔI BẬT */
.home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
.hero-event-crest .hero-crest,
.hero-crest,
:where(.home-page, body) .hero-event-crest img {
    width: clamp(112px, 10vw, 136px) !important;
    height: clamp(112px, 10vw, 136px) !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 18px rgba(4, 34, 67, 0.25)) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .hero-event-crest:hover .hero-crest,
.hero-event-crest:hover .hero-crest {
    transform: scale(1.05) !important;
}

/* Đốm chấm LED quay & quỹ đạo */
.home-page .hero-event-crest::before,
.hero-event-crest::before {
    inset: -10px !important;
    border: 1.5px dashed rgba(119, 226, 246, 0.7) !important;
}

.home-page .hero-event-crest::after,
.hero-event-crest::after {
    right: -2px !important;
    top: 14px !important;
    width: 18px !important;
    height: 18px !important;
    border: 3.5px solid #07346f !important;
}

@media screen and (max-width: 860px) {
    .home-page .hero-event-brand,
    .hero-event-brand {
        gap: 14px !important;
    }
    .home-page .hero-event-crest,
    .hero-event-crest {
        width: 104px !important;
        height: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
    }
    .home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
    .hero-event-crest .hero-crest,
    .hero-crest {
        width: 90px !important;
        height: 90px !important;
    }
    .home-page .hero-event-crest::before,
    .hero-event-crest::before {
        inset: -7px !important;
    }
    .home-page .hero-event-crest::after,
    .hero-event-crest::after {
        width: 14px !important;
        height: 14px !important;
        top: 8px !important;
        right: -2px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO HERO & FOOTER BENTO CARD TO LỚN RỰC RỠ 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Vòng tròn trắng Hero & Footer */
:where(.home-page, body) .hero-event-crest,
.home-page .hero-event-crest,
.hero-event-crest,
.footer-top-event-deck .hero-event-crest {
    padding: 6px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Ảnh Logo bên trong Vòng Tròn Trắng - TO LỚN, RÕ RÀNG, ĐẬM NÉT */
:where(.home-page, body) .hero-event-crest img,
:where(.home-page, body) .hero-event-crest .hero-crest,
.home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
.home-page .hero-event-board .hero-crest,
.hero-event-crest .hero-crest,
.footer-top-event-deck .hero-crest,
.hero-crest {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 6px 14px rgba(4, 34, 67, 0.28)) !important;
    transform: none !important;
    transition: transform 0.25s ease !important;
}

:where(.home-page, body) .hero-event-crest:hover img,
:where(.home-page, body) .hero-event-crest:hover .hero-crest,
.footer-top-event-deck .hero-event-crest:hover .hero-crest {
    transform: scale(1.06) !important;
}

@media screen and (max-width: 860px) {
    :where(.home-page, body) .hero-event-crest,
    .home-page .hero-event-crest,
    .hero-event-crest,
    .footer-top-event-deck .hero-event-crest {
        padding: 4px !important;
    }
    :where(.home-page, body) .hero-event-crest img,
    :where(.home-page, body) .hero-event-crest .hero-crest,
    .hero-event-crest .hero-crest,
    .footer-top-event-deck .hero-crest,
    .hero-crest {
        width: 90% !important;
        height: 90% !important;
        max-width: 90% !important;
        max-height: 90% !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO ĐỘI BÓNG TO LỚN & TÊN ĐỘI BÓNG ĐẬM NÉT PHÙ HỢP
   Áp dụng toàn diện cho Thẻ Đội Bóng trên Desktop & Mobile
   ═════════════════════════════════════════════════════════════════════ */

/* ── KHỐI CHỨA LOGO ĐỘI BÓNG ── */
:where(.home-page, body) .team-card-logo,
.home-page .team-card-logo,
.team-card-logo {
    width: clamp(100px, 10vw, 140px) !important;
    height: clamp(100px, 10vw, 140px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 8px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #f0f7fd 65%, #d8ebf8 100%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 14px 28px rgba(0, 10, 35, 0.28), 0 0 0 1px rgba(12, 81, 144, 0.12), inset 0 1px 2px #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo,
.home-page .team-card:hover .team-card-logo,
.team-card:hover .team-card-logo {
    transform: translateY(-4px) scale(1.04) !important;
    box-shadow: 0 18px 36px rgba(0, 10, 35, 0.36), 0 0 20px rgba(56, 189, 248, 0.35) !important;
}

/* ── ẢNH LOGO ĐỘI BÓNG - TO LỚN, RÕ NÉT, NỔI BẬT ── */
:where(.home-page, body) .team-card-logo img,
.home-page .team-card-logo img,
.team-card-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 12px rgba(3, 26, 61, 0.28)) !important;
    transition: transform 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo img,
.home-page .team-card:hover .team-card-logo img,
.team-card:hover .team-card-logo img {
    transform: scale(1.08) !important;
}

:where(.home-page, body) .team-card-logo > strong,
.home-page .team-card-logo > strong,
.team-card-logo > strong {
    color: #05275a !important;
    font: 950 24px/1 var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
}

/* ── TÊN ĐỘI BÓNG (LỚN, ĐẬM NÉT, TƯƠNG XỨNG VỚI LOGO) ── */
:where(.home-page, body) .team-card-copy > strong,
.home-page .team-card-copy > strong,
.team-card-copy > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(16px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    margin: 10px 0 6px 0 !important;
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 8, 30, 0.6)) !important;
    text-align: center !important;
}

/* ── PILL ĐỊA PHƯƠNG (QUY NHƠN, SÀI GÒN, ...) ── */
:where(.home-page, body) .team-city-badge,
.home-page .team-city-badge,
.team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 3px 10px !important;
    border-radius: 99px !important;
    background: rgba(14, 85, 185, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.3) !important;
    color: #a5f3fc !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
}

/* ── MOBILE RESPONSIVE TỐI ƯU TO RÕ ── */
@media screen and (max-width: 860px) {
    .home-page .team-cards,
    .team-cards {
        gap: 10px !important;
    }

    .home-page .team-card,
    .team-card {
        border-radius: 16px !important;
    }

    .home-page .team-card-main,
    .team-card-main {
        padding: 14px 10px 10px !important;
        gap: 8px !important;
        text-align: center !important;
    }

    /* Logo to gấp đôi trên Mobile */
    :where(.home-page, body) .team-card-logo,
    .home-page .team-card-logo,
    .team-card-logo {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        padding: 6px !important;
        border-radius: 16px !important;
    }

    /* Tên đội bóng to rõ, dễ đọc */
    :where(.home-page, body) .team-card-copy > strong,
    .home-page .team-card-copy > strong,
    .team-card-copy > strong {
        font-size: 15.5px !important;
        line-height: 1.2 !important;
        margin: 6px 0 4px 0 !important;
    }

    /* Pill địa phương */
    :where(.home-page, body) .team-city-badge,
    .home-page .team-city-badge,
    .team-city-badge {
        font-size: 10.5px !important;
        padding: 2px 8px !important;
    }

    /* Nút hành động xem chi tiết & Facebook */
    .home-page .team-card-actions,
    .team-card-actions {
        min-height: 38px !important;
    }

    .home-page .team-card-actions > *,
    .team-card-actions > * {
        min-height: 38px !important;
        padding: 0 8px !important;
    }

    .home-page .team-card-actions svg,
    .team-card-actions svg {
        width: 18px !important;
        height: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP V2: LOGO ĐỘI BÓNG TO LỚN HƠN NỮA, TÊN ĐỘI BÓNG TO RÕ
   ĐỊA PHƯƠNG NHỎ HƠN - ĐƠN GIẢN THANH THOÁT CÙNG ICON SVG
   ═════════════════════════════════════════════════════════════════════ */

/* ── KHỐI CHỨA LOGO ĐỘI BÓNG (TO LỚN HƠN NỮA) ── */
:where(.home-page, body) .team-card-logo,
.home-page .team-card-logo,
.team-card-logo {
    width: clamp(120px, 12vw, 156px) !important;
    height: clamp(120px, 12vw, 156px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 6px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #f0f7fd 65%, #d8ebf8 100%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 16px 32px rgba(0, 10, 35, 0.32), 0 0 0 1px rgba(12, 81, 144, 0.12), inset 0 1px 2px #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo,
.home-page .team-card:hover .team-card-logo,
.team-card:hover .team-card-logo {
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 0 20px 42px rgba(0, 10, 35, 0.4), 0 0 25px rgba(56, 189, 248, 0.4) !important;
}

/* ── ẢNH LOGO ĐỘI BÓNG (TRÀN VIỀN 100% SẮC NÉT) ── */
:where(.home-page, body) .team-card-logo img,
.home-page .team-card-logo img,
.team-card-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.3)) !important;
    transition: transform 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo img,
.home-page .team-card:hover .team-card-logo img,
.team-card:hover .team-card-logo img {
    transform: scale(1.08) !important;
}

:where(.home-page, body) .team-card-logo > strong,
.home-page .team-card-logo > strong,
.team-card-logo > strong {
    color: #05275a !important;
    font: 950 28px/1 var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
}

/* ── TÊN ĐỘI BÓNG (TO LỚN, ĐẬM NÉT, TƯƠNG XỨNG VỚI LOGO) ── */
:where(.home-page, body) .team-card-copy > strong,
.home-page .team-card-copy > strong,
.team-card-copy > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(18px, 2.2vw, 25px) !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    margin: 12px 0 4px 0 !important;
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 8, 30, 0.65)) !important;
    text-align: center !important;
}

/* ── ĐỊA PHƯƠNG (NHỎ HƠN, ĐƠN GIẢN, THANH THOÁT VỚI ICON SVG) ── */
:where(.home-page, body) .team-city-badge,
.home-page .team-city-badge,
.team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
    opacity: 0.9 !important;
}

:where(.home-page, body) .team-city-badge svg,
.home-page .team-city-badge svg,
.team-city-badge svg {
    width: 11px !important;
    height: 11px !important;
    color: #38bdf8 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: -1px !important;
}

/* ── MOBILE RESPONSIVE TỐI ƯU TO RÕ CỰC ĐỈNH ── */
@media screen and (max-width: 860px) {
    .home-page .team-cards,
    .team-cards {
        gap: 10px !important;
    }

    .home-page .team-card,
    .team-card {
        border-radius: 18px !important;
    }

    .home-page .team-card-main,
    .team-card-main {
        padding: 14px 8px 10px !important;
        gap: 6px !important;
        text-align: center !important;
    }

    /* Logo to lớn cực đại trên Mobile: 96px x 96px */
    :where(.home-page, body) .team-card-logo,
    .home-page .team-card-logo,
    .team-card-logo {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        padding: 4px !important;
        border-radius: 18px !important;
    }

    /* Tên đội bóng to rõ, bắt mắt */
    :where(.home-page, body) .team-card-copy > strong,
    .home-page .team-card-copy > strong,
    .team-card-copy > strong {
        font-size: 17.5px !important;
        line-height: 1.15 !important;
        margin: 8px 0 2px 0 !important;
    }

    /* Địa phương nhỏ gọn, tinh tế */
    :where(.home-page, body) .team-city-badge,
    .home-page .team-city-badge,
    .team-city-badge {
        font-size: 9.5px !important;
        gap: 3px !important;
    }

    :where(.home-page, body) .team-city-badge svg,
    .home-page .team-city-badge svg,
    .team-city-badge svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Nút hành động xem chi tiết & Facebook */
    .home-page .team-card-actions,
    .team-card-actions {
        min-height: 38px !important;
    }

    .home-page .team-card-actions > *,
    .team-card-actions > * {
        min-height: 38px !important;
        padding: 0 8px !important;
    }

    .home-page .team-card-actions svg,
    .team-card-actions svg {
        width: 18px !important;
        height: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI ĐỘI BÓNG CHẠY MARQUEE VÔ TẬN TRÊN TEAM.PHP NHƯ TRANG CHỦ
   ═════════════════════════════════════════════════════════════════════ */
.team-profile-promax .team-switcher-bar,
.team-switcher-bar,
.team-switcher-ticker-promax {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 10px 0 !important;
    background: linear-gradient(180deg, rgba(3, 20, 52, 0.95) 0%, rgba(2, 13, 36, 0.98) 100%) !important;
    border-bottom: 1px solid rgba(127, 234, 251, 0.18) !important;
    box-shadow: 0 10px 25px rgba(0, 5, 20, 0.4) !important;
    z-index: 10 !important;
}

.team-switcher-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000000 3%, #000000 97%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000000 3%, #000000 97%, transparent 100%) !important;
}

.team-profile-promax .team-switcher-scroll,
.team-switcher-scroll {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: max-content !important;
    overflow: visible !important;
    animation: teamSwitcherMarqueeTrack 40s linear infinite !important;
    will-change: transform !important;
    padding-inline: 14px !important;
}

.team-switcher-bar:hover .team-switcher-scroll,
.team-switcher-bar:focus-within .team-switcher-scroll {
    animation-play-state: paused !important;
}

@keyframes teamSwitcherMarqueeTrack {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* ── CAPSULE ĐỘI BÓNG THEO ĐÚNG ẢNH THAM CHIẾU ── */
.team-switch-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px 6px 7px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, rgba(10, 37, 84, 0.75) 0%, rgba(6, 26, 62, 0.85) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.22) !important;
    box-shadow: 0 4px 14px rgba(0, 5, 20, 0.35), inset 0 1px rgba(255, 255, 255, 0.12) !important;
    text-decoration: none !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-switch-pill:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.6) !important;
    background: linear-gradient(135deg, rgba(14, 55, 125, 0.9) 0%, rgba(10, 37, 84, 0.95) 100%) !important;
    box-shadow: 0 8px 20px rgba(0, 5, 20, 0.5), 0 0 14px rgba(127, 234, 251, 0.3) !important;
}

/* Đội đang Active (đang xem trang hồ sơ) */
.team-switch-pill.is-active {
    background: linear-gradient(135deg, #0968c8 0%, #034898 100%) !important;
    border-color: #5edcf8 !important;
    box-shadow: 0 0 20px rgba(94, 220, 248, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
}

/* Badge Logo tròn trắng */
.team-switch-pill .pill-badge {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    padding: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.team-switch-pill .pill-badge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.team-switch-pill .pill-badge b {
    color: #05275a !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

/* Tên ngắn đội bóng */
.team-switch-pill .pill-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Pill địa phương nhỏ */
.team-switch-pill .pill-city {
    display: inline-block !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    background: rgba(4, 20, 48, 0.75) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    color: #a5f3fc !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

@media screen and (max-width: 860px) {
    .team-profile-promax .team-switcher-bar,
    .team-switcher-bar {
        padding: 8px 0 !important;
    }
    .team-profile-promax .team-switcher-scroll,
    .team-switcher-scroll {
        gap: 10px !important;
        animation-duration: 32s !important;
    }
    .team-switch-pill {
        padding: 5px 12px 5px 6px !important;
        gap: 8px !important;
    }
    .team-switch-pill .pill-badge {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    .team-switch-pill .pill-name {
        font-size: 13px !important;
    }
    .team-switch-pill .pill-city {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ MÀU SẮC RIÊNG BIỆT CHO MỖI ĐỘI BÓNG TRÊN DẢI CHẠY (SGTS FC ĐỎ, ...)
   ═════════════════════════════════════════════════════════════════════ */
.team-switch-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px 6px 7px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--pill-accent, #1976f3), #041432 40%) 0%, color-mix(in srgb, var(--pill-accent, #1976f3), #020b1e 75%) 100%) !important;
    border: 1.5px solid color-mix(in srgb, var(--pill-accent, #1976f3), #ffffff 28%) !important;
    box-shadow: 0 4px 14px rgba(0, 5, 20, 0.4), 0 0 10px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 60%), inset 0 1px rgba(255, 255, 255, 0.18) !important;
    text-decoration: none !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-switch-pill:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--pill-accent, #1976f3), #ffffff 60%) !important;
    box-shadow: 0 8px 22px rgba(0, 5, 20, 0.5), 0 0 16px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 30%) !important;
}

/* Đội đang Active (đang xem trang hồ sơ): Bừng sáng màu sắc chuẩn của CLB */
.team-switch-pill.is-active {
    background: linear-gradient(135deg, var(--pill-accent, #1976f3) 0%, color-mix(in srgb, var(--pill-accent, #1976f3), #000 35%) 100%) !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 22px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 15%), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

/* Badge Logo tròn trắng */
.team-switch-pill .pill-badge {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    padding: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.team-switch-pill .pill-badge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.team-switch-pill .pill-badge b {
    color: var(--pill-accent, #05275a) !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

/* Tên ngắn đội bóng */
.team-switch-pill .pill-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Pill địa phương đồng màu đội */
.team-switch-pill .pill-city {
    display: inline-block !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--pill-accent, #1976f3), #000 65%) !important;
    border: 1px solid color-mix(in srgb, var(--pill-accent, #1976f3), #fff 25%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

@media screen and (max-width: 860px) {
    .team-switch-pill {
        padding: 5px 12px 5px 6px !important;
        gap: 8px !important;
    }
    .team-switch-pill .pill-badge {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    .team-switch-pill .pill-name {
        font-size: 13px !important;
    }
    .team-switch-pill .pill-city {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ DẢI MÀU 100% NHƯ CHỮ KHAI MẠC TRÊN TRANG CHỦ:
   1. TÊN ĐỘI BÓNG (SGTS FC, ...)
   2. BAN HUẤN LUYỆN
   3. TRANG PHỤC THI ĐẤU CHÍNH THỨC
   4. ĐỘI HÌNH [TÊN ĐỘI BÓNG]
   ═════════════════════════════════════════════════════════════════════ */

/* 1. TÊN ĐỘI BÓNG (SGTS FC, ...) TRÊN HERO PROFILE */
.team-profile-promax .team-profile-title,
.team-title-wrap h1,
.team-profile-title,
h1.team-profile-title,
:where(.team-profile-promax, body) .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 2. BAN HUẤN LUYỆN */
.team-profile-promax .staff-title-master,
.team-staff-section-master .staff-title-master,
.staff-head-master h2,
.staff-title-master,
#club-directory h2,
:where(.team-profile-promax, body) .staff-title-master {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 3. TRANG PHỤC THI ĐẤU CHÍNH THỨC */
.team-profile-promax .staff-section-title,
.team-kits-section-vip .staff-section-title,
.kits-head-vip h2,
.staff-section-title,
#trang-phuc h2,
:where(.team-profile-promax, body) .staff-section-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 4. ĐỘI HÌNH SGTS FC */
.team-profile-promax .roster-main-title,
.team-profile-promax .roster-main-title span,
.team-roster-section-vip .roster-main-title,
.roster-head-master h2,
.roster-main-title,
.roster-main-title span,
#doi-hinh h2,
:where(.team-profile-promax, body) .roster-main-title,
:where(.team-profile-promax, body) .roster-main-title span {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

@media screen and (max-width: 860px) {
    .team-profile-promax .staff-title-master,
    .team-profile-promax .staff-section-title,
    .team-profile-promax .roster-main-title,
    .staff-title-master,
    .staff-section-title,
    .roster-main-title {
        font-size: clamp(19px, 5.5vw, 24px) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU GIAO DIỆN MOBILE TRANG HỒ SƠ ĐỘI BÓNG (TEAM.PHP) GỌN GÀNG
   - Giảm khoảng cách thừa, cuộn trang nhẹ nhàng, hiển thị tinh gọn
   - Hero, Ban huấn luyện, Trang phục, Đội hình đều vừa vặn màn hình
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    /* 1. KHUNG CHUNG VÀ CONTAINER */
    .team-profile-promax .container {
        width: calc(100% - 20px) !important;
        padding-inline: 0 !important;
    }

    .team-profile-promax main > .section,
    .team-profile-promax .section {
        padding-block: 28px 24px !important;
    }

    .team-profile-promax .section-head {
        margin-bottom: 20px !important;
    }

    /* 2. BREADCRUMBS */
    .team-breadcrumbs-wrapper {
        margin-bottom: 12px !important;
    }
    .team-breadcrumbs-capsule {
        padding: 4px 10px !important;
        font-size: 11px !important;
        gap: 6px !important;
    }

    /* 3. HERO DOSSIER (KHỐI THÔNG TIN CHÍNH CỦA ĐỘI) */
    .team-profile-promax .team-hero-promax {
        padding: 16px 0 24px !important;
    }

    .team-profile-promax .team-hero-layout {
        border-radius: 18px !important;
        border: 1px solid rgba(127, 234, 251, 0.25) !important;
    }

    /* Vòng tròn logo khiên 3D */
    .team-profile-promax .team-crest-side {
        padding: 18px 14px 14px !important;
        gap: 12px !important;
        background: radial-gradient(circle at 50% 30%, rgba(14, 85, 185, 0.25) 0%, rgba(3, 20, 52, 0.6) 100%) !important;
    }

    .team-profile-promax .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        flex-basis: 110px !important;
    }

    .team-profile-promax .team-crest-frame {
        width: 102px !important;
        height: 102px !important;
        padding: 6px !important;
    }

    .team-profile-promax .team-slogan-box {
        max-width: 100% !important;
    }

    .team-profile-promax .slogan-badge-pill {
        min-height: 0 !important;
        padding: 6px 14px !important;
    }

    .team-profile-promax .slogan-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    /* Cột thông tin chi tiết */
    .team-profile-promax .team-info-side {
        padding: 16px 14px 16px !important;
    }

    .team-profile-promax .team-identity-bar {
        margin-bottom: 8px !important;
    }

    .team-profile-promax .team-profile-title,
    .team-title-wrap h1 {
        font-size: 24px !important;
        margin-bottom: 10px !important;
        line-height: 1.15 !important;
    }

    /* Câu chuyện CLB (Thu gọn vừa mắt) */
    .team-profile-promax .team-story-box {
        padding: 12px 14px !important;
        border-radius: 12px !important;
        margin-bottom: 12px !important;
    }

    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
    }

    /* Thẻ thống kê Bento (Trưởng đoàn, HLV, ...) */
    .team-profile-promax .team-stats-bento {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        margin-top: 10px !important;
    }

    .team-profile-promax .team-stat-card {
        min-height: 0 !important;
        padding: 8px 10px !important;
        border-radius: 10px !important;
        gap: 8px !important;
    }

    .team-profile-promax .team-stat-card .stat-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .team-profile-promax .team-stat-card .stat-num {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    .team-profile-promax .team-stat-card .stat-lbl {
        font-size: 8.5px !important;
    }

    /* 4. SUBNAV ĐIỀU HƯỚNG DÍNH (STICKY TABS) */
    .team-profile-promax .team-profile-subnav {
        top: 0 !important;
    }
    .team-profile-promax .subnav-inner {
        min-height: 48px !important;
        padding: 0 6px !important;
    }
    .team-profile-promax .subnav-links {
        gap: 5px !important;
    }
    .team-profile-promax .subnav-link {
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 0 10px !important;
        font-size: 10.5px !important;
        border-radius: 8px !important;
    }

    /* 5. BAN HUẤN LUYỆN (VIP CARDS 2 CỘT GỌN GÀNG) */
    .team-profile-promax .team-staff-grid-master {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .staff-pass-card {
        min-height: 0 !important;
        padding: 10px 8px 10px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .pass-avatar-pod {
        width: 64px !important;
        height: 64px !important;
        margin: 8px auto !important;
    }

    .team-profile-promax .pass-avatar-frame {
        width: 60px !important;
        height: 60px !important;
    }

    .team-profile-promax .pass-role-chip {
        font-size: 8.5px !important;
        padding: 2px 7px !important;
    }

    .team-profile-promax .pass-person-name {
        min-height: 0 !important;
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .team-profile-promax .pass-hotline-btn {
        min-height: 32px !important;
        font-size: 10px !important;
        padding: 0 6px !important;
        border-radius: 6px !important;
    }

    /* 6. TRANG PHỤC THI ĐẤU (2 CỘT GỌN GÀNG KHÔNG BỊ KÉO DÀI) */
    .team-profile-promax .team-kits-grid-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .kit-card-vip {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .kit-stage-3d {
        aspect-ratio: 1/1 !important;
        padding: 6px !important;
    }

    .team-profile-promax .kit-name-vip {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }

    .team-profile-promax .kit-type-pill {
        font-size: 8.5px !important;
        padding: 2px 6px !important;
    }

    .team-profile-promax .kit-num-badge {
        font-size: 8.5px !important;
    }

    .team-profile-promax .kit-color-tag {
        font-size: 9px !important;
        padding: 1px 5px !important;
    }

    /* 7. ĐỘI HÌNH CẦU THỦ & BỘ LỌC VỊ TRÍ */
    .team-profile-promax .tactical-filter-deck {
        display: flex !important;
        gap: 4px !important;
        padding: 4px !important;
        margin-bottom: 14px !important;
        border-radius: 10px !important;
        overflow-x: auto !important;
    }

    .team-profile-promax .tactical-deck-pill {
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 9.5px !important;
        border-radius: 6px !important;
        flex: 1 0 auto !important;
    }

    .team-profile-promax .tactical-deck-pill .pill-count-chip {
        font-size: 8px !important;
        padding: 1px 4px !important;
    }

    .team-profile-promax .team-roster-grid-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .player-card-elite {
        padding: 8px 6px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .player-hero-stage {
        aspect-ratio: 1/1 !important;
        margin-bottom: 6px !important;
    }

    .team-profile-promax .player-identity-box .player-hero-name {
        min-height: 0 !important;
        font-size: 12.5px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
    }

    .team-profile-promax .spec-grid-elite {
        gap: 4px !important;
    }

    .team-profile-promax .spec-pod {
        min-height: 0 !important;
        padding: 4px 2px !important;
    }

    .team-profile-promax .spec-label {
        font-size: 7.5px !important;
    }

    .team-profile-promax .spec-value {
        font-size: 10px !important;
    }

    /* 8. KHỐI ĐIỀU HƯỚNG LIÊN QUAN CUỐI TRANG */
    .team-profile-promax .team-tournament-pathway {
        margin-top: 24px !important;
        padding: 16px 12px !important;
        border-radius: 16px !important;
    }

    .team-profile-promax .pathway-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .team-profile-promax .pathway-card {
        min-height: 0 !important;
        padding: 10px 12px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SỬA TRIỆT ĐỂ LỖI BACKGROUND TRÊN MOBILE CHO KHỐI HERO (TEAM.PHP)
   Thiết kế đồng bộ, liền khối, nền trắng cao cấp sạch sẽ 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Khung tổng thể liền mạch */
.team-profile-promax .team-hero-layout,
:where(.team-profile-promax, body) .team-hero-layout {
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 40px rgba(0, 10, 35, 0.12) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Nửa trên: Logo & Slogan */
.team-profile-promax .team-crest-side,
:where(.team-profile-promax, body) .team-crest-side {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #eef5fc 100%) !important;
    border-right: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 24px 16px 18px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.team-profile-promax .team-crest-side::before,
.team-profile-promax .team-crest-side::after {
    display: none !important;
}

/* Khối logo đội bóng */
.team-profile-promax .team-crest-hologram {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    margin: 0 auto 14px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-profile-promax .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
}

.team-profile-promax .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.22)) !important;
}

/* Ẩn ngôi sao xanh bay lệch lạc */
.team-profile-promax .crest-sparkle-mark,
.crest-sparkle-mark,
.crest-orbit-glow {
    display: none !important;
}

/* Khung Slogan tinh tế */
.team-profile-promax .team-slogan-box {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
}

.team-profile-promax .slogan-badge-pill {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 10, 35, 0.06) !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.team-profile-promax .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 20px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-profile-promax .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: center !important;
}

.team-profile-promax .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-profile-promax .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* Nửa dưới: Thông tin CLB liền khối trên nền trắng */
.team-profile-promax .team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    background: #ffffff !important;
    padding: 20px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media screen and (min-width: 901px) {
    .team-profile-promax .team-hero-layout {
        display: grid !important;
        grid-template-columns: 320px 1fr !important;
    }
    .team-profile-promax .team-crest-side {
        border-right: 1px solid #e2e8f0 !important;
        border-bottom: none !important;
        padding: 40px 24px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 32px 28px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP AVATAR BAN HUẤN LUYỆN TO LỚN, RÕ NÉT, NỔI BẬT
   ═════════════════════════════════════════════ */

/* Khối bao Avatar */
.team-profile-promax .pass-avatar-pod,
.pass-avatar-pod,
:where(.team-profile-promax, body) .pass-avatar-pod {
    width: clamp(96px, 12vw, 124px) !important;
    height: clamp(96px, 12vw, 124px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 16px auto 12px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
}

/* Khung tròn Avatar */
.team-profile-promax .pass-avatar-frame,
.pass-avatar-frame,
:where(.team-profile-promax, body) .pass-avatar-frame {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 50% !important;
    border: 3.5px solid #ffffff !important;
    box-shadow: 0 0 0 2px #58ddee, 0 10px 24px rgba(4, 31, 72, 0.2) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #e8f4fc 100%) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ảnh chân dung bên trong - Rõ nét, căn chuẩn */
.team-profile-promax .pass-avatar-frame img,
.pass-avatar-frame img,
.pass-avatar-img,
:where(.team-profile-promax, body) .pass-avatar-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    display: block !important;
}

/* Placeholder khi chưa có ảnh */
.team-profile-promax .pass-avatar-placeholder,
.pass-avatar-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: #0d56b3 !important;
    background: #e2f1fc !important;
}

.team-profile-promax .pass-avatar-placeholder svg,
.pass-avatar-placeholder svg {
    width: 50% !important;
    height: 50% !important;
}

/* Tích xanh xác thực */
.team-profile-promax .pass-verified-stamp,
.pass-verified-stamp,
:where(.team-profile-promax, body) .pass-verified-stamp {
    position: absolute !important;
    z-index: 3 !important;
    right: 2px !important;
    bottom: 2px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 2.5px solid #ffffff !important;
    background: #0ea5e9 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.team-profile-promax .pass-verified-stamp svg,
.pass-verified-stamp svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 3 !important;
}

/* Tên nhân sự to rõ */
.team-profile-promax .pass-person-name,
.pass-person-name,
:where(.team-profile-promax, body) .pass-person-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 950 !important;
    color: #031b40 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-profile-promax .pass-avatar-pod,
    .pass-avatar-pod,
    :where(.team-profile-promax, body) .pass-avatar-pod {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        margin: 12px auto 10px !important;
    }

    .team-profile-promax .pass-person-name,
    .pass-person-name {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .team-profile-promax .pass-verified-stamp,
    .pass-verified-stamp {
        width: 22px !important;
        height: 22px !important;
    }

    .team-profile-promax .pass-verified-stamp svg,
    .pass-verified-stamp svg {
        width: 10px !important;
        height: 10px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SỬA TRIỆT ĐỂ LỖI CỘT BỊ CO LỆCH VÀ NỀN LỆCH MÀU TRÊN MOBILE CHO TEAM.PHP
   ═════════════════════════════════════════════════════════════════════ */

/* ── MẶC ĐỊNH MOBILE / TOÀN BỘ MÀN HÌNH NHỎ (<= 900px) ── */
@media screen and (max-width: 900px) {
    /* Khung ngoài chuyển thành 1 cột duy nhất, không dùng grid 2 cột của desktop */
    .team-profile-promax .team-hero-layout,
    .team-hero-layout,
    :where(.team-profile-promax, body) .team-hero-layout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
        border-radius: 22px !important;
        box-shadow: 0 14px 36px rgba(0, 10, 35, 0.1) !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Khối Logo & Slogan (100% chiều rộng, căn giữa tuyệt đối, không lệch trái) */
    .team-profile-promax .team-crest-side,
    .team-crest-side,
    :where(.team-profile-promax, body) .team-crest-side {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        background: #ffffff !important;
        border-right: none !important;
        border-bottom: 1px solid #edf2f7 !important;
        padding: 24px 16px 20px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .team-crest-side::before,
    .team-profile-promax .team-crest-side::after {
        display: none !important;
    }

    /* Logo CLB căn giữa */
    .team-profile-promax .team-crest-hologram,
    .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        min-width: 110px !important;
        min-height: 110px !important;
        margin: 0 auto 12px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .team-crest-frame,
    .team-crest-frame {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .team-profile-promax .team-crest-frame img,
    .team-crest-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.2)) !important;
    }

    /* Ẩn các chi tiết rườm rà */
    .team-profile-promax .crest-sparkle-mark,
    .team-profile-promax .crest-orbit-glow,
    .crest-sparkle-mark,
    .crest-orbit-glow {
        display: none !important;
    }

    /* Khung Slogan căn giữa đẹp mắt */
    .team-profile-promax .team-slogan-box,
    .team-slogan-box {
        width: 100% !important;
        max-width: 380px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .team-profile-promax .slogan-badge-pill,
    .slogan-badge-pill {
        width: 100% !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 10, 35, 0.04) !important;
        padding: 8px 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .slogan-title,
    .slogan-title {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        text-align: center !important;
    }

    .team-profile-promax .slogan-title b {
        color: #0f172a !important;
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 13.5px !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }

    .team-profile-promax .slogan-title em {
        color: var(--club-accent, #c91d2a) !important;
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        font-style: italic !important;
        text-transform: uppercase !important;
    }

    /* Khối thông tin bên dưới (100% chiều rộng, nền trắng đồng nhất) */
    .team-profile-promax .team-info-side,
    .team-info-side,
    :where(.team-profile-promax, body) .team-info-side {
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

/* ── DESKTOP (>= 901px) ── */
@media screen and (min-width: 901px) {
    .team-profile-promax .team-hero-layout {
        display: grid !important;
        grid-template-columns: 310px minmax(0, 1fr) !important;
        background: #ffffff !important;
    }

    .team-profile-promax .team-crest-side {
        width: auto !important;
        border-right: 1px solid #edf2f7 !important;
        border-bottom: none !important;
        padding: 40px 24px !important;
    }

    .team-profile-promax .team-info-side {
        padding: 32px 28px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   KHẮC PHỤC TRIỆT ĐỂ LỖI AVATAR OVAL — ĐẢM BẢO TRÒN XOE HOÀN HẢO 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Khối bao Avatar */
.team-profile-promax .pass-avatar-pod,
.pass-avatar-pod,
:where(.team-profile-promax, body) .pass-avatar-pod {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    flex: 0 0 104px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 14px auto 10px auto !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
}

/* Khung tròn Avatar */
.team-profile-promax .pass-avatar-frame,
.pass-avatar-frame,
:where(.team-profile-promax, body) .pass-avatar-frame {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 3.5px solid #ffffff !important;
    box-shadow: 0 0 0 2px #58ddee, 0 8px 20px rgba(4, 31, 72, 0.18) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #e8f4fc 100%) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ảnh chân dung bên trong - Tuyệt đối không bị méo */
.team-profile-promax .pass-avatar-frame img,
.pass-avatar-frame img,
.pass-avatar-img,
:where(.team-profile-promax, body) .pass-avatar-frame img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tích xanh xác thực */
.team-profile-promax .pass-verified-stamp,
.pass-verified-stamp,
:where(.team-profile-promax, body) .pass-verified-stamp {
    position: absolute !important;
    z-index: 3 !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 2.5px solid #ffffff !important;
    background: #0ea5e9 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.team-profile-promax .pass-verified-stamp svg,
.pass-verified-stamp svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 3 !important;
}

/* Mobile Responsive: Cân chỉnh tròn xoe 88px */
@media screen and (max-width: 860px) {
    .team-profile-promax .pass-avatar-pod,
    .pass-avatar-pod,
    :where(.team-profile-promax, body) .pass-avatar-pod {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        max-width: 88px !important;
        max-height: 88px !important;
        flex: 0 0 88px !important;
        aspect-ratio: 1 / 1 !important;
        margin: 10px auto 8px auto !important;
    }

    .team-profile-promax .pass-avatar-frame,
    .pass-avatar-frame,
    :where(.team-profile-promax, body) .pass-avatar-frame {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        max-width: 88px !important;
        max-height: 88px !important;
        aspect-ratio: 1 / 1 !important;
    }

    .team-profile-promax .pass-verified-stamp,
    .pass-verified-stamp {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THỨ TỰ HIỂN THỊ CHUẨN: LOGO -> SGTS FC -> SÀI GÒN -> CÂU CHUYỆN
   ═════════════════════════════════════════════════════════════════════ */

.team-profile-promax .team-hero-layout--unified,
.team-hero-layout--unified,
:where(.team-profile-promax, body) .team-hero-layout--unified {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 45px rgba(0, 10, 35, 0.12) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 1 + 2 + 3: HEADER POD (LOGO -> SGTS FC -> SÀI GÒN) */
.team-hero-header-pod {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #edf5fc 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 28px 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. LOGO */
.team-hero-header-pod .team-crest-hologram {
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    margin: 0 auto 14px auto !important;
    display: grid !important;
    place-items: center !important;
}

.team-hero-header-pod .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: transparent !important;
}

.team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 18px rgba(3, 26, 61, 0.22)) !important;
}

/* 2. SGTS FC (TÊN ĐỘI BÓNG) */
.team-hero-header-pod .team-title-wrap {
    margin: 0 0 6px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 3. SÀI GÒN (ĐỊA PHƯƠNG) */
.team-hero-header-pod .team-identity-bar {
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 12px !important;
    border-radius: 99px !important;
    background: rgba(14, 85, 185, 0.08) !important;
    border: 1px solid rgba(14, 85, 185, 0.2) !important;
    color: #034898 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.team-hero-header-pod .team-city-badge svg {
    width: 12px !important;
    height: 12px !important;
    color: #0284c7 !important;
}

/* 4. CÂU CHUYỆN & THỐNG KÊ */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 28px 24px !important;
    box-sizing: border-box !important;
}

/* Slogan */
.team-profile-promax .team-slogan-box {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto 20px auto !important;
}

.team-profile-promax .slogan-badge-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 10px rgba(0, 10, 35, 0.04) !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Nội dung câu chuyện */
.team-profile-promax .team-story-box {
    padding: 18px 20px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.team-profile-promax .team-story-box :where(p, li) {
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
}

@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 20px 14px 16px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        margin-bottom: 10px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 22px !important;
    }
    .team-hero-header-pod .team-city-badge {
        font-size: 10.5px !important;
        padding: 3px 10px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 18px 14px !important;
    }
    .team-profile-promax .team-story-box {
        padding: 14px 14px !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 13px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DESKTOP: LOGO TO LỚN & MỞ RỘNG FULL-WIDTH TOÀN DIỆN CHO HERO DOSSIER
   ═════════════════════════════════════════════ */

/* ── KHUNG TỔNG THỂ FULL-WIDTH ── */
.team-profile-promax .team-hero-layout--unified,
.team-hero-layout--unified,
:where(.team-profile-promax, body) .team-hero-layout--unified {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 28px !important;
    box-shadow: 0 20px 60px rgba(0, 10, 35, 0.15) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* ── 1. PHẦN HEADER: LOGO TO LỚN & TÊN ĐỘI BÓNG FULL-WIDTH ── */
.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #edf5fc 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 40px 32px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Logo to lớn trên Desktop */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 165px !important;
    height: 165px !important;
    min-width: 165px !important;
    min-height: 165px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-hero-header-pod .team-crest-frame,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: transparent !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 12px 28px rgba(3, 26, 61, 0.25)) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: scale(1.04) !important;
}

/* Tên đội bóng (SGTS FC) to lớn, uy lực */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* ── 2. PHẦN THÂN: CÂU CHUYỆN CLB VÀ THỐNG KÊ FULL-WIDTH ── */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 36px 40px 36px !important;
    box-sizing: border-box !important;
}

/* Slogan Banner trích dẫn sang trọng */
.team-profile-promax .team-slogan-box,
:where(.team-profile-promax, body) .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 28px auto !important;
}

.team-profile-promax .slogan-badge-pill,
:where(.team-profile-promax, body) .slogan-badge-pill {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 10, 35, 0.05) !important;
    padding: 14px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.team-profile-promax .slogan-quote-mark,
:where(.team-profile-promax, body) .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 26px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-profile-promax .slogan-title,
:where(.team-profile-promax, body) .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: center !important;
}

.team-profile-promax .slogan-title b,
:where(.team-profile-promax, body) .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-profile-promax .slogan-title em,
:where(.team-profile-promax, body) .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* Khối câu chuyện CLB mở rộng full-width */
.team-profile-promax .team-story-shell,
:where(.team-profile-promax, body) .team-story-shell {
    width: 100% !important;
    margin-bottom: 32px !important;
}

.team-profile-promax .team-story-box,
:where(.team-profile-promax, body) .team-story-box {
    width: 100% !important;
    padding: 26px 32px !important;
    border-radius: 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 10, 35, 0.03) !important;
    box-sizing: border-box !important;
}

.team-profile-promax .team-story-box :where(p, li),
:where(.team-profile-promax, body) .team-story-box :where(p, li) {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    margin-bottom: 12px !important;
}

.team-profile-promax .team-story-box > p:first-of-type,
:where(.team-profile-promax, body) .team-story-box > p:first-of-type {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 16px !important;
}

/* Bento 3 thẻ thống kê dàn đều 3 cột rộng rãi */
.team-profile-promax .team-stats-bento,
:where(.team-profile-promax, body) .team-stats-bento {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.team-profile-promax .team-stat-card,
:where(.team-profile-promax, body) .team-stat-card {
    min-height: 80px !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 10, 35, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.team-profile-promax .team-stat-card:hover {
    transform: translateY(-4px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 10px 24px rgba(4, 31, 72, 0.12) !important;
}

.team-profile-promax .team-stat-card .stat-icon-pod,
:where(.team-profile-promax, body) .team-stat-card .stat-icon-pod {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 12px !important;
    background: rgba(14, 85, 185, 0.08) !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

.team-profile-promax .team-stat-card .stat-num,
:where(.team-profile-promax, body) .team-stat-card .stat-num {
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    color: #031b40 !important;
    line-height: 1.1 !important;
}

.team-profile-promax .team-stat-card .stat-lbl,
:where(.team-profile-promax, body) .team-stat-card .stat-lbl {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

/* Responsive Mobile Fallback */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 20px 14px 16px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 105px !important;
        height: 105px !important;
        min-width: 105px !important;
        min-height: 105px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 20px 16px !important;
    }
    .team-profile-promax .team-story-box {
        padding: 16px 14px !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 13.5px !important;
    }
    .team-profile-promax .team-stats-bento {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   KHU VỰC LOGO + TÊN ĐỘI BÓNG + SLOGAN NỀN TRẮNG TINH KHÔI ĐẸP MẮT
   ═════════════════════════════════════════════════════════════════════ */

/* Header Pod nền trắng sạch sẽ 100% */
.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding: 38px 28px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. Logo CLB to lớn */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 165px !important;
    height: 165px !important;
    min-width: 165px !important;
    min-height: 165px !important;
    margin: 0 auto 16px auto !important;
    display: grid !important;
    place-items: center !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 24px rgba(3, 26, 61, 0.22)) !important;
}

/* 2. Tên đội bóng (SGTS FC) */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* 3. Khung Slogan nhập chung vào khu vực này */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0, 10, 35, 0.04) !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 24px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-hero-header-pod .slogan-title,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: center !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* 4. Khối câu chuyện CLB phía dưới */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 32px 36px 36px !important;
    box-sizing: border-box !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 22px 16px 18px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 105px !important;
        height: 105px !important;
        min-width: 105px !important;
        min-height: 105px !important;
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 8px 16px !important;
        border-radius: 12px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 13.5px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 12px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 20px 16px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP SLOGAN CLB TO LỚN, RÕ RÀNG, BẮT MẮT & ẤN TƯỢNG
   ═════════════════════════════════════════════════════════════════════ */

/* Khung Slogan rộng rãi */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 4px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 10, 35, 0.05) !important;
    padding: 16px 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

/* Dấu ngoặc kép lớn nghệ thuật */
.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.75 !important;
    user-select: none !important;
}

.team-hero-header-pod .slogan-title,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
}

/* Dòng 1: ĐAM MÊ KHÔNG TUỔI (To lớn, đậm nét) */
.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
}

/* Dòng 2: ANH EM KHÔNG KHOẢNG CÁCH (To lớn, màu CLB) */
.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod .slogan-badge-pill,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 20px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
        font-size: 26px !important;
    }
    .team-hero-header-pod .slogan-title b,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND TRẮNG CÁCH ĐIỆU ĐẲNG CẤP CHO KHU VỰC LOGO & TÊN ĐỘI - SLOGAN
   Vân chìm thể thao, hào quang ngọc trai và hiệu ứng kính mờ nghệ thuật
   ═════════════════════════════════════════════════════════════════════ */

.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    background: 
        radial-gradient(ellipse 80% 60% at 50% 20%, #ffffff 0%, #f7fbfe 60%, #edf5fc 100%) !important;
    border-bottom: 1.5px solid rgba(214, 235, 248, 0.95) !important;
    padding: 44px 32px 34px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Vân lưới công nghệ & hào quang thể thao chìm */
.team-hero-header-pod::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-image: 
        radial-gradient(circle 350px at 50% 30%, rgba(56, 189, 248, 0.08), transparent 75%),
        linear-gradient(rgba(14, 85, 185, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.035) 1px, transparent 1px) !important;
    background-size: 100% 100%, 28px 28px, 28px 28px !important;
    mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 60%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 60%, transparent 100%) !important;
    pointer-events: none !important;
}

/* Vòng cung ánh sáng ngọc bích phía đáy */
.team-hero-header-pod::after {
    content: '' !important;
    position: absolute !important;
    bottom: -50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(700px, 90%) !important;
    height: 100px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse, rgba(56, 189, 248, 0.15) 0%, transparent 70%) !important;
    filter: blur(18px) !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* 1. Logo CLB to lớn, bóng đổ 3D thể thao */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 14px 28px rgba(3, 26, 61, 0.22)) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: translateY(-4px) scale(1.04) !important;
    filter: drop-shadow(0 18px 36px rgba(3, 26, 61, 0.28)) !important;
}

/* 2. Tên đội bóng (SGTS FC) phủ dải màu kim loại Khai Mạc */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* 3. Khung Slogan cách điệu sang trọng */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1.5px solid rgba(203, 228, 245, 0.85) !important;
    border-radius: 18px !important;
    box-shadow: 
        0 6px 20px rgba(0, 10, 35, 0.05),
        0 1px 2px rgba(255, 255, 255, 0.8) inset !important;
    padding: 15px 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.8 !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 24px 16px 20px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        min-width: 110px !important;
        min-height: 110px !important;
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 18px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark {
        font-size: 26px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND TRẮNG CÁCH ĐIỆU SÁNG TẠO ĐỈNH CAO CHO HEADER CLB
   Họa tiết sân vận động 3D, vòng quỹ đạo hào quang & vân kim cương ngọc trai
   ═════════════════════════════════════════════════════════════════════ */

.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    background: 
        radial-gradient(ellipse 90% 65% at 50% 18%, #ffffff 0%, #f7fbff 50%, #e8f4fc 100%) !important;
    border-bottom: 1.5px solid rgba(200, 230, 248, 0.95) !important;
    padding: 48px 36px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* ── LỚP HỌA TIẾT SÂN VẬN ĐỘNG & HÀO QUANG 3D ── */
.pod-ambient-stadium {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Hào quang màu CLB lan tỏa mềm mại */
.stadium-glow-core {
    position: absolute !important;
    top: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 380px !important;
    height: 380px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--core-accent, #176fe3) 14%, transparent) 0%, transparent 68%) !important;
    filter: blur(28px) !important;
}

/* Vòng tròn trung tâm sân cỏ 3D nghiêng */
.stadium-pitch-circle {
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) rotateX(58deg) !important;
    width: 440px !important;
    height: 440px !important;
    border-radius: 50% !important;
    border: 1.5px dashed rgba(14, 85, 185, 0.14) !important;
    box-shadow: 0 0 0 16px rgba(56, 189, 248, 0.03), inset 0 0 0 24px rgba(56, 189, 248, 0.02) !important;
}

/* Cung vòm sân vận động nghệ thuật 1 */
.stadium-arc-1 {
    position: absolute !important;
    top: -90px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 820px !important;
    height: 360px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(14, 85, 185, 0.07) !important;
}

/* Cung vòm sân vận động nghệ thuật 2 */
.stadium-arc-2 {
    position: absolute !important;
    top: -50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 640px !important;
    height: 280px !important;
    border-radius: 50% !important;
    border: 1px dashed rgba(56, 189, 248, 0.12) !important;
}

/* Vân lưới kim cương thể thao công nghệ */
.team-hero-header-pod::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-image: 
        linear-gradient(rgba(14, 85, 185, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.03) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 45%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 45%, transparent 100%) !important;
    pointer-events: none !important;
}

/* ── 1. LOGO CLB & VÒNG QUY ĐẠO HÀO QUANG ── */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 175px !important;
    height: 175px !important;
    min-width: 175px !important;
    min-height: 175px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

/* Vòng quỹ đạo ánh sáng quanh Logo */
.crest-orbit-ring {
    position: absolute !important;
    inset: -8px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(88, 221, 238, 0.45) !important;
    box-shadow: 0 0 16px rgba(88, 221, 238, 0.25) !important;
    pointer-events: none !important;
    animation: crestOrbitSpin 24s linear infinite !important;
}

@keyframes crestOrbitSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 16px 32px rgba(3, 26, 61, 0.25)) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: translateY(-5px) scale(1.04) !important;
    filter: drop-shadow(0 20px 40px rgba(3, 26, 61, 0.32)) !important;
}

/* ── 2. TÊN ĐỘI BÓNG (SGTS FC) ── */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(30px, 3.8vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* ── 3. KHUNG SLOGAN KÍNH PHA LÊ SÁNG TẠO ── */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(180, 220, 245, 0.9) !important;
    border-radius: 20px !important;
    box-shadow: 
        0 8px 24px rgba(0, 10, 35, 0.06),
        0 0 0 4px rgba(56, 189, 248, 0.06),
        inset 0 1px 2px #ffffff !important;
    padding: 16px 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.team-hero-header-pod .slogan-badge-pill:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 12px 30px rgba(0, 10, 35, 0.09),
        0 0 0 5px rgba(56, 189, 248, 0.12),
        inset 0 1px 2px #ffffff !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 38px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.85 !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 26px 16px 20px !important;
    }
    .stadium-pitch-circle {
        width: 300px !important;
        height: 300px !important;
    }
    .stadium-arc-1 {
        width: 500px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 115px !important;
        height: 115px !important;
        min-width: 115px !important;
        min-height: 115px !important;
        margin-bottom: 12px !important;
    }
    .crest-orbit-ring {
        inset: -5px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 18px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark {
        font-size: 28px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   HIỆU ỨNG BÓNG ĐÁ ĐẸP MẮT & SỐNG ĐỘNG CHO BACKGROUND TRẮNG CLB
   Mắt lưới khung thành 3D, quả bóng đa giác nghệ thuật & vệt quỹ đạo
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. MẮT LƯỚI KHUNG THÀNH LỤC GIÁC 3D (GOAL NET) ── */
.football-goal-net {
    position: absolute !important;
    top: 0 !important;
    width: clamp(180px, 28vw, 320px) !important;
    height: clamp(180px, 28vw, 320px) !important;
    background-image: 
        radial-gradient(circle, rgba(14, 85, 185, 0.12) 1.5px, transparent 1.5px),
        linear-gradient(30deg, rgba(14, 85, 185, 0.06) 1px, transparent 1px),
        linear-gradient(150deg, rgba(14, 85, 185, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.04) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.football-goal-net--left {
    left: -40px !important;
    transform: perspective(600px) rotateY(25deg) rotateZ(-10deg) !important;
    mask-image: radial-gradient(circle at 20% 20%, #000000 30%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 20% 20%, #000000 30%, transparent 80%) !important;
}

.football-goal-net--right {
    right: -40px !important;
    transform: perspective(600px) rotateY(-25deg) rotateZ(10deg) !important;
    mask-image: radial-gradient(circle at 80% 20%, #000000 30%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 80% 20%, #000000 30%, transparent 80%) !important;
}

/* ── 2. QUẢ BÓNG ĐÁ ĐA GIÁC 3D CHÌM CÁCH ĐIỆU ── */
.football-pattern-ball {
    position: absolute !important;
    width: clamp(160px, 20vw, 240px) !important;
    height: clamp(160px, 20vw, 240px) !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(14, 85, 185, 0.12) !important;
    box-shadow: 
        0 0 0 8px rgba(56, 189, 248, 0.03),
        inset 0 0 24px rgba(14, 85, 185, 0.06) !important;
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(14, 85, 185, 0.08) 22%, transparent 23%),
        radial-gradient(circle at 20% 20%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 80% 20%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 20% 80%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 80% 80%, rgba(14, 85, 185, 0.06) 18%, transparent 19%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0.8 !important;
}

.football-pattern-ball--left {
    top: 20px !important;
    left: clamp(-60px, -2vw, -20px) !important;
    transform: rotate(-15deg) !important;
    animation: ballFloatSlowLeft 16s ease-in-out infinite alternate !important;
}

.football-pattern-ball--right {
    top: 40px !important;
    right: clamp(-60px, -2vw, -20px) !important;
    transform: rotate(20deg) !important;
    animation: ballFloatSlowRight 18s ease-in-out infinite alternate !important;
}

@keyframes ballFloatSlowLeft {
    0% { transform: translateY(0) rotate(-15deg); }
    100% { transform: translateY(12px) rotate(-8deg); }
}

@keyframes ballFloatSlowRight {
    0% { transform: translateY(0) rotate(20deg); }
    100% { transform: translateY(-10px) rotate(28deg); }
}

/* ── 3. VỆT ĐƯỜNG BÓNG LĂN UỐN LƯỢN (MOTION TRAIL) ── */
.football-motion-trail {
    position: absolute !important;
    top: 45px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(880px, 96%) !important;
    height: 180px !important;
    border-radius: 50% / 100% 100% 0 0 !important;
    border-top: 2px dashed rgba(56, 189, 248, 0.28) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .football-goal-net {
        width: 140px !important;
        height: 140px !important;
        background-size: 16px 16px !important;
    }
    .football-goal-net--left { left: -30px !important; }
    .football-goal-net--right { right: -30px !important; }
    .football-pattern-ball {
        width: 120px !important;
        height: 120px !important;
    }
    .football-pattern-ball--left { left: -40px !important; top: 10px !important; }
    .football-pattern-ball--right { right: -40px !important; top: 20px !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   3 THẺ THỐNG KÊ BENTO (CẦU THỦ, ÁO ĐẤU, FANPAGE) CÂN ĐỐI TRÊN MOBILE
   ═════════════════════════════════════════════ */

@media screen and (max-width: 860px) {
    .team-profile-promax .team-stats-bento,
    .team-stats-bento,
    :where(.team-profile-promax, body) .team-stats-bento {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 14px !important;
    }

    /* 2 Thẻ trên: 16 Cầu thủ & 03 Trang phục (Song song 50% - 50%) */
    .team-profile-promax .team-stat-card,
    .team-stat-card,
    :where(.team-profile-promax, body) .team-stat-card {
        min-height: 56px !important;
        padding: 9px 12px !important;
        border-radius: 12px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(0, 10, 35, 0.03) !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .team-stat-card .stat-icon-pod,
    .team-stat-card .stat-icon-pod,
    :where(.team-profile-promax, body) .team-stat-card .stat-icon-pod {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 9px !important;
        background: rgba(14, 85, 185, 0.08) !important;
        color: #0284c7 !important;
        display: grid !important;
        place-items: center !important;
    }

    .team-profile-promax .team-stat-card .stat-icon-pod svg,
    .team-stat-card .stat-icon-pod svg {
        width: 17px !important;
        height: 17px !important;
    }

    .team-profile-promax .team-stat-card .stat-meta,
    .team-stat-card .stat-meta {
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
    }

    .team-profile-promax .team-stat-card .stat-num,
    .team-stat-card .stat-num,
    :where(.team-profile-promax, body) .team-stat-card .stat-num {
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 16px !important;
        font-weight: 950 !important;
        color: #031b40 !important;
        line-height: 1.1 !important;
    }

    .team-profile-promax .team-stat-card .stat-lbl,
    .team-stat-card .stat-lbl,
    :where(.team-profile-promax, body) .team-stat-card .stat-lbl {
        font-size: 9px !important;
        font-weight: 800 !important;
        color: #64748b !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }

    /* Thẻ Fanpage ở dưới: Full-width dàn đều 100% cực kỳ cân đối */
    .team-profile-promax .stat-card-fanpage,
    .stat-card-fanpage,
    :where(.team-profile-promax, body) .stat-card-fanpage {
        grid-column: 1 / -1 !important;
        background: linear-gradient(135deg, rgba(24, 119, 242, 0.07) 0%, rgba(24, 119, 242, 0.02) 100%) !important;
        border: 1.5px solid rgba(24, 119, 242, 0.28) !important;
        justify-content: center !important;
        padding: 10px 16px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-icon-pod,
    .stat-card-fanpage .stat-icon-pod,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-icon-pod {
        background: #1877f2 !important;
        color: #ffffff !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-meta,
    .stat-card-fanpage .stat-meta {
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 6px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-num,
    .stat-card-fanpage .stat-num,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-num {
        color: #1877f2 !important;
        font-size: 13.5px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-lbl,
    .stat-card-fanpage .stat-lbl,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-lbl {
        color: #1e40af !important;
        font-size: 11px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THANH JUMPBAR [BAN HUẤN LUYỆN] [TRANG PHỤC] [DANH SÁCH CẦU THỦ]
   HIỂN THỊ CÂN ĐỐI, GỌN GÀNG & HÀI HÒA TRÊN DESKTOP VÀ MOBILE
   ═════════════════════════════════════════════ */

.team-profile-promax .team-profile-subnav,
.team-profile-subnav,
:where(.team-profile-promax, body) .team-profile-subnav {
    position: sticky !important;
    top: 0 !important;
    z-index: 99 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-bottom: 1.5px solid rgba(200, 230, 248, 0.95) !important;
    box-shadow: 0 8px 24px rgba(5, 38, 78, 0.08) !important;
    padding: 8px 0 !important;
}

.team-profile-promax .subnav-inner,
.subnav-inner,
:where(.team-profile-promax, body) .subnav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

.team-profile-promax .subnav-lead,
.subnav-lead {
    display: none !important; /* Ẩn lead để 3 nút căn giữa tuyệt đối 100% */
}

/* 3 Nút dàn đều dạng Segmented Capsule Bar */
.team-profile-promax .subnav-links,
.subnav-links,
:where(.team-profile-promax, body) .subnav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 4px !important;
    background: #f1f5f9 !important;
    border-radius: 99px !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

/* Mỗi nút bấm */
.team-profile-promax .subnav-link,
.subnav-link,
:where(.team-profile-promax, body) .subnav-link {
    flex: 1 1 0 !important;
    min-height: 42px !important;
    padding: 6px 16px !important;
    border-radius: 99px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #475569 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.team-profile-promax .subnav-link:hover,
.subnav-link:hover {
    color: #031b40 !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

.team-profile-promax .subnav-link .nav-link-icon,
.subnav-link .nav-link-icon {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    color: inherit !important;
    background: transparent !important;
}

.team-profile-promax .subnav-link .nav-link-icon svg,
.subnav-link .nav-link-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Nút đang Active: Nổi bật với Navy & Cyan Glow */
.team-profile-promax .subnav-link.is-active,
.subnav-link.is-active,
.team-profile-promax .subnav-link[aria-current="location"],
:where(.team-profile-promax, body) .subnav-link.is-active {
    background: linear-gradient(135deg, #031b40 0%, #08275a 40%, #0d4e9f 100%) !important;
    color: #ffffff !important;
    border-color: #1269e8 !important;
    box-shadow: 0 4px 14px rgba(3, 27, 64, 0.25) !important;
}

.team-profile-promax .subnav-link.is-active .nav-link-icon,
.subnav-link.is-active .nav-link-icon {
    color: #38bdf8 !important;
}

/* ── MOBILE RESPONSIVE (CÂN ĐỐI, GỌN GÀNG, VỪA VẶN TRÊN MÀN HÌNH ĐIỆN THOẠI) ── */
@media screen and (max-width: 860px) {
    .team-profile-promax .team-profile-subnav,
    .team-profile-subnav {
        padding: 6px 0 !important;
    }

    .team-profile-promax .subnav-inner,
    .subnav-inner {
        padding: 0 8px !important;
        min-height: 44px !important;
    }

    .team-profile-promax .subnav-links,
    .subnav-links {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 3px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .subnav-link,
    .subnav-link {
        min-height: 38px !important;
        padding: 4px 4px !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        gap: 4px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .subnav-link .nav-link-icon,
    .subnav-link .nav-link-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .team-profile-promax .subnav-link .nav-link-icon svg,
    .subnav-link .nav-link-icon svg {
        width: 13px !important;
        height: 13px !important;
    }
}

@media screen and (max-width: 400px) {
    .team-profile-promax .subnav-link,
    .subnav-link {
        font-size: 9.5px !important;
        padding: 3px 2px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU HÓA TOÀN DIỆN KHOẢNG CÁCH TRÊN TRANG CHỦ DESKTOP
   (Harmonious Golden Ratio Rhythm & Compact Spacing)
   ═════════════════════════════════════════════════════════════════════ */

@media screen and (min-width: 992px) {
    /* 1. Nhịp điệu đệm cho tất cả các Section chính trên trang chủ */
    body.home-page main > .section,
    body.home-page .section,
    body.home-page .tournament-manifesto-hero,
    body.home-page .tournament-slogan,
    body.home-page .trailers-stage,
    body.home-page .regulations-teaser,
    body.home-page .awards-teaser-promax,
    body.home-page .teams-showcase,
    body.home-page .tournament-timeline,
    body.home-page .stadium-section,
    body.home-page .destination-travel,
    body.home-page .fixtures-section-pro-max,
    body.home-page .live-center-section,
    body.home-page .newsroom-section,
    body.home-page .gallery-section,
    body.home-page .sponsors-section {
        padding-block: clamp(42px, 4.2vw, 62px) !important;
    }

    /* 2. Tiêu đề các Section & Khoảng cách tới nội dung */
    body.home-page .section-head,
    body.home-page .teams-heading,
    body.home-page .timeline-heading,
    body.home-page .fixtures-pro-head,
    body.home-page .newsroom-head {
        margin-bottom: clamp(24px, 2.5vw, 36px) !important;
    }

    /* 3. Khối Hero Manifesto & Slogan */
    body.home-page .tournament-manifesto-hero {
        padding-top: clamp(28px, 3vw, 42px) !important;
        padding-bottom: clamp(32px, 3.5vw, 48px) !important;
    }

    body.home-page .tournament-slogan {
        padding-block: clamp(32px, 3.2vw, 46px) !important;
    }

    /* 4. Khối Trailer Stage */
    body.home-page .trailers-stage {
        padding-block: clamp(40px, 4vw, 56px) !important;
    }

    /* 5. Khối Điều Lệ & Giải Thưởng */
    body.home-page .regulations-teaser {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    body.home-page .awards-teaser-promax {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    /* 6. Khối Đội Bóng Tham Dự */
    body.home-page .teams-showcase {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .team-cards {
        gap: 18px !important;
    }

    /* 7. Khối Lộ Trình 3 Ngày Kết Nối */
    body.home-page .tournament-timeline {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .timeline-track {
        gap: 18px !important;
    }

    /* 8. Khối Sân Thi Đấu Nguyễn Thị Định */
    body.home-page .stadium-section {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    body.home-page .stadium-shell {
        gap: 28px !important;
    }

    /* 9. Khối Điểm Đến (HƠN CẢ MỘT GIẢI ĐẤU) */
    body.home-page .destination-travel {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    /* 10. Khối Lịch Thi Đấu & Match Center */
    body.home-page .fixtures-section-pro-max {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .fixtures-luxury-grid {
        gap: 16px !important;
    }

    /* 11. Khối Tin Tức & Thư Viện */
    body.home-page .newsroom-section {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .gallery-section {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    /* 12. Khối Nhà Tài Trợ & Chân Trang */
    body.home-page .sponsors-section {
        padding-block: clamp(42px, 4vw, 58px) !important;
    }
}



/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND SÂN BÓNG ĐÁ NGUYỄN THỊ ĐỊNH (CHUẨN 100% THEO ẢNH MẪU):
   Nền Xanh Navy Sapphire + Lưới công nghệ thể thao + Vòng cung ánh sáng
   ═════════════════════════════════════════════════════════════════════ */

#san-thi-dau,
.stadium-section,
section.stadium-section,
body.home-page #san-thi-dau,
body.home-page .stadium-section,
html body .stadium-section,
:where(body.home-page, body) .stadium-section {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border: none !important;
    background: #020e29 !important;
    background-image: 
        radial-gradient(circle at 12% 10%, rgba(37, 199, 242, 0.28), transparent 30%),
        radial-gradient(circle at 92% 80%, rgba(20, 94, 224, 0.35), transparent 35%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%) !important;
    box-shadow: none !important;
}

/* 1. Lưới công nghệ thể thao chìm 72px x 72px */
#san-thi-dau::before,
.stadium-section::before,
body.home-page .stadium-section::before,
:where(body.home-page, body) .stadium-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0.45 !important;
    background-image: 
        linear-gradient(rgba(112, 219, 255, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 219, 255, 0.14) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    z-index: 1 !important;
}

/* 2. Vòng cung hào quang thể thao lớn (giống ảnh mẫu người dùng cung cấp) */
#san-thi-dau::after,
.stadium-section::after,
body.home-page .stadium-section::after,
:where(body.home-page, body) .stadium-section::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    right: -10vw !important;
    bottom: -15vw !important;
    width: clamp(340px, 46vw, 650px) !important;
    height: clamp(340px, 46vw, 650px) !important;
    border: 1.5px solid rgba(114, 227, 255, 0.28) !important;
    border-radius: 50% !important;
    box-shadow: 
        0 0 0 clamp(40px, 6vw, 80px) rgba(31, 157, 231, 0.05),
        0 0 0 clamp(80px, 12vw, 160px) rgba(31, 157, 231, 0.03) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 3. Nội dung bên trong nằm trên z-index 2 */
#san-thi-dau .stadium-shell,
body.home-page .stadium-shell,
.stadium-shell {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Khung hình ảnh sân vận động */
#san-thi-dau .stadium-visual,
body.home-page .stadium-visual,
.stadium-visual {
    position: relative !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(88, 221, 238, 0.4) !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.5) !important;
    overflow: hidden !important;
    background: #03142e !important;
}

#san-thi-dau .stadium-visual img,
body.home-page .stadium-visual img,
.stadium-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Panel thông tin sân vận động & Google Maps (Kính mờ Dark Glass) */
#san-thi-dau .stadium-map-panel,
body.home-page .stadium-map-panel,
.stadium-map-panel {
    background: rgba(2, 18, 44, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid rgba(88, 221, 238, 0.35) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.45) !important;
    padding: 32px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Tiêu đề Tên Sân */
#san-thi-dau .stadium-panel-heading,
body.home-page .stadium-panel-heading,
.stadium-panel-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

#san-thi-dau .stadium-panel-heading em,
body.home-page .stadium-panel-heading em,
.stadium-panel-heading em {
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #38bdf8 !important;
    letter-spacing: 0.02em !important;
}

/* Thẻ thông tin (Ngày thi đấu, Địa điểm) */
#san-thi-dau .stadium-location-facts,
body.home-page .stadium-location-facts,
.stadium-location-facts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

#san-thi-dau .stadium-fact-card,
body.home-page .stadium-fact-card,
.stadium-fact-card {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

#san-thi-dau .stadium-fact-icon,
body.home-page .stadium-fact-icon,
.stadium-fact-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-fact-body small,
body.home-page .stadium-fact-body small,
.stadium-fact-body small {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-fact-body strong,
body.home-page .stadium-fact-body strong,
.stadium-fact-body strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

/* Nút chỉ đường Google Maps */
#san-thi-dau .stadium-map-action,
body.home-page .stadium-map-action,
.stadium-map-action {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1px solid #38bdf8 !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#san-thi-dau .stadium-map-action:hover,
body.home-page .stadium-map-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
}

#san-thi-dau .stadium-map-pin,
body.home-page .stadium-map-pin,
.stadium-map-pin {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-map-copy strong,
body.home-page .stadium-map-copy strong {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-map-copy em,
body.home-page .stadium-map-copy em {
    color: #e0f2fe !important;
    font-size: 11px !important;
    font-style: normal !important;
}

#san-thi-dau .stadium-map-arrow,
body.home-page .stadium-map-arrow {
    color: #ffffff !important;
}

@media screen and (max-width: 900px) {
    #san-thi-dau .stadium-shell,
    body.home-page .stadium-shell {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    #san-thi-dau .stadium-visual,
    body.home-page .stadium-visual {
        min-height: 220px !important;
    }
    #san-thi-dau .stadium-map-panel,
    body.home-page .stadium-map-panel {
        padding: 22px 18px !important;
    }
}


/* ==========================================================================
   PERFECT MOBILE RESPONSIVE FIX: HERO & FOOTER EVENT BOARD (2026 UPDATE)
   – Fixes brand title overflow cut-off on mobile.
   – Fixes 'QUY NHƠN' text overlapping 'GIA LAI VIỆT NAM' text stack.
   – Ensures balanced 2-column layout without overflow or text truncation.
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* ── 1. OUTER DECK & BOARD CONTAINER ── */
    .footer-top-event-deck,
    .home-page .hero-event-board,
    .hero-event-board {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .footer-top-event-deck .footer-event-board-masterpiece,
    .home-page .hero-event-board {
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    /* ── 2. BRAND LOCKUP (LOGO + TITLE + SEASON) ── */
    .footer-top-event-deck .hero-event-brand,
    .home-page .hero-event-brand,
    .hero-event-brand {
        display: grid !important;
        grid-template-columns: 68px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 14px 12px !important;
        min-height: auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .footer-top-event-deck .hero-event-crest,
    .home-page .hero-event-board .hero-crest,
    :where(.home-page, body) .hero-event-crest {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
        padding: 4px !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .footer-top-event-deck .hero-side-label,
    .home-page .hero-event-board .hero-side-label,
    .hero-side-label {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2px !important;
        text-align: left !important;
    }

    .footer-top-event-deck .brand-kicker-tag,
    .home-page .hero-event-board .hero-side-label > span {
        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        margin-bottom: 2px !important;
        color: #75e5f5 !important;
    }

    .footer-top-event-deck .brand-main-title,
    .home-page .hero-event-board .hero-side-label > strong,
    .brand-main-title {
        font-size: clamp(14px, 4.4vw, 19px) !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #ffffff !important;
    }

    .footer-top-event-deck .brand-season-wrap,
    .brand-season-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 3px !important;
        min-width: 0 !important;
    }

    .footer-top-event-deck .brand-season-wrap::before {
        content: "" !important;
        width: 18px !important;
        height: 2px !important;
        flex-shrink: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #fff, #81e9f7) !important;
    }

    .footer-top-event-deck .brand-season-badge,
    .home-page .hero-event-board .hero-side-label b,
    .brand-season-badge {
        font-size: clamp(12px, 3.8vw, 15px) !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
        color: #58ddf3 !important;
    }

    /* ── 3. EVENT FACTS (DATE & LOCATION 2-COL CARDS) ── */
    .footer-top-event-deck .hero-event-facts,
    .home-page .hero-event-facts,
    .hero-event-facts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        padding: 8px 10px 10px !important;
        min-height: auto !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    .footer-top-event-deck .hero-fact-card,
    .home-page .hero-event-board .hero-date,
    .home-page .hero-event-board .hero-location,
    .hero-fact-card {
        min-width: 0 !important;
        min-height: auto !important;
        padding: 8px 6px !important;
        border-radius: 10px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .footer-top-event-deck .hero-fact-header {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 4px !important;
    }

    .footer-top-event-deck .fact-header-label {
        font-size: 7px !important;
        font-weight: 800 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
    }

    .footer-top-event-deck .hero-fact-body,
    .footer-top-event-deck .hero-date-value,
    .footer-top-event-deck .hero-location-value,
    .home-page .hero-event-board .hero-date-value,
    .home-page .hero-event-board .hero-location-value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        min-width: 0 !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .footer-top-event-deck .fact-main-num,
    .footer-top-event-deck .hero-date-value > strong,
    .home-page .hero-event-board .hero-date strong,
    .fact-main-num {
        font-size: clamp(15px, 4.6vw, 20px) !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        color: #073b79 !important;
    }

    .footer-top-event-deck .fact-main-city,
    .footer-top-event-deck .hero-location-value > strong,
    .home-page .hero-event-board .hero-location strong,
    .fact-main-city {
        font-size: clamp(12.5px, 3.8vw, 17px) !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        color: #073b79 !important;
    }

    .footer-top-event-deck .date-text-stack,
    .footer-top-event-deck .location-text-stack,
    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        padding-left: 5px !important;
        border-left: 1.5px solid #cbd5e1 !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .footer-top-event-deck .date-text-stack span,
    .footer-top-event-deck .location-text-stack span,
    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span {
        font-size: clamp(6.5px, 1.8vw, 8px) !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.02em !important;
        white-space: nowrap !important;
        color: #334155 !important;
        text-transform: uppercase !important;
    }
}

@media screen and (max-width: 375px) {
    .footer-top-event-deck .hero-event-brand,
    .home-page .hero-event-brand {
        grid-template-columns: 56px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 10px 8px !important;
    }

    .footer-top-event-deck .hero-event-crest,
    .home-page .hero-event-board .hero-crest {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .footer-top-event-deck .brand-main-title,
    .home-page .hero-event-board .hero-side-label > strong {
        font-size: 13.5px !important;
    }

    .footer-top-event-deck .brand-season-badge,
    .home-page .hero-event-board .hero-side-label b {
        font-size: 11.5px !important;
    }

    .footer-top-event-deck .fact-main-num,
    .home-page .hero-event-board .hero-date strong {
        font-size: 14.5px !important;
    }

    .footer-top-event-deck .fact-main-city,
    .home-page .hero-event-board .hero-location strong {
        font-size: 11.5px !important;
    }

    .footer-top-event-deck .date-text-stack span,
    .footer-top-event-deck .location-text-stack span {
        font-size: 6px !important;
    }
}


/* ==========================================================================
   ULTIMATE MOBILE RESPONSIVE FIX: ZERO OVERLAP FOR LOGO & QUY NHON (2026)
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* 1. KHỐI LOGO & THƯƠNG HIỆU PHÍA TRÊN */
    :where(.home-page, body) .hero-event-brand,
    .home-page .hero-event-brand,
    .footer-top-event-deck .hero-event-brand,
    .hero-event-brand {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 12px 10px !important;
        min-height: auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    :where(.home-page, body) .hero-event-crest,
    .home-page .hero-event-crest,
    .footer-top-event-deck .hero-event-crest,
    .hero-event-crest {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        flex: 0 0 58px !important;
        padding: 3px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 38% 28%, #ffffff 0%, #e0f2fe 70%, #bae6fd 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
        margin: 0 !important;
        position: relative !important;
        display: grid !important;
        place-items: center !important;
    }

    /* Ẩn các vòng tròn viền đứt nét / orbit lấn chiếm không gian */
    .hero-event-crest::before,
    .hero-event-crest::after,
    .home-page .hero-event-crest::before,
    .home-page .hero-event-crest::after,
    .footer-top-event-deck .hero-event-crest::before,
    .footer-top-event-deck .hero-event-crest::after,
    .crest-orbit-glow {
        display: none !important;
    }

    :where(.home-page, body) .hero-crest,
    .home-page .hero-crest,
    .footer-top-event-deck .hero-crest,
    .hero-crest {
        width: 82% !important;
        height: 82% !important;
        max-width: 82% !important;
        max-height: 82% !important;
        object-fit: contain !important;
        display: block !important;
        margin: auto !important;
        filter: drop-shadow(0 2px 6px rgba(0, 20, 50, 0.3)) !important;
    }

    :where(.home-page, body) .hero-side-label,
    .home-page .hero-event-board .hero-side-label,
    .footer-top-event-deck .hero-side-label,
    .hero-side-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .home-page .hero-event-board .hero-side-label > span,
    .footer-top-event-deck .brand-kicker-tag {
        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
        color: #38bdf8 !important;
        margin-bottom: 2px !important;
    }

    .home-page .hero-event-board .hero-side-label > strong,
    .footer-top-event-deck .brand-main-title,
    .brand-main-title {
        font-size: clamp(13.5px, 4vw, 17px) !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    .home-page .hero-event-board .hero-side-label b,
    .footer-top-event-deck .brand-season-badge,
    .brand-season-badge {
        font-size: clamp(11px, 3.4vw, 14px) !important;
        font-weight: 800 !important;
        color: #38bdf8 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        margin-top: 2px !important;
    }

    /* 2. KHỐI NGÀY & ĐỊA ĐIỂM PHÍA DƯỚI */
    :where(.home-page, body) .hero-event-facts,
    .home-page .hero-event-facts,
    .footer-top-event-deck .hero-event-facts,
    .hero-event-facts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        padding: 8px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        min-height: auto !important;
    }

    .home-page .hero-event-board .hero-date,
    .home-page .hero-event-board .hero-location,
    .footer-top-event-deck .hero-fact-card,
    .hero-fact-card {
        min-width: 0 !important;
        min-height: auto !important;
        padding: 8px 4px !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .footer-top-event-deck .hero-fact-header {
        position: static !important;
        margin-bottom: 2px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .footer-top-event-deck .fact-header-label {
        font-size: 6.5px !important;
        font-weight: 800 !important;
        color: #64748b !important;
        letter-spacing: 0.05em !important;
    }

    .home-page .hero-event-board .hero-date-value,
    .home-page .hero-event-board .hero-location-value,
    .footer-top-event-deck .hero-fact-body,
    .footer-top-event-deck .hero-date-value,
    .footer-top-event-deck .hero-location-value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-around !important;
        gap: 3px !important;
        min-width: 0 !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .home-page .hero-event-board .hero-date strong,
    .footer-top-event-deck .fact-main-num,
    .footer-top-event-deck .hero-date-value > strong,
    .fact-main-num {
        font-size: clamp(14px, 4.2vw, 17px) !important;
        font-weight: 900 !important;
        color: #073b79 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        letter-spacing: -0.03em !important;
    }

    .home-page .hero-event-board .hero-location strong,
    .footer-top-event-deck .fact-main-city,
    .footer-top-event-deck .hero-location-value > strong,
    .fact-main-city {
        font-size: clamp(11px, 3.2vw, 13.5px) !important;
        font-weight: 900 !important;
        color: #073b79 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        letter-spacing: -0.02em !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span,
    .footer-top-event-deck .date-text-stack,
    .footer-top-event-deck .location-text-stack {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        padding-left: 4px !important;
        border-left: 1.5px solid #94a3b8 !important;
        min-width: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span,
    .footer-top-event-deck .date-text-stack span,
    .footer-top-event-deck .location-text-stack span {
        font-size: clamp(5.8px, 1.7vw, 7.2px) !important;
        font-weight: 800 !important;
        line-height: 1.18 !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        color: #334155 !important;
        text-transform: uppercase !important;
        display: block !important;
    }
}


/* ── BALANCED FAIR PLAY TITLE (NO TEXT BREAKING ON MOBILE) ── */
.fairplay-title,
.regulations-grand-page .fairplay-title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px 12px !important;
    text-align: center !important;
    text-wrap: balance !important;
}

.fairplay-title .fp-word,
.regulations-grand-page .fairplay-title .fp-word {
    white-space: nowrap !important;
    display: inline-block !important;
}

.fairplay-title .fp-sep,
.regulations-grand-page .fairplay-title .fp-sep {
    color: #38bdf8 !important;
    opacity: 0.85 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media screen and (max-width: 768px) {
    .fairplay-title,
    .regulations-grand-page .fairplay-title {
        font-size: clamp(15px, 4.4vw, 21px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.01em !important;
        gap: 3px 6px !important;
    }

    .fairplay-title .fp-sep,
    .regulations-grand-page .fairplay-title .fp-sep {
        font-size: 0.85em !important;
    }
}

@media screen and (max-width: 380px) {
    .fairplay-title,
    .regulations-grand-page .fairplay-title {
        font-size: 14.5px !important;
        gap: 2px 4px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   MASTER TYPOGRAPHY: ĐOÀN KẾT — VĂN MINH — NHIỆT HUYẾT (PRO MAX BEAUTY)
   ══════════════════════════════════════════════════════════════════════ */
.fairplay-title,
.regulations-grand-page .fairplay-title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 16px !important;
    text-align: center !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.6vw, 46px) !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-wrap: balance !important;
}

.fairplay-title .fp-word,
.regulations-grand-page .fairplay-title .fp-word {
    white-space: nowrap !important;
    display: inline-block !important;
    font-style: normal !important;
}

/* ĐOÀN KẾT & VĂN MINH: Bạc ánh pha lê sang trọng */
.fairplay-title .fp-word--1,
.fairplay-title .fp-word--2,
.regulations-grand-page .fairplay-title .fp-word--1,
.regulations-grand-page .fairplay-title .fp-word--2 {
    background: linear-gradient(180deg, #ffffff 15%, #e2f1ff 60%, #93c5fd 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(0, 15, 45, 0.6)) !important;
}

/* NHIỆT HUYẾT: Cyan ngọc bích ánh vàng kim rực rỡ */
.fairplay-title em,
.fairplay-title .fp-word--3,
.regulations-grand-page .fairplay-title em,
.regulations-grand-page .fairplay-title .fp-word--3 {
    background: linear-gradient(135deg, #38bdf8 0%, #67e8f9 35%, #fde047 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.6)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)) !important;
}

/* Dấu gạch nối phát sáng thể thao */
.fairplay-title .fp-sep,
.regulations-grand-page .fairplay-title .fp-sep {
    color: #38bdf8 !important;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.75), 0 0 20px rgba(56, 189, 248, 0.35) !important;
    font-weight: 800 !important;
    opacity: 0.9 !important;
    margin: 0 !important;
    transform: scaleX(1.1) !important;
}

@media screen and (max-width: 768px) {
    .fairplay-title,
    .regulations-grand-page .fairplay-title {
        font-size: clamp(16px, 4.5vw, 22px) !important;
        gap: 4px 8px !important;
        line-height: 1.25 !important;
        letter-spacing: -0.015em !important;
    }

    .fairplay-title .fp-sep,
    .regulations-grand-page .fairplay-title .fp-sep {
        font-size: 0.85em !important;
    }
}

@media screen and (max-width: 380px) {
    .fairplay-title,
    .regulations-grand-page .fairplay-title {
        font-size: 14.5px !important;
        gap: 2px 5px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   REGULATION EVENT TRIO BOARD (KHỐI THAM CHIẾU 3 THẺ NGANG SANG TRỌNG)
   ══════════════════════════════════════════════════════════════════════ */
.reg-event-trio-deck {
    display: grid !important;
    grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr) minmax(0, 1.05fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    box-sizing: border-box !important;
}

/* 1. THẺ BRAND NAVY */
.reg-trio-brand-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 18% 40%, rgba(39, 136, 229, 0.28), transparent 35%),
                linear-gradient(116deg, #001633 0%, #043269 56%, #0b478e 100%) !important;
    border: 1px solid rgba(88, 221, 243, 0.45) !important;
    box-shadow: 0 14px 34px rgba(0, 12, 36, 0.35), inset 0 1px rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

.reg-trio-brand-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 10% !important;
    width: 35% !important;
    height: 3px !important;
    border-radius: 0 0 4px 4px !important;
    background: linear-gradient(90deg, #5ee8f6, #2daef0) !important;
    box-shadow: 0 0 12px rgba(88, 221, 243, 0.5) !important;
    pointer-events: none !important;
}

.reg-trio-crest-wrap {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    padding: 4px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 38% 28%, #ffffff 0%, #e0f2fe 70%, #bae6fd 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.reg-trio-crest {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 20, 50, 0.3)) !important;
}

.reg-trio-brand-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: left !important;
}

.reg-trio-kicker {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    color: #75e5f5 !important;
    text-transform: uppercase !important;
}

.reg-trio-title {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(15px, 1.35vw, 19px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
    word-break: break-word !important;
    margin: 2px 0 1px 0 !important;
}

.reg-trio-season {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.reg-trio-dash {
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #ffffff, #81e9f7) !important;
    flex-shrink: 0 !important;
}

.reg-trio-season b {
    font-size: clamp(12px, 1.1vw, 15px) !important;
    font-weight: 900 !important;
    color: #58ddf3 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

/* 2 & 3. THẺ TRẮNG FACT CARDS */
.reg-trio-fact-card {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 20, 50, 0.08) !important;
    box-sizing: border-box !important;
}

.reg-trio-fact-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 46px !important;
    height: 4px !important;
    border-radius: 0 0 3px 3px !important;
    background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
    pointer-events: none !important;
}

.reg-trio-fact-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #0284c7 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.reg-trio-fact-icon {
    display: inline-flex !important;
    align-items: center !important;
    color: #0284c7 !important;
}

.reg-trio-fact-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    width: 100% !important;
}

.reg-trio-num {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(26px, 2.6vw, 36px) !important;
    font-weight: 950 !important;
    color: #04295e !important;
    line-height: 0.95 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.reg-trio-city {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    font-weight: 950 !important;
    color: #04295e !important;
    line-height: 0.95 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
}

.reg-trio-stack {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
    padding-left: 10px !important;
    border-left: 1.5px solid #cbd5e1 !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
}

.reg-trio-stack span {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    line-height: 1.22 !important;
    letter-spacing: 0.04em !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* ── RESPONSIVE ── */
@media screen and (max-width: 992px) {
    .reg-event-trio-deck {
        grid-template-columns: 1fr 1fr !important;
    }
    .reg-trio-brand-card {
        grid-column: 1 / -1 !important;
    }
}

@media screen and (max-width: 640px) {
    .reg-event-trio-deck {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }
    
    .reg-trio-brand-card {
        grid-column: 1 / -1 !important;
        padding: 12px 10px !important;
        border-radius: 14px !important;
        gap: 10px !important;
    }
    
    .reg-trio-crest-wrap {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
    }
    
    .reg-trio-title {
        font-size: 14px !important;
    }
    
    .reg-trio-season b {
        font-size: 12px !important;
    }
    
    .reg-trio-fact-card {
        padding: 10px 6px !important;
        border-radius: 12px !important;
        gap: 4px !important;
    }
    
    .reg-trio-fact-header {
        font-size: 7.5px !important;
    }
    
    .reg-trio-fact-body {
        gap: 4px !important;
    }
    
    .reg-trio-num {
        font-size: clamp(15px, 4.4vw, 18px) !important;
    }
    
    .reg-trio-city {
        font-size: clamp(12px, 3.4vw, 14.5px) !important;
    }
    
    .reg-trio-stack {
        padding-left: 4px !important;
        border-left-width: 1px !important;
    }
    
    .reg-trio-stack span {
        font-size: 6.5px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   PERFECT CENTERING FOR REGULATION EVENT TRIO & FAIRPLAY BOARD
   ══════════════════════════════════════════════════════════════════════ */
.fairplay-master-card,
.regulations-grand-page .fairplay-master-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

.fairplay-content-inner,
.regulations-grand-page .fairplay-content-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

.reg-event-trio-deck {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: stretch !important;
}

.reg-trio-brand-card {
    justify-content: center !important;
    align-items: center !important;
}

.reg-trio-fact-card {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}

.reg-trio-fact-header {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.reg-trio-fact-body {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.fairplay-pillars-grid,
.regulations-grand-page .fairplay-pillars-grid {
    width: 100% !important;
    justify-content: center !important;
    margin-inline: auto !important;
}

.fairplay-actions,
.regulations-grand-page .fairplay-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin-inline: auto !important;
}


/* ══════════════════════════════════════════════════════════════════════
   PERFECT EQUAL 3-COLUMN GRID ALIGNMENT: 3 Ô TRÊN CĂN ĐỀU 3 Ô DƯỚI
   ══════════════════════════════════════════════════════════════════════ */
.reg-event-trio-deck,
.fairplay-pillars-grid,
.regulations-grand-page .fairplay-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.reg-event-trio-deck {
    margin-bottom: 16px !important;
}

.fairplay-pillars-grid,
.regulations-grand-page .fairplay-pillars-grid {
    margin-bottom: 28px !important;
}

/* Đồng bộ bán kính góc bo và độ cao các ô */
.reg-trio-brand-card,
.reg-trio-fact-card,
.fairplay-pillar-item,
.regulations-grand-page .fairplay-pillar-item {
    border-radius: 18px !important;
    box-sizing: border-box !important;
    min-height: 108px !important;
}

/* Thẻ Brand căn giữa nội dung gọn gàng trong ô */
.reg-trio-brand-card {
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.reg-trio-crest-wrap {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    flex-shrink: 0 !important;
}

.reg-trio-title {
    font-size: clamp(14px, 1.2vw, 17px) !important;
}

.reg-trio-season b {
    font-size: clamp(11.5px, 1vw, 14px) !important;
}

/* 2 Thẻ trắng căn giữa hoàn hảo */
.reg-trio-fact-card {
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important;
}

.reg-trio-fact-header {
    justify-content: center !important;
    font-size: 9px !important;
}

.reg-trio-fact-body {
    justify-content: center !important;
    gap: 10px !important;
}

.reg-trio-num {
    font-size: clamp(22px, 2.2vw, 32px) !important;
}

.reg-trio-city {
    font-size: clamp(18px, 1.8vw, 26px) !important;
}

.reg-trio-stack {
    padding-left: 8px !important;
    border-left: 1.5px solid #cbd5e1 !important;
}

.reg-trio-stack span {
    font-size: 7.5px !important;
}

/* 3 Thẻ Trụ Cột Dưới */
.fairplay-pillar-item,
.regulations-grand-page .fairplay-pillar-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    text-align: left !important;
}

/* ── RESPONSIVE: ĐỒNG BỘ 100% CẢ TRÊN VÀ DƯỚI ── */
@media screen and (max-width: 860px) {
    .reg-event-trio-deck,
    .fairplay-pillars-grid,
    .regulations-grand-page .fairplay-pillars-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .reg-trio-brand-card {
        grid-column: unset !important;
        padding: 14px 16px !important;
        justify-content: flex-start !important;
    }

    .reg-trio-fact-card {
        padding: 12px 14px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .reg-trio-fact-header {
        justify-content: flex-start !important;
        font-size: 8.5px !important;
    }

    .reg-trio-fact-body {
        justify-content: flex-end !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   MOBILE 1-ROW LAYOUT: 3 Ô TRÊN HIỂN THỊ CHÍNH XÁC TRÊN 1 HÀNG DUY NHẤT
   ══════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .reg-event-trio-deck {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    .reg-trio-brand-card,
    .reg-trio-fact-card {
        min-height: 84px !important;
        max-height: 98px !important;
        padding: 6px 4px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Ô 1: Brand Logo & Title */
    .reg-trio-brand-card {
        grid-column: unset !important;
        gap: 3px !important;
        padding: 6px 3px !important;
        justify-content: center !important;
    }

    .reg-trio-crest-wrap {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 2px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    .reg-trio-brand-text {
        align-items: center !important;
        text-align: center !important;
        gap: 1px !important;
    }

    .reg-trio-kicker {
        display: none !important;
    }

    .reg-trio-title {
        font-size: 8.5px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .reg-trio-season {
        gap: 2px !important;
        justify-content: center !important;
    }

    .reg-trio-dash {
        display: none !important;
    }

    .reg-trio-season b {
        font-size: 7.5px !important;
        color: #58ddf3 !important;
    }

    /* Ô 2 & 3: Fact Cards */
    .reg-trio-fact-header {
        font-size: 6.5px !important;
        margin-bottom: 2px !important;
        gap: 3px !important;
        justify-content: center !important;
    }

    .reg-trio-fact-icon svg {
        width: 9px !important;
        height: 9px !important;
    }

    .reg-trio-fact-body {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 100% !important;
    }

    .reg-trio-num {
        font-size: 14px !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
    }

    .reg-trio-city {
        font-size: 10.5px !important;
        line-height: 1 !important;
        letter-spacing: -0.02em !important;
    }

    .reg-trio-stack {
        padding-left: 3px !important;
        border-left: 1px solid #cbd5e1 !important;
        gap: 0 !important;
    }

    .reg-trio-stack span {
        font-size: 5.5px !important;
        line-height: 1.15 !important;
    }
}

@media screen and (max-width: 375px) {
    .reg-event-trio-deck {
        gap: 4px !important;
    }

    .reg-trio-crest-wrap {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    .reg-trio-title {
        font-size: 7.5px !important;
    }

    .reg-trio-num {
        font-size: 12.5px !important;
    }

    .reg-trio-city {
        font-size: 9.5px !important;
    }

    .reg-trio-stack span {
        font-size: 5px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   REGULATION EVENT TRIO: Ô ĐẦU TIÊN CHIẾM 2/3 HÀNG (2fr 1fr 1fr)
   ══════════════════════════════════════════════════════════════════════ */
.reg-event-trio-deck {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

/* Ô 1 (Brand Card): Rộng rãi 2/3 hàng */
.reg-trio-brand-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    border-radius: 16px !important;
}

.reg-trio-crest-wrap {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    flex-shrink: 0 !important;
}

.reg-trio-brand-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
}

.reg-trio-kicker {
    display: block !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    color: #75e5f5 !important;
}

.reg-trio-title {
    font-size: clamp(14px, 1.3vw, 18px) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    margin: 0 !important;
}

.reg-trio-season {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.reg-trio-dash {
    display: block !important;
    width: 16px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #ffffff, #81e9f7) !important;
}

.reg-trio-season b {
    font-size: clamp(11.5px, 1.1vw, 14px) !important;
    font-weight: 900 !important;
    color: #58ddf3 !important;
}

/* 2 Ô Fact Cards kế bên */
.reg-trio-fact-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
}

/* ── TRÊN MOBILE: 1 HÀNG DUY NHẤT VỚI Ô ĐẦU CHIẾM 2/3 ── */
@media screen and (max-width: 768px) {
    .reg-event-trio-deck {
        display: grid !important;
        grid-template-columns: 2fr 1fr 1fr !important;
        gap: 5px !important;
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    .reg-trio-brand-card {
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 12px !important;
        min-height: 74px !important;
        max-height: 90px !important;
        justify-content: flex-start !important;
    }

    .reg-trio-crest-wrap {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        padding: 2.5px !important;
    }

    .reg-trio-brand-text {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .reg-trio-kicker {
        font-size: 6px !important;
        line-height: 1 !important;
    }

    .reg-trio-title {
        font-size: 9.5px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    .reg-trio-dash {
        width: 10px !important;
        height: 1.5px !important;
    }

    .reg-trio-season b {
        font-size: 8px !important;
    }

    .reg-trio-fact-card {
        padding: 6px 4px !important;
        border-radius: 12px !important;
        min-height: 74px !important;
        max-height: 90px !important;
        justify-content: center !important;
    }

    .reg-trio-fact-header {
        font-size: 6px !important;
        margin-bottom: 2px !important;
    }

    .reg-trio-num {
        font-size: 13.5px !important;
    }

    .reg-trio-city {
        font-size: 10px !important;
    }

    .reg-trio-stack span {
        font-size: 5px !important;
    }
}

@media screen and (max-width: 375px) {
    .reg-trio-crest-wrap {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    .reg-trio-title {
        font-size: 8.5px !important;
    }

    .reg-trio-season b {
        font-size: 7.5px !important;
    }

    .reg-trio-num {
        font-size: 12px !important;
    }

    .reg-trio-city {
        font-size: 9px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   MOBILE COMPACT: ĐOÀN KẾT - VĂN MINH - NHIỆT HUYẾT SIÊU NHỎ GỌN
   ══════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    .regulations-grand-page .fairplay-master-card,
    .fairplay-master-card {
        margin-top: 20px !important;
        padding: 12px 8px !important;
        border-radius: 14px !important;
    }

    .regulations-grand-page .fairplay-pillars-grid,
    .fairplay-pillars-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-bottom: 12px !important;
        width: 100% !important;
    }

    .regulations-grand-page .fairplay-pillar-item,
    .fairplay-pillar-item {
        padding: 6px 9px !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .regulations-grand-page .pillar-icon-box,
    .pillar-icon-box {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        border-radius: 7px !important;
        background: rgba(56, 189, 248, 0.14) !important;
        color: #38bdf8 !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
    }

    .pillar-icon-box svg {
        width: 13px !important;
        height: 13px !important;
    }

    .regulations-grand-page .pillar-text-box,
    .pillar-text-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 1px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .pillar-text-box strong {
        font-size: 10.5px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        color: #38bdf8 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }

    .regulations-grand-page .pillar-text-box span,
    .pillar-text-box span {
        font-size: 8.5px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        color: #cbd5e1 !important;
        margin: 0 !important;
    }

    .regulations-grand-page .fairplay-actions,
    .fairplay-actions {
        display: flex !important;
        flex-direction: row !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .regulations-grand-page .fairplay-actions .fairplay-btn-primary,
    .regulations-grand-page .fairplay-actions .fairplay-btn-secondary,
    .fairplay-btn-primary,
    .fairplay-btn-secondary {
        flex: 1 1 50% !important;
        width: auto !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 8px !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
    }
}

@media screen and (max-width: 375px) {
    .pillar-text-box strong {
        font-size: 10px !important;
    }
    .pillar-text-box span {
        font-size: 8px !important;
    }
    .fairplay-btn-primary,
    .fairplay-btn-secondary {
        font-size: 8.5px !important;
        padding: 0 4px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   GRAND HERO CENTERED REDESIGN (UI/UX PRO MAX MASTERPIECE)
   ══════════════════════════════════════════════════════════════════════ */
.regulations-grand-page .regulations-hero-grand {
    min-height: 480px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(60px, 7vw, 100px) 0 !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.regulations-grand-page .reg-hero-centered-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

.regulations-grand-page .reg-hero-copy-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 880px !important;
    margin: 0 auto !important;
}

/* 1. TOP ROYAL SEAL EMBLEM */
.reg-hero-royal-seal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 16px auto !important;
    position: relative !important;
}

.seal-inner-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px 6px 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(6, 26, 61, 0.85) 0%, rgba(10, 42, 92, 0.8) 100%) !important;
    border: 1.5px solid rgba(251, 191, 36, 0.5) !important;
    box-shadow: 0 8px 24px rgba(0, 10, 32, 0.4), 0 0 16px rgba(251, 191, 36, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(14px) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.seal-inner-badge:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 12px 30px rgba(0, 10, 32, 0.5), 0 0 24px rgba(251, 191, 36, 0.4) !important;
}

.seal-gold-number {
    font-family: var(--font-display, inherit) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    color: #fbbf24 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fde047 40%, #f59e0b 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)) !important;
}

.seal-text-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 0 !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(251, 191, 36, 0.35) !important;
}

.seal-text-group strong {
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.06em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.seal-text-group small {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.04em !important;
    color: #7dd3fc !important;
    text-transform: uppercase !important;
}

.seal-spark {
    color: #fbbf24 !important;
    display: inline-flex !important;
    align-items: center !important;
    filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.8)) !important;
    margin-left: 2px !important;
}

/* 2. KICKER PILL TAG */
.reg-kicker-centered,
.regulations-grand-page .reg-kicker-centered {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto 16px auto !important;
    padding: 7px 18px !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 999px !important;
    color: #d9f7ff !important;
    background: rgba(6, 21, 47, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 4px 16px rgba(0, 10, 30, 0.3) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.reg-kicker-centered i {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.2), 0 0 12px #38bdf8 !important;
}

/* 3. MAIN H1 TITLE */
.reg-main-h1,
.regulations-grand-page .reg-main-h1 {
    font-family: var(--font-display, inherit) !important;
    font-size: clamp(38px, 5.8vw, 70px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #ffffff 25%, #dbeafe 65%, #7dd3fc 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 6px 24px rgba(0, 12, 38, 0.65)) !important;
}

.reg-hero-desc {
    color: #cbd5e1 !important;
    font-size: clamp(14px, 1.4vw, 16.5px) !important;
    line-height: 1.65 !important;
    max-width: 680px !important;
    margin: 0 auto 20px auto !important;
    text-align: center !important;
}

/* 4. THREE CENTERED METRIC FACT CARDS */
.reg-hero-facts-deck {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 6px auto 0 auto !important;
}

.reg-hero-fact-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 18px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(165, 235, 255, 0.18) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 8px 24px rgba(0, 8, 28, 0.28), inset 0 1px rgba(255, 255, 255, 0.1) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.reg-hero-fact-pill:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
    background: rgba(255, 255, 255, 0.09) !important;
}

.fact-pill-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.fact-pill-icon-wrap.is-cyan {
    background: rgba(14, 165, 233, 0.18) !important;
    color: #38bdf8 !important;
}

.fact-pill-icon-wrap.is-gold {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
}

.fact-pill-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 0 !important;
}

.fact-pill-num {
    font-family: var(--font-display, inherit) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -0.02em !important;
}

.fact-pill-lbl {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #cbd5e1 !important;
    white-space: nowrap !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

/* ── MOBILE RESPONSIVE ── */
@media screen and (max-width: 768px) {
    .regulations-grand-page .regulations-hero-grand {
        min-height: auto !important;
        padding: 44px 0 36px 0 !important;
    }

    .seal-inner-badge {
        padding: 4px 12px 4px 10px !important;
        gap: 7px !important;
    }

    .seal-gold-number {
        font-size: 17px !important;
    }

    .seal-text-group strong {
        font-size: 9.5px !important;
    }

    .seal-text-group small {
        font-size: 7.5px !important;
    }

    .reg-kicker-centered,
    .regulations-grand-page .reg-kicker-centered {
        font-size: 8px !important;
        padding: 5px 12px !important;
        letter-spacing: 0.05em !important;
        gap: 6px !important;
        margin-bottom: 12px !important;
    }

    .reg-main-h1,
    .regulations-grand-page .reg-main-h1 {
        font-size: clamp(26px, 7.8vw, 36px) !important;
        margin-bottom: 14px !important;
    }

    .reg-hero-facts-deck {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        width: 100% !important;
    }

    .reg-hero-fact-pill {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 8px 4px !important;
        gap: 4px !important;
        border-radius: 10px !important;
    }

    .fact-pill-icon-wrap {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }

    .fact-pill-icon-wrap svg {
        width: 12px !important;
        height: 12px !important;
    }

    .fact-pill-info {
        align-items: center !important;
        text-align: center !important;
    }

    .fact-pill-num {
        font-size: 16px !important;
    }

    .fact-pill-lbl {
        font-size: 7.5px !important;
        white-space: normal !important;
        line-height: 1.15 !important;
    }
}

@media screen and (max-width: 375px) {
    .reg-main-h1,
    .regulations-grand-page .reg-main-h1 {
        font-size: 24px !important;
    }

    .fact-pill-num {
        font-size: 14px !important;
    }

    .fact-pill-lbl {
        font-size: 6.8px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   FIX TRÀN MÀN HÌNH HERO ĐIỀU LỆ TRÊN MOBILE (PERFECT MOBILE FIT)
   ══════════════════════════════════════════════════════════════════════ */
body.regulations-grand-page .awards-page-hero,
body.regulations-grand-page .regulations-hero-grand {
    min-height: auto !important;
    padding: clamp(36px, 6vw, 64px) 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .awards-page-hero::after {
    display: none !important;
}

body.regulations-grand-page .awards-page-hero-inner,
body.regulations-grand-page .reg-hero-centered-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 900px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    grid-template-columns: 1fr !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .awards-page-hero-copy,
body.regulations-grand-page .reg-hero-copy-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. SEAL BADGE */
body.regulations-grand-page .reg-hero-royal-seal {
    display: inline-flex !important;
    margin: 0 auto 12px auto !important;
}

body.regulations-grand-page .seal-inner-badge {
    padding: 4px 12px !important;
    border-radius: 999px !important;
    gap: 7px !important;
}

/* 2. KICKER */
body.regulations-grand-page .awards-page-kicker,
body.regulations-grand-page .reg-kicker-centered {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 auto 12px auto !important;
    padding: 5px 12px !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    font-size: clamp(8px, 2.4vw, 10.5px) !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}

/* 3. H1 TITLE */
body.regulations-grand-page .awards-page-hero h1,
body.regulations-grand-page .reg-main-h1 {
    font-size: clamp(22px, 5.8vw, 52px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-wrap: balance !important;
    box-sizing: border-box !important;
}

/* 4. THREE FACTS PILLS */
body.regulations-grand-page .reg-hero-facts-deck {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .reg-hero-fact-pill {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 7px 4px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    gap: 3px !important;
}

body.regulations-grand-page .fact-pill-icon-wrap {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 6px !important;
}

body.regulations-grand-page .fact-pill-icon-wrap svg {
    width: 12px !important;
    height: 12px !important;
}

body.regulations-grand-page .fact-pill-info {
    align-items: center !important;
    text-align: center !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.regulations-grand-page .fact-pill-num {
    font-size: clamp(14px, 3.8vw, 20px) !important;
    line-height: 1 !important;
}

body.regulations-grand-page .fact-pill-lbl {
    font-size: clamp(6.8px, 1.8vw, 9px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    word-break: break-word !important;
}

@media screen and (max-width: 768px) {
    body.regulations-grand-page .reg-hero-pitch {
        display: none !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   ULTRA-COMPACT MOBILE REGULATION STYLES (TRÁNH LƯỚT NHIỀU, SIÊU GỌN)
   ══════════════════════════════════════════════════════════════════════ */
.reg-quick-pills-bar {
    position: sticky;
    top: 60px;
    z-index: 25;
    margin: 0 0 16px 0;
    padding: 6px 8px;
    border-radius: 999px;
    background: rgba(2, 8, 23, 0.88);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(56, 189, 248, 0.35);
    box-shadow: 0 8px 24px rgba(0, 8, 24, 0.45);
}

.reg-quick-pills-scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 2px;
}

.reg-quick-pills-scroll::-webkit-scrollbar {
    display: none;
}

.reg-quick-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #e0f2fe;
    font: 850 10.5px/1 var(--font-display, inherit);
    letter-spacing: 0.04em;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.reg-quick-pill:hover,
.reg-quick-pill:active {
    background: #0284c7;
    border-color: #38bdf8;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.5);
}

.reg-quick-pill.is-fairplay {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(2, 132, 199, 0.25));
    border-color: rgba(251, 191, 36, 0.45);
    color: #fde047;
}

@media screen and (max-width: 768px) {
    /* 1. Hero Siêu Gọn */
    body.regulations-grand-page .awards-page-hero,
    body.regulations-grand-page .regulations-hero-grand {
        padding: 22px 10px 16px !important;
    }

    body.regulations-grand-page .reg-hero-royal-seal {
        margin-bottom: 8px !important;
    }

    body.regulations-grand-page .seal-inner-badge {
        padding: 3px 10px !important;
        gap: 6px !important;
    }

    body.regulations-grand-page .seal-gold-number {
        font-size: 15px !important;
    }

    body.regulations-grand-page .seal-text-group strong {
        font-size: 8.5px !important;
    }

    body.regulations-grand-page .seal-text-group small {
        font-size: 7px !important;
    }

    body.regulations-grand-page .awards-page-kicker,
    body.regulations-grand-page .reg-kicker-centered {
        font-size: 7.5px !important;
        padding: 4px 10px !important;
        margin-bottom: 8px !important;
    }

    body.regulations-grand-page .awards-page-hero h1,
    body.regulations-grand-page .reg-main-h1 {
        font-size: 22px !important;
        margin-bottom: 10px !important;
        line-height: 1.15 !important;
    }

    body.regulations-grand-page .reg-hero-facts-deck {
        gap: 4px !important;
    }

    body.regulations-grand-page .reg-hero-fact-pill {
        padding: 5px 3px !important;
        border-radius: 8px !important;
    }

    body.regulations-grand-page .fact-pill-icon-wrap {
        width: 20px !important;
        height: 20px !important;
        border-radius: 5px !important;
    }

    body.regulations-grand-page .fact-pill-icon-wrap svg {
        width: 10px !important;
        height: 10px !important;
    }

    body.regulations-grand-page .fact-pill-num {
        font-size: 13px !important;
    }

    body.regulations-grand-page .fact-pill-lbl {
        font-size: 6.5px !important;
    }

    /* 2. Quick Pills Bar Sticky */
    .reg-quick-pills-bar {
        top: 50px;
        margin: 0 0 10px 0;
        padding: 4px 6px;
    }

    .reg-quick-pills-scroll {
        justify-content: flex-start;
        gap: 4px;
    }

    .reg-quick-pill {
        padding: 4px 8px;
        font-size: 8.5px;
    }

    /* 3. Toolbar & Tabs Gọn */
    .regulations-grand-page .reg-toolbar-shell {
        padding: 6px 8px !important;
        margin-bottom: 8px !important;
        border-radius: 10px !important;
    }

    .regulations-grand-page .reg-search-box {
        min-height: 36px !important;
        height: 36px !important;
    }

    .regulations-grand-page .reg-search-box input[type="search"] {
        height: 34px !important;
        padding-left: 36px !important;
        font-size: 13px !important;
    }

    .regulations-grand-page .reg-search-icon {
        left: 10px !important;
    }

    .regulations-grand-page .reg-search-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    .regulations-grand-page .reg-search-hint {
        display: none !important;
    }

    .regulations-grand-page .reg-navigation-shell {
        margin-bottom: 12px !important;
        padding: 4px !important;
        border-radius: 10px !important;
    }

    .regulations-grand-page .reg-segmented-tabs {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 3px !important;
    }

    .regulations-grand-page .reg-tab-btn {
        min-width: 0 !important;
        min-height: 32px !important;
        height: 32px !important;
        padding: 2px 4px !important;
        border-radius: 6px !important;
        font-size: 7.5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        text-align: center !important;
    }

    .regulations-grand-page .reg-tab-btn small {
        width: 18px !important;
        height: 18px !important;
        font-size: 7.5px !important;
        border-radius: 4px !important;
    }

    .regulations-grand-page .reg-tab-btn span {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 52px !important;
    }

    /* 4. Tiêu đề Chương (Series Head) */
    .regulations-grand-page .reg-chapter-block {
        margin-top: 14px !important;
        scroll-margin-top: 100px !important;
    }

    .regulations-grand-page .reg-chapter-block > .awards-page-series-head {
        min-height: 40px !important;
        margin-bottom: 8px !important;
        padding: 5px 8px !important;
        border-radius: 8px !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .regulations-grand-page .reg-chapter-block > .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }

    .regulations-grand-page .reg-chapter-block > .awards-page-series-head small {
        font-size: 7.5px !important;
    }

    .regulations-grand-page .reg-chapter-block > .awards-page-series-head h2 {
        font-size: 12.5px !important;
        line-height: 1.15 !important;
    }

    /* 5. Thẻ Điều Lệ (Luxury Card) Siêu Gọn */
    .regulations-grand-page .reg-luxury-grid {
        gap: 8px !important;
    }

    .regulations-grand-page .reg-luxury-card {
        padding: 10px 10px 12px !important;
        border-radius: 10px !important;
        margin-bottom: 8px !important;
        scroll-margin-top: 96px !important;
    }

    .regulations-grand-page .reg-card-watermark {
        font-size: 46px !important;
        top: 4px !important;
        right: 4px !important;
        opacity: 0.08 !important;
    }

    .regulations-grand-page .reg-luxury-head {
        padding-bottom: 6px !important;
        margin-bottom: 6px !important;
        gap: 6px !important;
    }

    .regulations-grand-page .reg-head-left {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    .regulations-grand-page .reg-emblem-bubble {
        display: none !important;
    }

    .regulations-grand-page .reg-rank-pill {
        width: 32px !important;
        height: 32px !important;
        border-radius: 6px !important;
        gap: 0 !important;
    }

    .regulations-grand-page .reg-rank-pill small {
        font-size: 5.5px !important;
        display: none !important;
    }

    .regulations-grand-page .reg-rank-pill strong {
        font-size: 13px !important;
    }

    .regulations-grand-page .reg-kicker-tag {
        font-size: 7px !important;
        line-height: 1 !important;
    }

    .regulations-grand-page .reg-main-title {
        font-size: 13px !important;
        line-height: 1.18 !important;
    }

    .regulations-grand-page .reg-status-pill {
        font-size: 7px !important;
        padding: 2px 6px !important;
        align-self: flex-start !important;
    }

    .regulations-grand-page .reg-bento-chips {
        gap: 3px !important;
        margin-bottom: 6px !important;
    }

    .regulations-grand-page .reg-bento-chip {
        padding: 2.5px 6px !important;
        border-radius: 5px !important;
        font-size: 7.5px !important;
        gap: 3px !important;
    }

    .regulations-grand-page .reg-bento-chip .svg-chip-icon svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* 6. Nội Dung Điều Lệ Nhỏ Nhẹ */
    .regulations-grand-page .reg-luxury-body {
        font-size: 12px !important;
        line-height: 1.45 !important;
        color: #334155 !important;
    }

    .regulations-grand-page .reg-luxury-body p {
        margin: 3px 0 !important;
    }

    .regulations-grand-page .reg-luxury-body ul,
    .regulations-grand-page .reg-luxury-body ol {
        margin: 3px 0 !important;
        padding-left: 14px !important;
    }

    .regulations-grand-page .reg-luxury-body li {
        margin: 2px 0 !important;
    }

    .regulations-grand-page .reg-luxury-body strong {
        font-size: 12px !important;
    }

    .regulations-grand-page .reg-luxury-body table {
        font-size: 10px !important;
        margin: 4px 0 !important;
    }

    .regulations-grand-page .reg-luxury-body th,
    .regulations-grand-page .reg-luxury-body td {
        padding: 3px 5px !important;
    }
}

    
    /* ══════════════════════════════════════════════════════════════════════
       EXTRA LARGE 3D MATCHDAY KITS SHOWROOM (TRANG PHỤC LỚN HƠN NỔI BẬT)
       ══════════════════════════════════════════════════════════════════════ */
    .team-kits-section-vip {
        padding: clamp(48px, 6vw, 84px) 0 !important;
        background: linear-gradient(180deg, #f8fafc 0%, #edf4f9 100%) !important;
    }

    .team-kits-grid-vip {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
        gap: clamp(20px, 3vw, 32px) !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
    }

    .kit-card-vip {
        padding: clamp(16px, 2.5vw, 24px) !important;
        border-radius: 24px !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    }

    .kit-card-vip:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 24px 50px rgba(15, 23, 42, 0.14) !important;
        border-color: #38bdf8 !important;
    }

    /* 3D Exhibition Stage */
    .kit-stage-3d,
    .team-profile-promax .kit-stage-3d {
        width: 100% !important;
        min-height: 360px !important;
        height: 380px !important;
        aspect-ratio: auto !important;
        border-radius: 20px !important;
        background: radial-gradient(circle at 50% 85%, rgba(255, 255, 255, 1) 0%, rgba(243, 247, 251, 0.95) 55%, rgba(226, 235, 243, 0.85) 100%) !important;
        border: 1px solid rgba(203, 213, 225, 0.8) !important;
        box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.9), 0 10px 24px rgba(15, 23, 42, 0.05) !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 6px !important;
        margin: 14px 0 18px 0 !important;
    }

    /* Image sizing */
    .kit-stage-img,
    .team-profile-promax .kit-stage-img {
        width: 98% !important;
        height: 98% !important;
        max-width: 98% !important;
        max-height: 98% !important;
        object-fit: contain !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease !important;
        filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.18)) !important;
        transform: scale(1.04) !important;
    }

    .kit-card-vip:hover .kit-stage-img {
        transform: scale(1.1) translateY(-4px) !important;
        filter: drop-shadow(0 20px 36px rgba(0, 0, 0, 0.24)) !important;
    }

    .kit-body-vip {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kit-name-vip {
        font-family: var(--font-display, inherit) !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        color: #0f172a !important;
        letter-spacing: -0.01em !important;
        margin: 0 0 10px 0 !important;
        text-transform: uppercase !important;
    }

    .kit-specs-container {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    .kit-color-tag {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 5px 12px !important;
        border-radius: 999px !important;
        background: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        font-size: 11.5px !important;
        font-weight: 750 !important;
    }

    @media screen and (max-width: 768px) {
        .team-kits-grid-vip {
            grid-template-columns: 1fr !important;
            gap: 18px !important;
        }

        .kit-stage-3d,
        .team-profile-promax .kit-stage-3d {
            min-height: 290px !important;
            height: 310px !important;
            margin: 10px 0 14px 0 !important;
            padding: 4px !important;
        }

        .kit-stage-img,
        .team-profile-promax .kit-stage-img {
            width: 98% !important;
            height: 98% !important;
            transform: scale(1.05) !important;
        }

        .kit-name-vip {
            font-size: 16px !important;
        }

        .kit-color-tag {
            font-size: 10.5px !important;
            padding: 4px 10px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       16:9 CINEMATIC MATCHDAY KITS STAGE (KHUNG HIỂN THỊ CHUẨN 16:9)
       ══════════════════════════════════════════════════════════════════════ */
    .team-kits-section-vip {
        padding: clamp(40px, 5vw, 76px) 0 !important;
        background: linear-gradient(180deg, #f8fafc 0%, #edf4f9 100%) !important;
    }

    .team-kits-grid-vip {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
        gap: clamp(18px, 2.5vw, 28px) !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
    }

    .kit-card-vip {
        padding: clamp(14px, 2vw, 20px) !important;
        border-radius: 20px !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07) !important;
        display: flex !important;
        flex-direction: column !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    }

    .kit-card-vip:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12) !important;
        border-color: #38bdf8 !important;
    }

    /* 16:9 SHOWCASE STAGE */
    .kit-stage-3d,
    .team-profile-promax .kit-stage-3d {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        border-radius: 16px !important;
        background: radial-gradient(circle at 50% 85%, rgba(255, 255, 255, 1) 0%, rgba(243, 247, 251, 0.95) 55%, rgba(226, 235, 243, 0.85) 100%) !important;
        border: 1px solid rgba(203, 213, 225, 0.8) !important;
        box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.9), 0 8px 20px rgba(15, 23, 42, 0.05) !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 4px !important;
        margin: 12px 0 16px 0 !important;
        box-sizing: border-box !important;
    }

    /* Image inside 16:9 Stage */
    .kit-stage-img,
    .team-profile-promax .kit-stage-img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease !important;
        filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.16)) !important;
    }

    .kit-card-vip:hover .kit-stage-img {
        transform: scale(1.04) !important;
        filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.22)) !important;
    }

    .kit-body-vip {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kit-name-vip {
        font-family: var(--font-display, inherit) !important;
        font-size: 16.5px !important;
        font-weight: 900 !important;
        color: #0f172a !important;
        letter-spacing: -0.01em !important;
        margin: 0 0 8px 0 !important;
        text-transform: uppercase !important;
    }

    .kit-specs-container {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    .kit-color-tag {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        background: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        font-size: 11px !important;
        font-weight: 750 !important;
    }

    @media screen and (max-width: 768px) {
        .team-kits-grid-vip {
            grid-template-columns: 1fr !important;
            gap: 14px !important;
        }

        .kit-stage-3d,
        .team-profile-promax .kit-stage-3d {
            aspect-ratio: 16 / 9 !important;
            margin: 8px 0 12px 0 !important;
            padding: 3px !important;
            border-radius: 14px !important;
        }

        .kit-name-vip {
            font-size: 15px !important;
        }

        .kit-color-tag {
            font-size: 10px !important;
            padding: 3px 8px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       2-COLUMN MATCHDAY KITS SHOWROOM (2 Ô TRÊN 1 HÀNG MỌI THIẾT BỊ)
       ══════════════════════════════════════════════════════════════════════ */
    .team-kits-section-vip {
        padding: clamp(36px, 5vw, 68px) 0 !important;
        background: linear-gradient(180deg, #f8fafc 0%, #edf4f9 100%) !important;
    }

    .team-kits-grid-vip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(12px, 2vw, 24px) !important;
        max-width: 1100px !important;
        margin: 0 auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .kit-card-vip {
        padding: clamp(12px, 1.8vw, 18px) !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
        display: flex !important;
        flex-direction: column !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .kit-card-vip:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
        border-color: #38bdf8 !important;
    }

    /* 16:9 Stage */
    .kit-stage-3d,
    .team-profile-promax .kit-stage-3d {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        border-radius: 14px !important;
        background: radial-gradient(circle at 50% 85%, rgba(255, 255, 255, 1) 0%, rgba(243, 247, 251, 0.95) 55%, rgba(226, 235, 243, 0.85) 100%) !important;
        border: 1px solid rgba(203, 213, 225, 0.8) !important;
        box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.9), 0 6px 16px rgba(15, 23, 42, 0.04) !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 4px !important;
        margin: 10px 0 14px 0 !important;
        box-sizing: border-box !important;
    }

    .kit-stage-img,
    .team-profile-promax .kit-stage-img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease !important;
        filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.15)) !important;
    }

    .kit-card-vip:hover .kit-stage-img {
        transform: scale(1.04) !important;
        filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2)) !important;
    }

    .kit-body-vip {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .kit-name-vip {
        font-family: var(--font-display, inherit) !important;
        font-size: clamp(13px, 1.4vw, 17px) !important;
        font-weight: 900 !important;
        color: #0f172a !important;
        letter-spacing: -0.01em !important;
        margin: 0 0 6px 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    .kit-specs-container {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        max-width: 100% !important;
    }

    .kit-color-tag {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 3px 8px !important;
        border-radius: 999px !important;
        background: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        font-size: clamp(9px, 1vw, 11px) !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
    }

    /* ── MOBILE: 2 Ô 1 HÀNG CHUẨN TỈ LỆ VÀNG ── */
    @media screen and (max-width: 768px) {
        .team-kits-grid-vip {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 8px !important;
            padding: 0 4px !important;
        }

        .kit-card-vip {
            padding: 8px 6px 10px !important;
            border-radius: 12px !important;
        }

        .kit-card-header {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            gap: 2px !important;
        }

        .kit-type-pill {
            font-size: 7px !important;
            padding: 2px 4px !important;
            border-radius: 6px !important;
        }

        .kit-pill-dot {
            width: 4px !important;
            height: 4px !important;
        }

        .kit-num-badge {
            font-size: 7px !important;
            padding: 2px 4px !important;
            border-radius: 4px !important;
        }

        .kit-stage-3d,
        .team-profile-promax .kit-stage-3d {
            aspect-ratio: 16 / 9 !important;
            margin: 6px 0 8px 0 !important;
            padding: 2px !important;
            border-radius: 8px !important;
        }

        .kit-name-vip {
            font-size: 11px !important;
            margin-bottom: 4px !important;
        }

        .kit-specs-container {
            gap: 3px !important;
        }

        .kit-color-tag {
            font-size: 7.5px !important;
            padding: 2px 5px !important;
            border-radius: 999px !important;
        }

        .color-tag-bullet {
            width: 3px !important;
            height: 3px !important;
        }
    }

    @media screen and (max-width: 375px) {
        .team-kits-grid-vip {
            gap: 6px !important;
        }

        .kit-card-vip {
            padding: 6px 4px 8px !important;
        }

        .kit-name-vip {
            font-size: 10px !important;
        }

        .kit-color-tag {
            font-size: 7px !important;
            padding: 1.5px 4px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TRÊN MOBILE: 3 Ô STATS (CẦU THỦ, TRANG PHỤC, FANPAGE) 1 HÀNG GỌN NHẸ
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (max-width: 991px) {
        body.team-profile-page .team-stats-bento,
        body.team-profile-promax .team-stats-bento,
        .team-profile-promax .team-stats-bento,
        .team-stats-bento {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: clamp(4px, 1.4vw, 8px) !important;
            width: 100% !important;
            margin-top: 10px !important;
            box-sizing: border-box !important;
        }

        body.team-profile-page .team-stats-bento > .team-stat-card,
        body.team-profile-promax .team-stats-bento > .team-stat-card,
        .team-profile-promax .team-stats-bento > .team-stat-card,
        .team-stat-card,
        .team-stat-card.stat-card-fanpage {
            grid-column: span 1 !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 52px !important;
            padding: 6px 4px !important;
            border-radius: 12px !important;
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            text-align: left !important;
            box-sizing: border-box !important;
            margin: 0 !important;
        }

        .team-stat-card .stat-icon-pod {
            width: 28px !important;
            height: 28px !important;
            min-width: 28px !important;
            border-radius: 8px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            flex-shrink: 0 !important;
        }

        .team-stat-card .stat-icon-pod svg {
            width: 14px !important;
            height: 14px !important;
        }

        .team-stat-card .stat-meta {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            min-width: 0 !important;
            line-height: 1.1 !important;
        }

        .team-stat-card .stat-num {
            font-size: 13px !important;
            font-weight: 900 !important;
            color: #0f172a !important;
            letter-spacing: -0.02em !important;
        }

        .team-stat-card.stat-card-fanpage .stat-num {
            font-size: 11px !important;
            font-weight: 900 !important;
            color: #0284c7 !important;
        }

        .team-stat-card .stat-lbl {
            font-size: 8px !important;
            font-weight: 800 !important;
            color: #64748b !important;
            text-transform: uppercase !important;
            letter-spacing: 0.02em !important;
            white-space: nowrap !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       LUÔN MỞ RỘNG 100% TOÀN BỘ CÂU CHUYỆN / TIỂU SỬ ĐỘI BÓNG (DESKTOP & MOBILE)
       ══════════════════════════════════════════════════════════════════════ */
    .team-story-shell,
    .team-story-box,
    .team-club-story-content,
    .team-profile-promax .team-story-shell,
    .team-profile-promax .team-story-box,
    .team-profile-promax .team-club-story-content {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        display: block !important;
    }

    .team-story-toggle,
    .team-profile-promax .team-story-toggle {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       HERO PROFILE BỐ CỤC FULL-WIDTH ĐẲNG CẤP (HEADER TRÊN + STORY FULL-WIDTH DƯỚI)
       ══════════════════════════════════════════════════════════════════════ */
    body.team-profile-page .team-hero-layout,
    body.team-profile-promax .team-hero-layout,
    .team-profile-promax .team-hero-layout,
    .team-hero-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 1400px !important;
        margin: 0 auto 24px !important;
        border-radius: 30px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid rgba(213, 239, 246, 0.85) !important;
        box-shadow: 0 30px 80px rgba(0, 7, 28, 0.15) !important;
        box-sizing: border-box !important;
    }

    /* 1. HEADER POD TRÊN CÙNG: CĂN GIỮA TRUNG TÂM HOÀN TOÀN */
    body.team-profile-page .team-hero-header-pod,
    body.team-profile-promax .team-hero-header-pod,
    .team-profile-promax .team-hero-header-pod,
    .team-hero-header-pod {
        width: 100% !important;
        padding: clamp(32px, 4vw, 48px) 20px 32px !important;
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f1f7fc 100%) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    .team-crest-hologram {
        width: 160px !important;
        height: 160px !important;
        margin: 0 auto 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-crest-frame img {
        max-width: 140px !important;
        max-height: 140px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12)) !important;
    }

    .team-profile-title {
        font-size: clamp(32px, 3.8vw, 48px) !important;
        font-weight: 950 !important;
        color: #0f172a !important;
        letter-spacing: -0.03em !important;
        margin: 0 0 14px !important;
        text-transform: uppercase !important;
    }

    .team-slogan-box {
        max-width: 520px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* 2. CÂU CHUYỆN & THỐNG KÊ PHÍA DƯỚI: FULL-WIDTH 100% RỘNG RÃI */
    body.team-profile-page .team-info-side,
    body.team-profile-promax .team-info-side,
    .team-profile-promax .team-info-side,
    .team-info-side {
        width: 100% !important;
        padding: clamp(24px, 3.5vw, 42px) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    body.team-profile-page .team-story-shell,
    body.team-profile-promax .team-story-shell,
    .team-story-shell,
    body.team-profile-page .team-story-box,
    body.team-profile-promax .team-story-box,
    .team-story-box {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3 Card thống kê Bento Full-width trên Desktop */
    @media screen and (min-width: 992px) {
        body.team-profile-page .team-stats-bento,
        body.team-profile-promax .team-stats-bento,
        .team-profile-promax .team-stats-bento,
        .team-stats-bento {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 16px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .team-stat-card {
            min-height: 68px !important;
            padding: 14px 20px !important;
        }

        .team-stat-card .stat-icon-pod {
            width: 44px !important;
            height: 44px !important;
        }

        .team-stat-card .stat-num {
            font-size: 19px !important;
        }

        .team-stat-card .stat-lbl {
            font-size: 11px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       NÂNG CẤP KÍCH THƯỚC LOGO LỚN HƠN +30% (TO RÕ, ĐẲNG CẤP & UY QUYỀN)
       ══════════════════════════════════════════════════════════════════════ */
    body.team-profile-page .team-crest-hologram,
    body.team-profile-promax .team-crest-hologram,
    .team-hero-header-pod .team-crest-hologram,
    .team-crest-hologram {
        width: 215px !important;
        height: 215px !important;
        flex-basis: 215px !important;
        margin: 0 auto 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    body.team-profile-page .team-crest-frame,
    body.team-profile-promax .team-crest-frame,
    .team-crest-frame {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.team-profile-page .team-crest-frame img,
    body.team-profile-promax .team-crest-frame img,
    .team-crest-frame img {
        max-width: 195px !important;
        max-height: 195px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.16)) !important;
        transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    /* Vòng quỹ đạo ánh sáng mở rộng theo logo */
    body.team-profile-page .team-crest-orbit,
    body.team-profile-promax .team-crest-orbit,
    .team-crest-orbit {
        width: 320px !important;
        height: 320px !important;
    }

    body.team-profile-page .team-crest-glow,
    body.team-profile-promax .team-crest-glow,
    .team-crest-glow {
        width: 260px !important;
        height: 260px !important;
    }

    @media screen and (max-width: 768px) {
        body.team-profile-page .team-crest-hologram,
        body.team-profile-promax .team-crest-hologram,
        .team-hero-header-pod .team-crest-hologram,
        .team-crest-hologram {
            width: 155px !important;
            height: 155px !important;
            flex-basis: 155px !important;
            margin: 0 auto 12px !important;
        }

        body.team-profile-page .team-crest-frame img,
        body.team-profile-promax .team-crest-frame img,
        .team-crest-frame img {
            max-width: 140px !important;
            max-height: 140px !important;
        }

        body.team-profile-page .team-crest-orbit,
        body.team-profile-promax .team-crest-orbit,
        .team-crest-orbit {
            width: 230px !important;
            height: 230px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       BỐ CỤC FULL-WIDTH 100% TOÀN DIỆN CHO HERO PROFILE & CÂU CHUYỆN ĐỘI BÓNG
       ══════════════════════════════════════════════════════════════════════ */
    .team-hero-promax .container {
        width: 100% !important;
        max-width: 1440px !important;
        padding-left: clamp(14px, 2.5vw, 32px) !important;
        padding-right: clamp(14px, 2.5vw, 32px) !important;
        box-sizing: border-box !important;
    }

    body.team-profile-page .team-hero-layout,
    body.team-profile-promax .team-hero-layout,
    .team-profile-promax .team-hero-layout,
    .team-hero-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 32px !important;
        border-radius: clamp(20px, 3vw, 32px) !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid rgba(213, 239, 246, 0.95) !important;
        box-shadow: 0 25px 70px rgba(0, 7, 28, 0.12) !important;
        box-sizing: border-box !important;
    }

    /* ── 1. HEADER TRÊN: CĂN GIỮA TRUNG TÂM HOÀN TOÀN ── */
    body.team-profile-page .team-hero-header-pod,
    body.team-profile-promax .team-hero-header-pod,
    .team-profile-promax .team-hero-header-pod,
    .team-hero-header-pod {
        width: 100% !important;
        padding: clamp(36px, 4.5vw, 54px) 20px clamp(28px, 3.5vw, 42px) !important;
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f1f7fc 100%) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    /* Logo lớn +30% */
    body.team-profile-page .team-crest-hologram,
    body.team-profile-promax .team-crest-hologram,
    .team-hero-header-pod .team-crest-hologram,
    .team-crest-hologram {
        width: 215px !important;
        height: 215px !important;
        flex-basis: 215px !important;
        margin: 0 auto 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    body.team-profile-page .team-crest-frame img,
    body.team-profile-promax .team-crest-frame img,
    .team-crest-frame img {
        max-width: 195px !important;
        max-height: 195px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.16)) !important;
    }

    body.team-profile-page .team-crest-orbit,
    body.team-profile-promax .team-crest-orbit,
    .team-crest-orbit {
        width: 320px !important;
        height: 320px !important;
    }

    .team-profile-title {
        font-size: clamp(32px, 3.8vw, 50px) !important;
        font-weight: 950 !important;
        color: #0f172a !important;
        letter-spacing: -0.03em !important;
        margin: 0 0 14px !important;
        text-transform: uppercase !important;
    }

    .team-slogan-box {
        max-width: 540px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* ── 2. CÂU CHUYỆN & THỐNG KÊ PHÍA DƯỚI: FULL-WIDTH 100% TRẢI RỘNG ── */
    body.team-profile-page .team-info-side,
    body.team-profile-promax .team-info-side,
    .team-profile-promax .team-info-side,
    .team-info-side {
        width: 100% !important;
        padding: clamp(24px, 3.8vw, 44px) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    /* Câu chuyện Full-width, luôn mở rộng 100% */
    body.team-profile-page .team-story-shell,
    body.team-profile-promax .team-story-shell,
    .team-story-shell,
    body.team-profile-page .team-story-box,
    body.team-profile-promax .team-story-box,
    .team-story-box,
    .team-club-story-content {
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .team-story-toggle {
        display: none !important;
        visibility: hidden !important;
    }

    /* 3 Card thống kê Bento Full-width trên Desktop */
    @media screen and (min-width: 992px) {
        body.team-profile-page .team-stats-bento,
        body.team-profile-promax .team-stats-bento,
        .team-profile-promax .team-stats-bento,
        .team-stats-bento {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 18px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .team-stat-card {
            min-height: 72px !important;
            padding: 16px 22px !important;
        }

        .team-stat-card .stat-icon-pod {
            width: 46px !important;
            height: 46px !important;
        }

        .team-stat-card .stat-num {
            font-size: 20px !important;
        }

        .team-stat-card .stat-lbl {
            font-size: 11px !important;
        }
    }

    /* ── 3. TRÊN MOBILE: 1 HÀNG 3 Ô STATS SIÊU GỌN ── */
    @media screen and (max-width: 991px) {
        body.team-profile-page .team-crest-hologram,
        body.team-profile-promax .team-crest-hologram,
        .team-hero-header-pod .team-crest-hologram,
        .team-crest-hologram {
            width: 155px !important;
            height: 155px !important;
            flex-basis: 155px !important;
            margin: 0 auto 12px !important;
        }

        body.team-profile-page .team-crest-frame img,
        body.team-profile-promax .team-crest-frame img,
        .team-crest-frame img {
            max-width: 140px !important;
            max-height: 140px !important;
        }

        body.team-profile-page .team-crest-orbit,
        body.team-profile-promax .team-crest-orbit,
        .team-crest-orbit {
            width: 230px !important;
            height: 230px !important;
        }

        body.team-profile-page .team-stats-bento,
        body.team-profile-promax .team-stats-bento,
        .team-profile-promax .team-stats-bento,
        .team-stats-bento {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: clamp(4px, 1.4vw, 8px) !important;
            width: 100% !important;
            margin-top: 10px !important;
            box-sizing: border-box !important;
        }

        body.team-profile-page .team-stats-bento > .team-stat-card,
        body.team-profile-promax .team-stats-bento > .team-stat-card,
        .team-profile-promax .team-stats-bento > .team-stat-card,
        .team-stat-card,
        .team-stat-card.stat-card-fanpage {
            grid-column: span 1 !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 52px !important;
            padding: 6px 4px !important;
            border-radius: 12px !important;
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            text-align: left !important;
            box-sizing: border-box !important;
            margin: 0 !important;
        }

        .team-stat-card .stat-icon-pod {
            width: 28px !important;
            height: 28px !important;
            min-width: 28px !important;
            border-radius: 8px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            flex-shrink: 0 !important;
        }

        .team-stat-card .stat-icon-pod svg {
            width: 14px !important;
            height: 14px !important;
        }

        .team-stat-card .stat-meta {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            min-width: 0 !important;
            line-height: 1.1 !important;
        }

        .team-stat-card .stat-num {
            font-size: 13px !important;
            font-weight: 900 !important;
            color: #0f172a !important;
            letter-spacing: -0.02em !important;
        }

        .team-stat-card.stat-card-fanpage .stat-num {
            font-size: 11px !important;
            font-weight: 900 !important;
            color: #0284c7 !important;
        }

        .team-stat-card .stat-lbl {
            font-size: 8px !important;
            font-weight: 800 !important;
            color: #64748b !important;
            text-transform: uppercase !important;
            letter-spacing: 0.02em !important;
            white-space: nowrap !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       CHUYỂN THANH BREADCRUMB (TRANG CHỦ > 08 ĐỘI BÓNG > SGTS FC) SANG GÓC TRÁI
       ══════════════════════════════════════════════════════════════════════ */
    body.team-profile-page .team-breadcrumbs-wrapper,
    body.team-profile-promax .team-breadcrumbs-wrapper,
    .team-profile-promax .team-breadcrumbs-wrapper,
    .team-breadcrumbs-wrapper {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        text-align: left !important;
    }

    body.team-profile-page .team-breadcrumbs-capsule,
    body.team-profile-promax .team-breadcrumbs-capsule,
    .team-profile-promax .team-breadcrumbs-capsule,
    .team-breadcrumbs-capsule {
        margin-left: 0 !important;
        margin-right: auto !important;
        justify-content: flex-start !important;
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       NÂNG CẤP THẺ LÃNH ĐỘI LỚN HƠN CÁC THẺ CÒN LẠI +10% (VIP & NỔI BẬT NHẤT)
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .staff-pass-card.staff-pass--manager,
    .staff-pass-card.staff-pass--manager {
        position: relative !important;
        background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%) !important;
        border: 2px solid #38bdf8 !important;
        border-radius: 24px !important;
        padding: 26px 18px 22px !important;
        box-shadow: 0 16px 42px rgba(2, 132, 199, 0.14), 0 4px 14px rgba(0, 0, 0, 0.04) !important;
        transform: scale(1.05) !important;
        z-index: 3 !important;
        transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .team-profile-promax .staff-pass-card.staff-pass--manager:hover,
    .staff-pass-card.staff-pass--manager:hover {
        transform: scale(1.08) translateY(-6px) !important;
        border-color: #0284c7 !important;
        box-shadow: 0 24px 55px rgba(2, 132, 199, 0.22), 0 0 25px rgba(56, 189, 248, 0.35) !important;
    }

    /* Avatar Lãnh đội lớn hơn +10% */
    .team-profile-promax .staff-pass--manager .pass-avatar-pod,
    .staff-pass--manager .pass-avatar-pod {
        width: 148px !important;
        height: 148px !important;
        margin: 18px auto 20px !important;
    }

    .team-profile-promax .staff-pass--manager .pass-avatar-frame,
    .staff-pass--manager .pass-avatar-frame {
        width: 140px !important;
        height: 140px !important;
        border: 4px solid #ffffff !important;
        box-shadow: 0 0 0 3px #0284c7, 0 16px 36px rgba(2, 132, 199, 0.28) !important;
    }

    /* Badge Lãnh đội sang trọng */
    .team-profile-promax .staff-pass--manager .pass-role-chip,
    .staff-pass--manager .pass-role-chip {
        font-size: 11.5px !important;
        font-weight: 900 !important;
        padding: 5px 14px !important;
        background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
    }

    .team-profile-promax .staff-pass--manager .pass-person-name,
    .staff-pass--manager .pass-person-name {
        font-size: 16.5px !important;
        font-weight: 900 !important;
        color: #0369a1 !important;
    }

    @media screen and (max-width: 768px) {
        .team-profile-promax .staff-pass-card.staff-pass--manager,
        .staff-pass-card.staff-pass--manager {
            transform: scale(1.02) !important;
            padding: 20px 14px 16px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-pod,
        .staff-pass--manager .pass-avatar-pod {
            width: 125px !important;
            height: 125px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-frame,
        .staff-pass--manager .pass-avatar-frame {
            width: 118px !important;
            height: 118px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TRÊN DESKTOP: THẺ LÃNH ĐỘI HIỂN THỊ Ở CHÍNH GIỮA (VỊ TRÍ SỐ 3 TRUNG TÂM)
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (min-width: 992px) {
        .team-staff-grid-master {
            display: grid !important;
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            align-items: center !important;
            gap: 18px !important;
        }

        .staff-pass-card.staff-pass--captain {
            order: 1 !important;
        }

        .staff-pass-card.staff-pass--coach {
            order: 2 !important;
        }

        .staff-pass-card.staff-pass--manager {
            order: 3 !important; /* Ở CHÍNH GIỮA TRUNG TÂM ĐỐI XỨNG */
            transform: scale(1.06) !important;
            z-index: 5 !important;
        }

        .staff-pass-card.staff-pass--manager:hover {
            transform: scale(1.09) translateY(-6px) !important;
        }

        .staff-pass-card.staff-pass--assistant {
            order: 4 !important;
        }

        .staff-pass-card.staff-pass--medic {
            order: 5 !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       NÂNG CẤP AVATAR TOÀN BỘ BAN HUẤN LUYỆN LỚN HƠN +20% (RÕ NÉT, HOÀNH TRÁNG)
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .pass-avatar-pod,
    .pass-avatar-pod,
    :where(.team-profile-promax, body) .pass-avatar-pod {
        width: 160px !important;
        height: 160px !important;
        margin: 18px auto 20px !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .pass-avatar-frame,
    .pass-avatar-frame,
    :where(.team-profile-promax, body) .pass-avatar-frame {
        width: 152px !important;
        height: 152px !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        border: 4px solid #ffffff !important;
        box-shadow: 0 0 0 2.5px rgba(56, 189, 248, 0.45), 0 14px 34px rgba(5, 42, 84, 0.2) !important;
        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
        position: relative !important;
    }

    /* Thẻ LÃNH ĐỘI (To lớn hơn +10% ở giữa) */
    .team-profile-promax .staff-pass--manager .pass-avatar-pod,
    .staff-pass--manager .pass-avatar-pod {
        width: 178px !important;
        height: 178px !important;
        margin: 20px auto 22px !important;
    }

    .team-profile-promax .staff-pass--manager .pass-avatar-frame,
    .staff-pass--manager .pass-avatar-frame {
        width: 168px !important;
        height: 168px !important;
        border: 4.5px solid #ffffff !important;
        box-shadow: 0 0 0 3.5px #0284c7, 0 18px 40px rgba(2, 132, 199, 0.32) !important;
    }

    /* Mở rộng padding thẻ bao ngoài */
    .team-profile-promax .staff-pass-card,
    .staff-pass-card {
        padding: 26px 16px 22px !important;
        border-radius: 22px !important;
    }

    .team-profile-promax .staff-pass-card.staff-pass--manager,
    .staff-pass-card.staff-pass--manager {
        padding: 30px 18px 24px !important;
        border-radius: 26px !important;
    }

    @media screen and (max-width: 991px) {
        .team-profile-promax .pass-avatar-pod,
        .pass-avatar-pod {
            width: 135px !important;
            height: 135px !important;
            margin: 14px auto 16px !important;
        }

        .team-profile-promax .pass-avatar-frame,
        .pass-avatar-frame {
            width: 126px !important;
            height: 126px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-pod,
        .staff-pass--manager .pass-avatar-pod {
            width: 148px !important;
            height: 148px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-frame,
        .staff-pass--manager .pass-avatar-frame {
            width: 138px !important;
            height: 138px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       BỐ CỤC BAN HUẤN LUYỆN TRÊN MOBILE:
       - HÀNG 1: THẺ LÃNH ĐỘI (CĂN GIỮA TO NỔI BẬT)
       - HÀNG 2: THẺ ĐỘI TRƯỞNG & THẺ HUẤN LUYỆN VIÊN (2 CỘT)
       - HÀNG 3: THẺ TRỢ LÝ & THẺ Y TẾ (2 CỘT)
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (max-width: 991px) {
        .team-profile-promax .team-staff-grid-master,
        .team-staff-grid-master {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
            width: 100% !important;
            justify-content: center !important;
            align-items: stretch !important;
        }

        /* ── HÀNG 1: THẺ LÃNH ĐỘI (SPAN 2 CỘT, CĂN GIỮA) ── */
        .team-profile-promax .staff-pass-card.staff-pass--manager,
        .staff-pass-card.staff-pass--manager {
            order: 1 !important;
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: 330px !important;
            margin: 0 auto !important;
            padding: 22px 16px 18px !important;
            border-radius: 20px !important;
            transform: none !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-pod,
        .staff-pass--manager .pass-avatar-pod {
            width: 135px !important;
            height: 135px !important;
            margin: 12px auto 14px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-frame,
        .staff-pass--manager .pass-avatar-frame {
            width: 126px !important;
            height: 126px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-person-name,
        .staff-pass--manager .pass-person-name {
            font-size: 15.5px !important;
        }

        /* ── HÀNG 2: ĐỘI TRƯỞNG & HUẤN LUYỆN VIÊN (2 CỘT) ── */
        .team-profile-promax .staff-pass-card.staff-pass--captain,
        .staff-pass-card.staff-pass--captain {
            order: 2 !important;
            grid-column: span 1 !important;
            width: 100% !important;
            margin: 0 !important;
        }

        .team-profile-promax .staff-pass-card.staff-pass--coach,
        .staff-pass-card.staff-pass--coach {
            order: 3 !important;
            grid-column: span 1 !important;
            width: 100% !important;
            margin: 0 !important;
        }

        /* ── HÀNG 3: TRỢ LÝ & Y TẾ (2 CỘT) ── */
        .team-profile-promax .staff-pass-card.staff-pass--assistant,
        .staff-pass-card.staff-pass--assistant {
            order: 4 !important;
            grid-column: span 1 !important;
            width: 100% !important;
            margin: 0 !important;
        }

        .team-profile-promax .staff-pass-card.staff-pass--medic,
        .staff-pass-card.staff-pass--medic {
            order: 5 !important;
            grid-column: span 1 !important;
            width: 100% !important;
            margin: 0 !important;
        }

        /* Style chung cho 4 thẻ ở hàng 2 và hàng 3 trên mobile */
        .team-profile-promax .staff-pass-card:not(.staff-pass--manager),
        .staff-pass-card:not(.staff-pass--manager) {
            padding: 16px 10px 14px !important;
            border-radius: 16px !important;
            min-height: unset !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-avatar-pod,
        .staff-pass-card:not(.staff-pass--manager) .pass-avatar-pod {
            width: 98px !important;
            height: 98px !important;
            margin: 10px auto 12px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-avatar-frame,
        .staff-pass-card:not(.staff-pass--manager) .pass-avatar-frame {
            width: 92px !important;
            height: 92px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-person-name,
        .staff-pass-card:not(.staff-pass--manager) .pass-person-name {
            font-size: 13.5px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-role-chip,
        .staff-pass-card:not(.staff-pass--manager) .pass-role-chip {
            font-size: 9px !important;
            padding: 3.5px 8px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-hotline-btn,
        .staff-pass-card:not(.staff-pass--manager) .pass-hotline-btn {
            padding: 5px 8px !important;
            font-size: 11px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       FIX CHUẨN XÁC LỖI THẺ Y TẾ BỊ RỚT LỆCH HÀNG TRÊN MOBILE:
       - HÀNG 1: THẺ LÃNH ĐỘI (CĂN GIỮA - GRID COLUMN 1 / -1)
       - HÀNG 2: THẺ ĐỘI TRƯỞNG (CỘT 1) & THẺ HUẤN LUYỆN VIÊN (CỘT 2)
       - HÀNG 3: THẺ TRỢ LÝ (CỘT 1) & THẺ Y TẾ (CỘT 2 - SONG SONG NGANG BẰNG)
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (max-width: 991px) {
        .team-profile-promax .team-staff-grid-master,
        .team-staff-grid-master {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            grid-auto-flow: dense !important;
            gap: 12px !important;
            width: 100% !important;
            margin: 0 auto !important;
            align-items: stretch !important;
        }

        /* HÀNG 1: LÃNH ĐỘI */
        .staff-pass-card.staff-pass--manager {
            order: 1 !important;
            grid-column: 1 / 3 !important;
            width: 100% !important;
            max-width: 330px !important;
            margin: 0 auto !important;
        }

        /* HÀNG 2: ĐỘI TRƯỞNG & HUẤN LUYỆN VIÊN */
        .staff-pass-card.staff-pass--captain {
            order: 2 !important;
            grid-column: 1 / 2 !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
        }

        .staff-pass-card.staff-pass--coach {
            order: 3 !important;
            grid-column: 2 / 3 !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
        }

        /* HÀNG 3: TRỢ LÝ & Y TẾ (Ngang hàng tuyệt đối) */
        .staff-pass-card.staff-pass--assistant {
            order: 4 !important;
            grid-column: 1 / 2 !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
        }

        .staff-pass-card.staff-pass--medic,
        .team-profile-promax .staff-pass-card:last-child,
        .staff-pass-card:last-child {
            order: 5 !important;
            grid-column: 2 / 3 !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       NÂNG CẤP KÍCH THƯỚC CÁC Ô TRANG PHỤC THI ĐẤU LỚN HƠN +30% (SHOWROOM PRO MAX)
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .team-kits-grid-vip,
    .team-kits-grid-vip {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
        gap: 28px !important;
        width: 100% !important;
    }

    @media (min-width: 1100px) {
        .team-profile-promax .team-kits-grid-vip,
        .team-kits-grid-vip {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
    }

    .team-profile-promax .kit-card-vip,
    .kit-card-vip {
        padding: 30px 24px 32px !important;
        border-radius: 28px !important;
        background: #ffffff !important;
        border: 1.5px solid var(--club-line, #e2e8f0) !important;
        box-shadow: 0 16px 45px rgba(5, 42, 87, 0.1) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
    }

    .team-profile-promax .kit-card-vip:hover,
    .kit-card-vip:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 26px 60px rgba(5, 42, 87, 0.18), 0 0 30px rgba(56, 189, 248, 0.2) !important;
    }

    /* Header & Badges +30% */
    .team-profile-promax .kit-card-header,
    .kit-card-header {
        margin-bottom: 18px !important;
    }

    .team-profile-promax .kit-type-pill,
    .kit-type-pill {
        padding: 7px 16px !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        border-radius: 999px !important;
    }

    .team-profile-promax .kit-num-badge,
    .kit-num-badge {
        padding: 6px 14px !important;
        font-size: 12.5px !important;
        font-weight: 900 !important;
        border-radius: 10px !important;
    }

    /* 3D Exhibition Stage +30% */
    .team-profile-promax .kit-stage-3d,
    .kit-stage-3d {
        width: 100% !important;
        min-height: 270px !important;
        aspect-ratio: 4 / 3.4 !important;
        border-radius: 22px !important;
        margin-bottom: 22px !important;
    }

    .team-profile-promax .kit-stage-img,
    .kit-stage-img {
        width: 90% !important;
        height: 90% !important;
        max-height: 240px !important;
        object-fit: contain !important;
    }

    .team-profile-promax .kit-card-vip:hover .kit-stage-img,
    .kit-card-vip:hover .kit-stage-img {
        transform: translateY(-8px) scale(1.08) !important;
    }

    /* Tên trang phục +30% */
    .team-profile-promax .kit-name-vip,
    .kit-name-vip {
        font-size: 21px !important;
        font-weight: 900 !important;
        margin: 0 0 14px 0 !important;
        letter-spacing: -0.01em !important;
    }

    /* Tag chi tiết màu sắc (Áo, Quần, Tất) +30% */
    .team-profile-promax .kit-specs-container,
    .kit-specs-container {
        gap: 8px !important;
    }

    .team-profile-promax .kit-color-tag,
    .kit-color-tag {
        padding: 7px 16px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
    }

    .team-profile-promax .color-tag-bullet,
    .color-tag-bullet {
        width: 8px !important;
        height: 8px !important;
    }

    @media screen and (max-width: 768px) {
        .team-profile-promax .kit-card-vip,
        .kit-card-vip {
            padding: 22px 18px 24px !important;
        }

        .team-profile-promax .kit-stage-3d,
        .kit-stage-3d {
            min-height: 220px !important;
        }

        .team-profile-promax .kit-name-vip,
        .kit-name-vip {
            font-size: 18.5px !important;
        }

        .team-profile-promax .kit-color-tag,
        .kit-color-tag {
            padding: 6px 13px !important;
            font-size: 13px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TRANG PHỤC THI ĐẤU: ẨN TIÊU ĐỀ LẶP & CÂN ĐỐI 3 TAG MÀU TRÊN 1 HÀNG NGANG
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .kit-name-vip,
    .kit-name-vip {
        display: none !important;
    }

    .team-profile-promax .kit-body-vip,
    .kit-body-vip {
        width: 100% !important;
        margin-top: 2px !important;
    }

    .team-profile-promax .kit-specs-container,
    .kit-specs-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .team-profile-promax .kit-color-tag,
    .kit-color-tag {
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 6px 12px !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        border-radius: 999px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #1e293b !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    }

    @media screen and (max-width: 1200px) {
        .team-profile-promax .kit-color-tag,
        .kit-color-tag {
            padding: 5px 10px !important;
            font-size: 12px !important;
            gap: 5px !important;
        }

        .team-profile-promax .kit-specs-container,
        .kit-specs-container {
            gap: 6px !important;
        }
    }

    @media screen and (max-width: 480px) {
        .team-profile-promax .kit-color-tag,
        .kit-color-tag {
            padding: 4px 7px !important;
            font-size: 11px !important;
            gap: 4px !important;
        }

        .team-profile-promax .kit-specs-container,
        .kit-specs-container {
            gap: 4px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TRANG PHỤC THI ĐẤU TRÊN DESKTOP:
       - 1 HÀNG 2 Ô FULL-WIDTH SIÊU LỚN & HOÀNH TRÁNG
       - ẢNH ÁO ĐẤU CAO RỘNG RÕ NÉT CỰC ĐẠI
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .team-kits-grid-vip,
    .team-kits-grid-vip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px !important;
        width: 100% !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

    @media (min-width: 992px) {
        .team-profile-promax .team-kits-grid-vip,
        .team-kits-grid-vip {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 36px !important;
        }

        /* Nếu có 3 bộ trang phục: Bộ thứ 3 căn giữa trang trọng */
        .team-profile-promax .kit-card-vip:last-child:nth-child(odd),
        .kit-card-vip:last-child:nth-child(odd) {
            grid-column: 1 / -1 !important;
            max-width: 700px !important;
            margin: 0 auto !important;
            width: 100% !important;
        }
    }

    .team-profile-promax .kit-card-vip,
    .kit-card-vip {
        padding: 36px 30px 38px !important;
        border-radius: 32px !important;
        background: #ffffff !important;
        border: 1.5px solid var(--club-line, #e2e8f0) !important;
        box-shadow: 0 20px 50px rgba(5, 42, 87, 0.09) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .kit-card-vip:hover,
    .kit-card-vip:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 30px 70px rgba(5, 42, 87, 0.18), 0 0 32px rgba(56, 189, 248, 0.22) !important;
    }

    .team-profile-promax .kit-type-pill,
    .kit-type-pill {
        padding: 8px 22px !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        border-radius: 999px !important;
    }

    /* 3D Exhibition Stage Khổng Lồ Cho 2 Ô */
    .team-profile-promax .kit-stage-3d,
    .kit-stage-3d {
        width: 100% !important;
        min-height: 380px !important;
        aspect-ratio: 16 / 10.5 !important;
        border-radius: 26px !important;
        margin-bottom: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .kit-stage-img,
    .kit-stage-img {
        width: 95% !important;
        height: 95% !important;
        max-height: 360px !important;
        object-fit: contain !important;
    }

    .team-profile-promax .kit-card-vip:hover .kit-stage-img,
    .kit-card-vip:hover .kit-stage-img {
        transform: translateY(-8px) scale(1.05) !important;
    }

    /* Tag màu sắc rộng rãi, to đẹp */
    .team-profile-promax .kit-specs-container,
    .kit-specs-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .team-profile-promax .kit-color-tag,
    .kit-color-tag {
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 20px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
        background: #f8fafc !important;
        border: 1.5px solid #e2e8f0 !important;
        color: #0f172a !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    }

    .team-profile-promax .color-tag-bullet,
    .color-tag-bullet {
        width: 9px !important;
        height: 9px !important;
    }

    @media screen and (max-width: 768px) {
        .team-profile-promax .team-kits-grid-vip,
        .team-kits-grid-vip {
            grid-template-columns: 1fr !important;
            gap: 18px !important;
        }

        .team-profile-promax .kit-card-vip,
        .kit-card-vip {
            padding: 24px 18px 26px !important;
            border-radius: 24px !important;
        }

        .team-profile-promax .kit-stage-3d,
        .kit-stage-3d {
            min-height: 240px !important;
        }

        .team-profile-promax .kit-color-tag,
        .kit-color-tag {
            padding: 6px 12px !important;
            font-size: 12.5px !important;
        }

        .team-profile-promax .kit-specs-container,
        .kit-specs-container {
            gap: 6px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TỐI ƯU GIAO DIỆN MOBILE: SIÊU GỌN GÀNG, ĐẸP MẮT, HẠN CHẾ CUỘN LƯỚT
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (max-width: 768px) {
        /* Giảm padding các section */
        .team-profile-promax .section,
        .section {
            padding: 22px 0 !important;
        }

        .section-head,
        .staff-head-master,
        .kits-head-vip,
        .roster-head-master {
            margin-bottom: 16px !important;
        }

        .staff-title-master,
        .staff-section-title,
        .roster-main-title {
            font-size: 18px !important;
            letter-spacing: -0.01em !important;
        }

        /* ── 1. HERO BANNER MOBILE SIÊU GỌN ── */
        .team-hero-promax .container {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        body.team-profile-page .team-hero-layout,
        body.team-profile-promax .team-hero-layout,
        .team-profile-promax .team-hero-layout,
        .team-hero-layout {
            margin-bottom: 18px !important;
            border-radius: 18px !important;
        }

        body.team-profile-page .team-hero-header-pod,
        body.team-profile-promax .team-hero-header-pod,
        .team-profile-promax .team-hero-header-pod,
        .team-hero-header-pod {
            padding: 20px 12px 16px !important;
        }

        body.team-profile-page .team-crest-hologram,
        body.team-profile-promax .team-crest-hologram,
        .team-hero-header-pod .team-crest-hologram,
        .team-crest-hologram {
            width: 100px !important;
            height: 100px !important;
            flex-basis: 100px !important;
            margin: 0 auto 10px !important;
        }

        body.team-profile-page .team-crest-frame img,
        body.team-profile-promax .team-crest-frame img,
        .team-crest-frame img {
            max-width: 90px !important;
            max-height: 90px !important;
        }

        body.team-profile-page .team-crest-orbit,
        body.team-profile-promax .team-crest-orbit,
        .team-crest-orbit {
            width: 130px !important;
            height: 130px !important;
        }

        .team-profile-title {
            font-size: 21px !important;
            margin: 0 0 6px !important;
            line-height: 1.2 !important;
        }

        .team-slogan-box {
            padding: 4px 12px !important;
            font-size: 11px !important;
            margin-bottom: 6px !important;
        }

        body.team-profile-page .team-info-side,
        body.team-profile-promax .team-info-side,
        .team-profile-promax .team-info-side,
        .team-info-side {
            padding: 14px 12px !important;
            gap: 12px !important;
        }

        /* Thống kê nhanh gọn */
        .team-profile-facts {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px !important;
            padding: 10px !important;
        }

        .fact-item {
            padding: 6px 8px !important;
            font-size: 11.5px !important;
        }

        /* Câu chuyện đội bóng có thể thu gọn */
        body.team-profile-page .team-story-shell,
        body.team-profile-promax .team-story-shell,
        .team-story-shell {
            font-size: 13px !important;
            line-height: 1.55 !important;
        }

        /* ── 2. SUBNAV STICKY BAR ── */
        .team-profile-subnav {
            padding: 4px 0 !important;
        }

        .subnav-inner {
            height: 38px !important;
            gap: 8px !important;
        }

        .subnav-lead {
            display: none !important; /* Ẩn bớt logo nhỏ trên subnav mobile để thoáng */
        }

        .subnav-links {
            justify-content: space-around !important;
            width: 100% !important;
        }

        .subnav-link {
            padding: 5px 8px !important;
            font-size: 11px !important;
            gap: 4px !important;
        }

        /* ── 3. BAN HUẤN LUYỆN MOBILE GỌN GÀNG (3 HÀNG) ── */
        .team-profile-promax .team-staff-grid-master,
        .team-staff-grid-master {
            gap: 10px !important;
        }

        /* Hàng 1: Lãnh đội */
        .staff-pass-card.staff-pass--manager {
            padding: 14px 10px 12px !important;
            border-radius: 16px !important;
            max-width: 280px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-pod,
        .staff-pass--manager .pass-avatar-pod {
            width: 82px !important;
            height: 82px !important;
            margin: 8px auto 10px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-avatar-frame,
        .staff-pass--manager .pass-avatar-frame {
            width: 76px !important;
            height: 76px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-person-name,
        .staff-pass--manager .pass-person-name {
            font-size: 13.5px !important;
            margin-bottom: 6px !important;
        }

        .team-profile-promax .staff-pass--manager .pass-hotline-btn,
        .staff-pass--manager .pass-hotline-btn {
            padding: 4px 10px !important;
            font-size: 11.5px !important;
        }

        /* Hàng 2 & 3: Đội trưởng, HLV, Trợ lý, Y tế */
        .team-profile-promax .staff-pass-card:not(.staff-pass--manager),
        .staff-pass-card:not(.staff-pass--manager) {
            padding: 10px 6px 10px !important;
            border-radius: 14px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-avatar-pod,
        .staff-pass-card:not(.staff-pass--manager) .pass-avatar-pod {
            width: 68px !important;
            height: 68px !important;
            margin: 6px auto 8px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-avatar-frame,
        .staff-pass-card:not(.staff-pass--manager) .pass-avatar-frame {
            width: 63px !important;
            height: 63px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-person-name,
        .staff-pass-card:not(.staff-pass--manager) .pass-person-name {
            font-size: 12px !important;
            margin-bottom: 4px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-role-chip,
        .staff-pass-card:not(.staff-pass--manager) .pass-role-chip {
            font-size: 8.5px !important;
            padding: 2.5px 6px !important;
        }

        .team-profile-promax .staff-pass-card:not(.staff-pass--manager) .pass-hotline-btn,
        .staff-pass-card:not(.staff-pass--manager) .pass-hotline-btn {
            padding: 3px 6px !important;
            font-size: 10.5px !important;
        }

        /* ── 4. TRANG PHỤC THI ĐẤU MOBILE COMPACT ── */
        .team-profile-promax .team-kits-grid-vip,
        .team-kits-grid-vip {
            grid-template-columns: 1fr !important;
            gap: 14px !important;
        }

        .team-profile-promax .kit-card-vip,
        .kit-card-vip {
            padding: 16px 12px 14px !important;
            border-radius: 18px !important;
        }

        .team-profile-promax .kit-type-pill,
        .kit-type-pill {
            padding: 5px 12px !important;
            font-size: 11.5px !important;
            margin-bottom: 10px !important;
        }

        .team-profile-promax .kit-stage-3d,
        .kit-stage-3d {
            min-height: 160px !important;
            aspect-ratio: 16 / 11 !important;
            border-radius: 16px !important;
            margin-bottom: 12px !important;
        }

        .team-profile-promax .kit-stage-img,
        .kit-stage-img {
            max-height: 140px !important;
            width: 90% !important;
        }

        .team-profile-promax .kit-color-tag,
        .kit-color-tag {
            padding: 4px 8px !important;
            font-size: 11px !important;
            gap: 4px !important;
        }

        .team-profile-promax .kit-specs-container,
        .kit-specs-container {
            gap: 5px !important;
        }

        /* ── 5. DANH SÁCH CẦU THỦ MOBILE (LƯỚI 2 CỘT COMPACT) ── */
        .tactical-filter-deck {
            padding: 4px 0 10px !important;
            gap: 5px !important;
            overflow-x: auto !important;
            justify-content: flex-start !important;
            scrollbar-width: none !important;
        }
        .tactical-filter-deck::-webkit-scrollbar { display: none !important; }

        .tactical-deck-pill {
            padding: 5px 10px !important;
            font-size: 11px !important;
            white-space: nowrap !important;
        }

        .team-roster-grid-vip,
        #player-roster-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px !important;
        }

        .player-card-elite {
            padding: 10px 8px !important;
            border-radius: 14px !important;
        }

        .player-portrait-pod {
            height: 100px !important;
            margin-bottom: 6px !important;
        }

        .player-portrait-img {
            max-height: 95px !important;
        }

        .player-identity-box .player-name {
            font-size: 12px !important;
            margin-bottom: 2px !important;
        }

        .player-shirt-badge {
            font-size: 12px !important;
            padding: 2px 6px !important;
        }

        .player-pos-badge {
            font-size: 9px !important;
            padding: 2px 5px !important;
        }

        /* ── 6. BANNER HÀNH TRÌNH CÚP VÀNG GỌN ── */
        .team-tournament-pathway-pro {
            padding: 18px 12px !important;
            margin-top: 18px !important;
            border-radius: 16px !important;
        }

        .pathway-main-title {
            font-size: 15px !important;
        }

        .pathway-subtitle {
            font-size: 12px !important;
            margin-bottom: 12px !important;
        }

        .pathway-grid-master {
            grid-template-columns: 1fr !important;
            gap: 8px !important;
        }

        .pathway-action-card {
            padding: 10px 12px !important;
            border-radius: 12px !important;
        }

        .pathway-card-title {
            font-size: 12.5px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       HIỂN THỊ FULL 100% ẢNH CHÂN DUNG CẦU THỦ (LẤP ĐẦY KHUNG SẮC NÉT)
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .player-hero-stage,
    .player-hero-stage {
        width: 100% !important;
        aspect-ratio: 4 / 4.5 !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f1f5f9 60%, #e2e8f0 100%) !important;
        border: 1.5px solid #e2e8f0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    .team-profile-promax .player-portrait-img,
    .player-portrait-img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center 18% !important;
        display: block !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        border-radius: 0 !important;
    }

    .team-profile-promax .player-card-elite:hover .player-portrait-img,
    .player-card-elite:hover .player-portrait-img {
        transform: scale(1.06) !important;
    }

    @media screen and (max-width: 768px) {
        .team-profile-promax .player-hero-stage,
        .player-hero-stage {
            aspect-ratio: 4 / 4.6 !important;
            border-radius: 14px !important;
            margin-bottom: 8px !important;
        }

        .team-profile-promax .player-portrait-img,
        .player-portrait-img {
            object-position: center 15% !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       HIỂN THỊ FULL 100% ẢNH TRANG PHỤC THI ĐẤU (TRÀN KHUNG SẮC NÉT)
       ══════════════════════════════════════════════════════════════════════ */
    .team-profile-promax .kit-stage-3d,
    .kit-stage-3d {
        width: 100% !important;
        aspect-ratio: 16 / 10.5 !important;
        min-height: unset !important;
        max-height: none !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 0 18px 0 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
    }

    .team-profile-promax .kit-stage-img,
    .kit-stage-img {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        border-radius: 0 !important;
        filter: none !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .team-profile-promax .kit-card-vip:hover .kit-stage-img,
    .kit-card-vip:hover .kit-stage-img {
        transform: scale(1.04) !important;
    }

    .team-profile-promax .kit-pedestal-glow,
    .kit-pedestal-glow {
        display: none !important;
    }

    @media screen and (max-width: 768px) {
        .team-profile-promax .kit-stage-3d,
        .kit-stage-3d {
            aspect-ratio: 16 / 11 !important;
            margin: 0 0 12px 0 !important;
            border-radius: 16px !important;
        }

        .team-profile-promax .kit-stage-img,
        .kit-stage-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       TOURNAMENT PATHWAY BANNER TRÊN MOBILE:
       - SIÊU GỌN GÀNG, 3 THẺ LIÊN KẾT NẰM TRÊN 1 HÀNG NGANG DUY NHẤT
       - HẠN CHẾ CUỘN LƯỚT 100%
       ══════════════════════════════════════════════════════════════════════ */
    @media screen and (max-width: 768px) {
        .team-tournament-pathway-pro {
            padding: 16px 12px 14px !important;
            margin-top: 20px !important;
            border-radius: 18px !important;
        }

        .pathway-kicker-badge {
            font-size: 9.5px !important;
            padding: 2.5px 8px !important;
            margin-bottom: 4px !important;
        }

        .pathway-main-title {
            font-size: 14px !important;
            line-height: 1.25 !important;
            margin-bottom: 4px !important;
        }

        .pathway-subtitle {
            font-size: 11.5px !important;
            line-height: 1.35 !important;
            margin-bottom: 12px !important;
            opacity: 0.85 !important;
        }

        /* 3 Thẻ hành động chia đều 3 cột trên 1 hàng ngang duy nhất */
        .pathway-grid-master {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 6px !important;
            width: 100% !important;
        }

        .pathway-action-card {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            padding: 10px 4px 8px !important;
            border-radius: 12px !important;
            min-height: 84px !important;
            background: rgba(255, 255, 255, 0.08) !important;
            border: 1px solid rgba(255, 255, 255, 0.16) !important;
            backdrop-filter: blur(8px) !important;
        }

        .pathway-card-icon-frame {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            border-radius: 8px !important;
            margin: 0 auto 6px !important;
        }

        .pathway-card-icon-frame svg {
            width: 16px !important;
            height: 16px !important;
        }

        .pathway-card-content {
            width: 100% !important;
            text-align: center !important;
        }

        .pathway-card-title {
            font-size: 10.5px !important;
            font-weight: 800 !important;
            line-height: 1.2 !important;
            color: #ffffff !important;
            display: block !important;
            margin: 0 !important;
        }

        /* Ẩn các dòng mô tả dài chiếm chỗ trên mobile */
        .pathway-card-tag,
        .pathway-card-action {
            display: none !important;
        }

        .pathway-featured-badge {
            font-size: 8px !important;
            padding: 1.5px 6px !important;
            top: -6px !important;
        }
    }

    
    /* ══════════════════════════════════════════════════════════════════════
       FIX TRIỆT ĐỂ LỖI RỚT CHỮ Ở 3 THẺ LIÊN KẾT TRÊN MOBILE
       ══════════════════════════════════════════════════════════════════════ */
    .d-only-mobile { display: none; }
    .d-none-mobile { display: inline; }

    @media screen and (max-width: 768px) {
        .d-none-mobile { display: none !important; }
        .d-only-mobile { display: inline-block !important; white-space: nowrap !important; }

        .pathway-grid-master {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 6px !important;
            width: 100% !important;
        }

        .pathway-action-card {
            padding: 10px 4px 8px !important;
            min-height: 80px !important;
        }

        .pathway-card-title {
            font-size: 11.5px !important;
            font-weight: 800 !important;
            white-space: nowrap !important;
            text-align: center !important;
            letter-spacing: -0.01em !important;
            line-height: 1.2 !important;
            margin: 0 !important;
        }
    }

/* ══════════════════════════════════════════════════════════════════════
   CHUẨN ĐỊNH DẠNG RICH TEXT ĐỒNG BỘ 100%:
   - TRÌNH SOẠN THẢO TRỰC QUAN (CANVAS)
   - BẢN XEM TRƯỚC (PREVIEW)
   - HIỂN THỊ THỰC TẾ NGOÀI WEBSITE (TEAM.PHP & ARTICLE.PHP)
   ══════════════════════════════════════════════════════════════════════ */
.rich-editor-canvas,
.rich-preview-prose,
.team-story-box,
.team-club-story-content,
.rich-text {
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    text-align: left !important;
    word-break: break-word !important;
}

/* Đoạn văn bản */
.rich-editor-canvas p,
.rich-preview-prose p,
.team-story-box p,
.team-club-story-content p,
.rich-text p {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.rich-editor-canvas p:last-child,
.rich-preview-prose p:last-child,
.team-story-box p:last-child,
.team-club-story-content p:last-child,
.rich-text p:last-child {
    margin-bottom: 0 !important;
}

/* Tiêu đề H2, H3, H4 */
.rich-editor-canvas h2,
.rich-preview-prose h2,
.team-story-box h2,
.team-club-story-content h2,
.rich-text h2 {
    display: block !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    margin: 24px 0 12px 0 !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    letter-spacing: -0.01em !important;
}

.rich-editor-canvas h2:first-child,
.rich-preview-prose h2:first-child,
.team-story-box h2:first-child,
.team-club-story-content h2:first-child,
.rich-text h2:first-child {
    margin-top: 0 !important;
}

.rich-editor-canvas h3,
.rich-preview-prose h3,
.team-story-box h3,
.team-club-story-content h3,
.rich-text h3 {
    display: block !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    color: #1e293b !important;
    margin: 18px 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.rich-editor-canvas h4,
.rich-preview-prose h4,
.team-story-box h4,
.team-club-story-content h4,
.rich-text h4 {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #334155 !important;
    margin: 14px 0 6px 0 !important;
}

/* In đậm, in nghiêng, gạch chân */
.rich-editor-canvas strong,
.rich-editor-canvas b,
.rich-preview-prose strong,
.rich-preview-prose b,
.team-story-box strong,
.team-story-box b,
.team-club-story-content strong,
.team-club-story-content b,
.rich-text strong,
.rich-text b {
    font-weight: 750 !important;
    color: #0f172a !important;
}

.rich-editor-canvas em,
.rich-editor-canvas i,
.rich-preview-prose em,
.rich-preview-prose i,
.team-story-box em,
.team-story-box i,
.team-club-story-content em,
.team-club-story-content i,
.rich-text em,
.rich-text i {
    font-style: italic !important;
}

.rich-editor-canvas u,
.rich-preview-prose u,
.team-story-box u,
.team-club-story-content u,
.rich-text u {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.rich-editor-canvas s,
.rich-editor-canvas strike,
.rich-editor-canvas del,
.rich-preview-prose s,
.rich-preview-prose strike,
.rich-preview-prose del,
.team-story-box s,
.team-story-box strike,
.team-story-box del,
.team-club-story-content s,
.team-club-story-content strike,
.team-club-story-content del,
.rich-text s,
.rich-text strike,
.rich-text del {
    text-decoration: line-through !important;
}

/* Danh sách gạch đầu dòng & số thứ tự */
.rich-editor-canvas ul,
.rich-preview-prose ul,
.team-story-box ul,
.team-club-story-content ul,
.rich-text ul {
    list-style-type: disc !important;
    margin: 12px 0 16px 0 !important;
    padding-left: 24px !important;
}

.rich-editor-canvas ol,
.rich-preview-prose ol,
.team-story-box ol,
.team-club-story-content ol,
.rich-text ol {
    list-style-type: decimal !important;
    margin: 12px 0 16px 0 !important;
    padding-left: 24px !important;
}

.rich-editor-canvas li,
.rich-preview-prose li,
.team-story-box li,
.team-club-story-content li,
.rich-text li {
    margin-bottom: 6px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
}

/* Khối trích dẫn (Blockquote) */
.rich-editor-canvas blockquote,
.rich-preview-prose blockquote,
.team-story-box blockquote,
.team-club-story-content blockquote,
.rich-text blockquote {
    display: block !important;
    margin: 18px 0 !important;
    padding: 14px 20px !important;
    border-left: 4px solid #0284c7 !important;
    background: #f8fafc !important;
    border-radius: 0 12px 12px 0 !important;
    font-style: italic !important;
    color: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.rich-editor-canvas blockquote p,
.rich-preview-prose blockquote p,
.team-story-box blockquote p,
.team-club-story-content blockquote p,
.rich-text blockquote p {
    color: #1e293b !important;
    margin-bottom: 0 !important;
    font-style: italic !important;
}

/* Liên kết (Links) */
.rich-editor-canvas a,
.rich-preview-prose a,
.team-story-box a,
.team-club-story-content a,
.rich-text a {
    color: #0284c7 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-weight: 600 !important;
    transition: color 0.15s ease !important;
}

.rich-editor-canvas a:hover,
.rich-preview-prose a:hover,
.team-story-box a:hover,
.team-club-story-content a:hover,
.rich-text a:hover {
    color: #0369a1 !important;
}

/* Ảnh & Video Đa Phương Tiện (Figures) */
.rich-editor-canvas figure,
.rich-preview-prose figure,
.team-story-box figure,
.team-club-story-content figure,
.rich-text figure {
    display: block !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.rich-editor-canvas figure img,
.rich-preview-prose figure img,
.team-story-box figure img,
.team-club-story-content figure img,
.rich-text figure img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e2e8f0 !important;
}

.rich-editor-canvas figure video,
.rich-editor-canvas figure iframe,
.rich-preview-prose figure video,
.rich-preview-prose figure iframe,
.team-story-box figure video,
.team-story-box figure iframe,
.team-club-story-content figure video,
.team-club-story-content figure iframe,
.rich-text figure video,
.rich-text figure iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 0 auto !important;
}

.rich-editor-canvas figcaption,
.rich-preview-prose figcaption,
.team-story-box figcaption,
.team-club-story-content figcaption,
.rich-text figcaption {
    display: block !important;
    font-size: 13px !important;
    color: #64748b !important;
    margin-top: 8px !important;
    font-style: italic !important;
    text-align: center !important;
}

/* ══════════════════════════════════════════════════════════════════════
   CHUẨN ĐỊNH DẠNG TẠP CHÍ TIN TỨC & BÀI VIẾT (ARTICLE.PHP & NEWS.PHP)
   ══════════════════════════════════════════════════════════════════════ */
.article-prose,
.article-prose.rich-text,
#article-prose-content {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    word-break: break-word !important;
}

.article-prose p {
    margin: 0 0 18px 0 !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    font-size: 16px !important;
}

.article-prose p:last-child {
    margin-bottom: 0 !important;
}

.article-prose h2 {
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    margin: 32px 0 14px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

.article-prose h2:first-child {
    margin-top: 0 !important;
}

.article-prose h3 {
    font-size: 19px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    color: #1e293b !important;
    margin: 24px 0 10px 0 !important;
}

.article-prose h4 {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #334155 !important;
    margin: 18px 0 8px 0 !important;
}

.article-prose strong,
.article-prose b {
    font-weight: 750 !important;
    color: #0f172a !important;
}

.article-prose em,
.article-prose i {
    font-style: italic !important;
}

.article-prose u {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.article-prose ul {
    list-style-type: disc !important;
    margin: 14px 0 20px 0 !important;
    padding-left: 26px !important;
}

.article-prose ol {
    list-style-type: decimal !important;
    margin: 14px 0 20px 0 !important;
    padding-left: 26px !important;
}

.article-prose li {
    font-size: 16px !important;
    line-height: 1.75 !important;
    margin-bottom: 8px !important;
    color: #334155 !important;
}

.article-prose blockquote {
    display: block !important;
    margin: 24px 0 !important;
    padding: 16px 24px !important;
    border-left: 4px solid #0284c7 !important;
    background: #f8fafc !important;
    border-radius: 0 14px 14px 0 !important;
    font-style: italic !important;
    font-size: 16.5px !important;
    color: #1e293b !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
}

.article-prose blockquote p {
    color: #1e293b !important;
    margin-bottom: 0 !important;
}

.article-prose figure {
    display: block !important;
    margin: 28px 0 !important;
    text-align: center !important;
}

.article-prose figure img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09) !important;
    border: 1px solid #e2e8f0 !important;
}

.article-prose figure video,
.article-prose figure iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 0 auto !important;
}

.article-prose figcaption {
    display: block !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    margin-top: 8px !important;
    font-style: italic !important;
}

.article-prose a {
    color: #0284c7 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-weight: 600 !important;
}

.article-prose a:hover {
    color: #0369a1 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   FIX TRIỆT ĐỂ LỖI ĐÈ CHỮ TIÊU ĐỀ LÊN DÒNG MÔ TẢ TRÊN THẺ TIN TỨC
   ══════════════════════════════════════════════════════════════════════ */
.news-card-pro .news-card-body,
.news-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 20px 22px 22px !important;
    background: #ffffff !important;
    min-width: 0 !important;
}

.news-card-pro .news-card-title,
.news-card-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    min-height: calc(1.45em * 2) !important;
    word-break: break-word !important;
}

.news-card-pro .news-card-title a,
.news-card-title a {
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    transition: color 0.2s ease !important;
}

.news-card-pro:hover .news-card-title a,
.news-card-pro:hover .news-card-title {
    color: #0284c7 !important;
}

.news-card-pro .news-card-excerpt,
.news-card-excerpt {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.6em * 3 + 1px) !important;
    position: relative !important;
    clear: both !important;
}

.news-card-pro .news-card-footer,
.news-card-footer {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* ══════════════════════════════════════════════════════════════════════
   HOMEPAGE CSS CONSOLIDATION & SCROLL PERFORMANCE OPTIMIZATION (PRO)
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. NEWS CARDS & TYPOGRAPHY FIXES ── */
/* ══════════════════════════════════════════════════════════════════════
   FIX TRIỆT ĐỂ LỖI ĐÈ CHỮ TIÊU ĐỀ LÊN DÒNG MÔ TẢ TRÊN THẺ TIN TỨC
   ══════════════════════════════════════════════════════════════════════ */
.news-card-pro .news-card-body,
.news-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 20px 22px 22px !important;
    background: #ffffff !important;
    min-width: 0 !important;
}

.news-card-pro .news-card-title,
.news-card-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    min-height: calc(1.45em * 2) !important;
    word-break: break-word !important;
}

.news-card-pro .news-card-title a,
.news-card-title a {
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    transition: color 0.2s ease !important;
}

.news-card-pro:hover .news-card-title a,
.news-card-pro:hover .news-card-title {
    color: #0284c7 !important;
}

.news-card-pro .news-card-excerpt,
.news-card-excerpt {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.6em * 3 + 1px) !important;
    position: relative !important;
    clear: both !important;
}

.news-card-pro .news-card-footer,
.news-card-footer {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* ── 2. STADIUM TIMELINE SHOWCASE PRO ── */
/* ══════════════════════════════════════════════════════════════════════
   FIX TRIỆT ĐỂ LỖI ĐÈ CHỮ TIÊU ĐỀ LÊN DÒNG MÔ TẢ TRÊN THẺ TIN TỨC
   ══════════════════════════════════════════════════════════════════════ */
.news-card-pro .news-card-body,
.news-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 20px 22px 22px !important;
    background: #ffffff !important;
    min-width: 0 !important;
}

.news-card-pro .news-card-title,
.news-card-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    min-height: calc(1.45em * 2) !important;
    word-break: break-word !important;
}

.news-card-pro .news-card-title a,
.news-card-title a {
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.45em * 2 + 1px) !important;
    transition: color 0.2s ease !important;
}

.news-card-pro:hover .news-card-title a,
.news-card-pro:hover .news-card-title {
    color: #0284c7 !important;
}

.news-card-pro .news-card-excerpt,
.news-card-excerpt {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.6em * 3 + 1px) !important;
    position: relative !important;
    clear: both !important;
}

.news-card-pro .news-card-footer,
.news-card-footer {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


            /* ═══════════════════════════════════════════════════════════════════
               STADIUM IN TIMELINE · BE VIETNAM PRO + DEEP NAVY SAPPHIRE
               ═══════════════════════════════════════════════════════════════════ */

            .timeline-stadium-showcase {
                position: relative;
                margin-top: clamp(40px, 5.5vw, 68px);
                width: 100%;
                color: #ffffff;
                font-family: var(--font-body, 'Be Vietnam Pro', system-ui, -apple-system, sans-serif);
                scroll-margin-top: 100px;
            }

            .timeline-stadium-showcase .std-wrap {
                position: relative;
                display: grid;
                grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr);
                gap: clamp(20px, 2.6vw, 36px);
                align-items: stretch;
                width: 100%;
                box-sizing: border-box;
            }

            /* ── KHUNG ẢNH SÂN CINEMATIC (SAPPHIRE GLASS) ── */
            .timeline-stadium-showcase .std-visual {
                position: relative;
                border-radius: 20px;
                overflow: hidden;
                background: #020e29;
                border: 1.5px solid rgba(118, 234, 255, 0.35);
                box-shadow:
                    0 20px 50px rgba(0, 6, 24, 0.65),
                    0 0 32px rgba(14, 165, 233, 0.15);
                display: flex;
                aspect-ratio: 16 / 9;
                width: 100%;
                min-height: 220px;
            }

            .timeline-stadium-showcase .std-visual img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            }

            .timeline-stadium-showcase .std-visual:hover img {
                transform: scale(1.035);
            }

            .timeline-stadium-showcase .std-visual-overlay {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    180deg,
                    rgba(2, 10, 32, 0.15) 0%,
                    transparent 50%,
                    rgba(2, 10, 32, 0.7) 100%
                );
                pointer-events: none;
                z-index: 2;
            }

            .timeline-stadium-showcase .std-visual-placeholder {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 10px;
                color: rgba(56, 189, 248, 0.45);
                font-size: clamp(11px, 1.2vw, 13px);
                font-weight: 800;
                letter-spacing: 0.1em;
                text-transform: uppercase;
            }

            /* ── BẢNG THÔNG TIN MATCHDAY VENUE PANEL ── */
            .timeline-stadium-showcase .std-panel {
                background: rgba(2, 18, 48, 0.88);
                backdrop-filter: blur(24px);
                -webkit-backdrop-filter: blur(24px);
                border: 1.5px solid rgba(118, 234, 255, 0.32);
                border-radius: 20px;
                box-shadow:
                    0 20px 50px rgba(0, 5, 22, 0.55),
                    inset 0 0 32px rgba(14, 165, 233, 0.06);
                padding: clamp(22px, 2.8vw, 36px) clamp(20px, 2.2vw, 28px);
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: clamp(16px, 2vw, 22px);
                box-sizing: border-box;
            }

            .timeline-stadium-showcase .std-heading {
                font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif);
                font-size: clamp(18px, 1.6vw, 23px);
                font-weight: 950;
                letter-spacing: -0.02em;
                line-height: 1.3;
                text-transform: uppercase;
                color: #ffffff;
                margin: 0;
                display: flex;
                flex-direction: column;
                gap: 6px;
                text-wrap: balance;
            }

            .timeline-stadium-showcase .std-heading span {
                display: block;
                text-wrap: balance;
            }

            @media (min-width: 961px) {
                .timeline-stadium-showcase .std-heading span {
                    white-space: nowrap;
                }
            }

            .timeline-stadium-showcase .std-heading em {
                font-size: clamp(13px, 1.2vw, 15.5px);
                font-weight: 750;
                font-style: normal;
                color: #38bdf8;
                letter-spacing: 0.02em;
                line-height: 1.35;
                white-space: normal;
            }

            /* ── NÚT CHỈ ĐƯỜNG GOOGLE MAPS TINH TẾ NHẸ NHÀNG ── */
            .timeline-stadium-showcase .std-maps-btn {
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, rgba(2, 132, 199, 0.28) 0%, rgba(3, 105, 161, 0.42) 100%);
                border: 1.2px solid rgba(56, 189, 248, 0.45);
                border-radius: 12px;
                padding: 10px 14px;
                display: flex;
                align-items: center;
                gap: 12px;
                color: #ffffff;
                text-decoration: none;
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
                transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
                -webkit-tap-highlight-color: transparent;
                touch-action: manipulation;
                margin-top: 2px;
            }

            .timeline-stadium-showcase .std-maps-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 28px rgba(2, 132, 199, 0.45);
                border-color: rgba(56, 189, 248, 0.85);
                background: linear-gradient(135deg, rgba(14, 165, 233, 0.4) 0%, rgba(2, 132, 199, 0.55) 100%);
            }

            .timeline-stadium-showcase .std-maps-btn:active {
                transform: scale(0.98);
            }

            .timeline-stadium-showcase .std-maps-btn:focus-visible {
                outline: 3px solid #ffffff;
                outline-offset: 4px;
                border-color: #7eeafb;
            }

            .timeline-stadium-showcase .std-maps-icon {
                width: 32px;
                height: 32px;
                flex: 0 0 32px;
                border-radius: 50%;
                background: rgba(56, 189, 248, 0.18);
                border: 1px solid rgba(56, 189, 248, 0.4);
                color: #38bdf8;
                display: grid;
                place-items: center;
            }

            .timeline-stadium-showcase .std-maps-icon svg {
                width: 16px;
                height: 16px;
            }

            .timeline-stadium-showcase .std-maps-text {
                flex: 1 1 auto;
                display: flex;
                align-items: center;
                min-width: 0;
            }

            .timeline-stadium-showcase .std-maps-text span,
            .timeline-stadium-showcase .std-maps-text strong {
                color: #f0f9ff;
                font-size: 13px;
                font-weight: 500;
                text-transform: none;
                letter-spacing: 0.01em;
                line-height: 1.4;
                word-break: break-word;
                white-space: normal;
            }

            .timeline-stadium-showcase .std-maps-arrow {
                color: #ffffff;
                display: grid;
                place-items: center;
                flex: 0 0 20px;
                width: 20px;
                height: 20px;
                transition: transform 0.3s ease;
            }

            .timeline-stadium-showcase .std-maps-arrow svg {
                width: 18px;
                height: 18px;
            }

            .timeline-stadium-showcase .std-maps-btn:hover .std-maps-arrow {
                transform: translate(3px, -3px);
            }

            /* ── RESPONSIVE MOBILE & TABLET ── */
            @media screen and (max-width: 960px) {
                .timeline-stadium-showcase {
                    margin-top: 24px;
                }
                .timeline-stadium-showcase .std-wrap {
                    grid-template-columns: 1fr;
                    gap: 12px;
                }
                .timeline-stadium-showcase .std-visual {
                    aspect-ratio: 21 / 9;
                    min-height: 130px;
                    border-radius: 16px;
                }
                .timeline-stadium-showcase .std-panel {
                    gap: 12px;
                    padding: 16px 18px;
                    border-radius: 16px;
                    text-align: center;
                    align-items: center;
                }
                .timeline-stadium-showcase .std-panel > div:first-child {
                    text-align: center;
                    width: 100%;
                }
                .timeline-stadium-showcase .std-heading {
                    font-size: 18px;
                    text-align: center !important;
                    align-items: center !important;
                    justify-content: center !important;
                }
                .timeline-stadium-showcase .std-heading em {
                    font-size: 12.5px;
                    text-align: center !important;
                }
                .timeline-stadium-showcase .std-maps-btn {
                    width: 100%;
                    box-sizing: border-box;
                }
            }

            @media screen and (max-width: 480px) {
                .timeline-stadium-showcase {
                    margin-top: 18px;
                }
                .timeline-stadium-showcase .std-wrap {
                    gap: 10px;
                }
                .timeline-stadium-showcase .std-visual {
                    aspect-ratio: 2 / 1;
                    min-height: 120px;
                    border-radius: 14px;
                }
                .timeline-stadium-showcase .std-panel {
                    padding: 13px 14px;
                    border-radius: 14px;
                    gap: 10px;
                    text-align: center;
                    align-items: center;
                }
                .timeline-stadium-showcase .std-panel > div:first-child {
                    text-align: center;
                    width: 100%;
                }
                .timeline-stadium-showcase .std-heading {
                    font-size: 16px;
                    gap: 3px;
                    text-align: center !important;
                    align-items: center !important;
                    justify-content: center !important;
                }
                .timeline-stadium-showcase .std-heading em {
                    font-size: 11.5px;
                    text-align: center !important;
                }
                .timeline-stadium-showcase .std-maps-btn {
                    padding: 8px 12px;
                    gap: 10px;
                    border-radius: 10px;
                }
                .timeline-stadium-showcase .std-maps-icon {
                    width: 32px;
                    height: 32px;
                    flex: 0 0 32px;
                }
                .timeline-stadium-showcase .std-maps-icon svg {
                    width: 16px;
                    height: 16px;
                }
                .timeline-stadium-showcase .std-maps-text strong {
                    font-size: 12px;
                    line-height: 1.3;
                }
                .timeline-stadium-showcase .std-maps-text em {
                    font-size: 10.5px;
                    line-height: 1.25;
                }
                .timeline-stadium-showcase .std-maps-arrow {
                    width: 16px;
                    height: 16px;
                    flex: 0 0 16px;
                }
                .timeline-stadium-showcase .std-maps-arrow svg {
                    width: 15px;
                    height: 15px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .timeline-stadium-showcase .std-visual img,
                .timeline-stadium-showcase .std-maps-btn,
                .timeline-stadium-showcase .std-maps-arrow {
                    transition: none;
                }

                .timeline-stadium-showcase .std-visual:hover img,
                .timeline-stadium-showcase .std-maps-btn:hover,
                .timeline-stadium-showcase .std-maps-btn:active {
                    transform: none;
                }
            }

/* ── 3. CONTENT-VISIBILITY RENDERING BOOST ── */
@supports (content-visibility: auto) {
    .section#dieu-le,
    .section#giai-thuong,
    .section#tin-tuc,
    .timeline-stadium-showcase,
    .destination#hanh-trinh,
    .section.sponsors-section#nha-tai-tro,
    .section#lien-he,
    .site-footer {
        content-visibility: auto;
        contain-intrinsic-size: 1px 750px;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   4 PRO VISUAL UPGRADES FOR HOMEPAGE (CHAMPIONS LEAGUE LEVEL)
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. METALLIC GOLD SHINE SWEEP ON CUPS & AWARDS ── */
.award-card,
.awards-hero-trophy,
.award-card-champion,
.awards-tier-card,
.award-prize-item,
.award-podium-card,
.award-trophy-stage {
    position: relative !important;
    overflow: hidden !important;
}

.award-card::after,
.awards-hero-trophy::after,
.award-card-champion::after,
.awards-tier-card::after,
.award-prize-item::after,
.award-podium-card::after,
.award-trophy-stage::after {
    content: '' !important;
    position: absolute !important;
    top: -60% !important;
    left: -120% !important;
    width: 60% !important;
    height: 220% !important;
    background: linear-gradient(
        105deg,
        transparent 25%,
        rgba(255, 235, 130, 0.35) 45%,
        rgba(255, 255, 255, 0.65) 50%,
        rgba(255, 215, 0, 0.35) 55%,
        transparent 75%
    ) !important;
    transform: rotate(25deg) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.15s ease, transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 8 !important;
}

.award-card:hover::after,
.awards-hero-trophy:hover::after,
.award-card-champion:hover::after,
.awards-tier-card:hover::after,
.award-prize-item:hover::after,
.award-podium-card:hover::after,
.award-trophy-stage:hover::after {
    opacity: 1 !important;
    left: 140% !important;
    transform: rotate(25deg) translateX(80px) !important;
}

/* ── 2. 3D TILT TEAM CARDS (FIFA / APPLE CARD) ── */
.teams-showcase .team-cards {
    perspective: 1200px !important;
}

.team-card {
    transform-style: preserve-3d !important;
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s ease, border-color 0.22s ease !important;
    will-change: transform !important;
    position: relative !important;
}

.team-card .team-card-logo {
    transform: translateZ(24px) !important;
    transition: transform 0.22s ease !important;
}

.team-card .team-card-copy strong {
    transform: translateZ(16px) !important;
}

.team-card .team-city-badge {
    transform: translateZ(14px) !important;
}

.team-card-glare {
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(
        circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
        rgba(255, 255, 255, 0.22) 0%,
        transparent 65%
    ) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
    z-index: 10 !important;
}

.team-card:hover .team-card-glare {
    opacity: 1 !important;
}

/* ── 3. SPORT LED NEON COUNTDOWN (SAPPHIRE & AMBER GLOW) ── */
.hero-countdown,
.countdown-box,
.countdown-stage {
    background: radial-gradient(135deg, rgba(2, 18, 54, 0.85) 0%, rgba(1, 8, 28, 0.95) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.4) !important;
    box-shadow:
        0 15px 40px rgba(0, 5, 20, 0.7),
        0 0 25px rgba(14, 165, 233, 0.22),
        inset 0 0 20px rgba(56, 189, 248, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.countdown-num,
.countdown-val {
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow:
        0 0 10px rgba(56, 189, 248, 0.8),
        0 0 20px rgba(14, 165, 233, 0.45) !important;
    letter-spacing: -0.02em !important;
}

.countdown-unit.is-seconds .countdown-num,
.countdown-unit.is-seconds .countdown-val {
    color: #fde047 !important;
    text-shadow:
        0 0 10px rgba(250, 204, 21, 0.85),
        0 0 22px rgba(234, 179, 8, 0.5) !important;
    animation: neonTick 1s ease-in-out infinite alternate !important;
}

@keyframes neonTick {
    0% { transform: scale(1); filter: brightness(1); }
    100% { transform: scale(1.04); filter: brightness(1.18); }
}

/* ── 4. QUY NHON OCEAN WAVES MOTION (LIỀN MẠCH) ── */
.quynhon-ocean-waves {
    position: relative !important;
    width: 100% !important;
    height: clamp(46px, 5.5vw, 68px) !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    background: linear-gradient(180deg, #05285c 0%, #031c42 100%) !important;
    overflow: hidden !important;
    pointer-events: none !important;
    line-height: 0 !important;
    z-index: 2 !important;
}

.quynhon-ocean-waves svg {
    position: relative !important;
    display: block !important;
    width: calc(200% + 1.3px) !important;
    height: 100% !important;
}

.wave-parallax > use {
    animation: moveWave 14s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite !important;
}
.wave-parallax > use:nth-child(1) {
    animation-delay: -2s !important;
    animation-duration: 9s !important;
    fill: rgba(14, 165, 233, 0.42) !important;
}
.wave-parallax > use:nth-child(2) {
    animation-delay: -4s !important;
    animation-duration: 13s !important;
    fill: rgba(56, 189, 248, 0.72) !important;
}
.wave-parallax > use:nth-child(3) {
    animation-delay: -5s !important;
    animation-duration: 18s !important;
    fill: #ffffff !important;
}

@keyframes moveWave {
    0% { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(85px, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .wave-parallax > use,
    .countdown-unit.is-seconds .countdown-num,
    .countdown-unit.is-seconds .countdown-val {
        animation: none !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DEEP SAPPHIRE NAVY GLASS THEME FOR AWARDS TEASER (HOMEPAGE SYNC)
   ═════════════════════════════════════════════════════════════════════ */
:where(body, html, .home-page, body.home-page) .awards-teaser-section {
    position: relative !important;
    padding: 72px 0 84px !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.12), transparent 50%),
                radial-gradient(circle at 15% 85%, rgba(14, 165, 233, 0.15), transparent 50%),
                linear-gradient(180deg, #020b22 0%, #031338 50%, #020e29 100%) !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(56, 189, 248, 0.22) !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.22) !important;
    overflow: hidden !important;
}

:where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
    font-size: clamp(30px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 25px rgba(56, 189, 248, 0.55) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* ── 3 BENTO CARDS DEEP SAPPHIRE GLASS ── */
:where(body, html, .home-page, body.home-page) .awards-card-light {
    background: linear-gradient(165deg, rgba(2, 18, 54, 0.88) 0%, rgba(1, 10, 32, 0.96) 100%) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-radius: 22px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), inset 0 0 24px rgba(14, 165, 233, 0.05) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover {
    transform: translateY(-7px) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.55) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(245, 158, 11, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a:hover {
    border-color: rgba(251, 191, 36, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(245, 158, 11, 0.35) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b {
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(14, 165, 233, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b:hover {
    border-color: rgba(125, 211, 252, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(14, 165, 233, 0.35) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple {
    border: 1.5px solid rgba(192, 132, 252, 0.5) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(168, 85, 247, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple:hover {
    border-color: rgba(216, 180, 254, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(168, 85, 247, 0.35) !important;
}

/* Card Titles */
:where(body, html, .home-page, body.home-page) .awards-card-main-title {
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a .awards-card-main-title {
    color: #fde047 !important;
    text-shadow: 0 0 15px rgba(250, 204, 21, 0.45) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b .awards-card-main-title {
    color: #7dd3fc !important;
    text-shadow: 0 0 15px rgba(56, 189, 248, 0.45) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple .awards-card-main-title {
    color: #e9d5ff !important;
    text-shadow: 0 0 15px rgba(192, 132, 252, 0.45) !important;
}

/* Prize Box Inner */
.awards-prize-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-prize-card.is-gold {
    border-left: 4px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-card.is-purple {
    border-left: 4px solid #c084fc !important;
}

.awards-prize-text {
    color: #cbd5e1 !important;
}
.awards-prize-text strong {
    color: #ffffff !important;
}

/* Subcategories */
.awards-subcategories-title {
    color: #94a3b8 !important;
}
.awards-chip-item {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f1f5f9 !important;
}

/* Action Buttons */
.awards-teaser-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(10px) !important;
}
.awards-teaser-action-btn.is-gold {
    background: rgba(245, 158, 11, 0.16) !important;
    border: 1.2px solid rgba(245, 158, 11, 0.45) !important;
    color: #fef08a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4) !important;
}

.awards-teaser-action-btn.is-blue {
    background: rgba(2, 132, 199, 0.16) !important;
    border: 1.2px solid rgba(56, 189, 248, 0.45) !important;
    color: #bae6fd !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.4) !important;
}

.awards-teaser-action-btn.is-purple {
    background: rgba(147, 51, 234, 0.16) !important;
    border: 1.2px solid rgba(192, 132, 252, 0.45) !important;
    color: #e9d5ff !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(147, 51, 234, 0.4) !important;
}

/* Header Pills */
.awards-pill-badge.is-gold { background: rgba(245, 158, 11, 0.2) !important; border: 1px solid rgba(245, 158, 11, 0.4) !important; color: #fef08a !important; }
.awards-pill-badge.is-gold .awards-pill-num, .awards-pill-badge.is-gold .awards-pill-name { color: #fef08a !important; }

.awards-pill-badge.is-blue { background: rgba(14, 165, 233, 0.2) !important; border: 1px solid rgba(56, 189, 248, 0.4) !important; color: #bae6fd !important; }
.awards-pill-badge.is-blue .awards-pill-num, .awards-pill-badge.is-blue .awards-pill-name { color: #bae6fd !important; }

.awards-pill-badge.is-purple { background: rgba(168, 85, 247, 0.2) !important; border: 1px solid rgba(192, 132, 252, 0.4) !important; color: #e9d5ff !important; }
.awards-pill-badge.is-purple .awards-pill-num, .awards-pill-badge.is-purple .awards-pill-name { color: #e9d5ff !important; }

.awards-chip.is-gold { background: rgba(245, 158, 11, 0.18) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.4) !important; }
.awards-chip.is-blue { background: rgba(14, 165, 233, 0.18) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.4) !important; }
.awards-chip.is-purple { background: rgba(168, 85, 247, 0.18) !important; color: #e9d5ff !important; border: 1px solid rgba(192, 132, 252, 0.4) !important; }


/* ═════════════════════════════════════════════════════════════════════
   ULTRA LUXURY DEEP SAPPHIRE AWARDS TEASER (PERFECT CONTRAST & BEAUTY)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section {
    position: relative !important;
    padding: clamp(60px, 7vw, 92px) 0 !important;
    background: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.18) 0%, transparent 60%),
                radial-gradient(circle at 88% 75%, rgba(245, 158, 11, 0.12) 0%, transparent 50%),
                linear-gradient(180deg, #020b22 0%, #031338 50%, #01081f 100%) !important;
    color: #ffffff !important;
    border-top: 1.5px solid rgba(56, 189, 248, 0.25) !important;
    border-bottom: 1.5px solid rgba(56, 189, 248, 0.25) !important;
    overflow: hidden !important;
}

.awards-teaser-kicker {
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #fbbf24 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    text-shadow: 0 0 12px rgba(251, 191, 36, 0.45) !important;
}

.awards-teaser-head-copy h2#awards-teaser-title {
    font-size: clamp(28px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.55), 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 26px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    color: #020b22 !important;
    font-weight: 950 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-btn-main:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(245, 158, 11, 0.65) !important;
    background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
}
.awards-btn-main-arrow {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(2, 11, 34, 0.22) !important;
    color: #020b22 !important;
}

/* ── 3 PODIUM CARDS LUXURY ── */
.awards-teaser-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    margin-top: 36px !important;
}

.awards-podium-card {
    background: rgba(3, 16, 46, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    padding: 26px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 20px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), inset 0 0 25px rgba(56, 189, 248, 0.04) !important;
}
.awards-podium-card:hover {
    transform: translateY(-8px) !important;
}

/* Serie A Card */
.awards-podium-card.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(245, 158, 11, 0.18) !important;
}
.awards-podium-card.is-serie-a:hover {
    border-color: #fbbf24 !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(245, 158, 11, 0.45) !important;
}

/* Serie B Card */
.awards-podium-card.is-serie-b {
    border: 1.5px solid rgba(56, 189, 248, 0.55) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(14, 165, 233, 0.18) !important;
}
.awards-podium-card.is-serie-b:hover {
    border-color: #7dd3fc !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(14, 165, 233, 0.45) !important;
}

/* Individual Card */
.awards-podium-card.is-purple {
    border: 1.5px solid rgba(192, 132, 252, 0.55) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(168, 85, 247, 0.18) !important;
}
.awards-podium-card.is-purple:hover {
    border-color: #d8b4fe !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(168, 85, 247, 0.45) !important;
}

/* Card Header */
.awards-podium-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.awards-podium-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
}
.awards-podium-pill.is-gold { background: rgba(245, 158, 11, 0.22) !important; border: 1.2px solid rgba(245, 158, 11, 0.55) !important; color: #fef08a !important; }
.awards-podium-pill.is-blue { background: rgba(14, 165, 233, 0.22) !important; border: 1.2px solid rgba(56, 189, 248, 0.55) !important; color: #bae6fd !important; }
.awards-podium-pill.is-purple { background: rgba(168, 85, 247, 0.22) !important; border: 1.2px solid rgba(192, 132, 252, 0.55) !important; color: #e9d5ff !important; }
.awards-podium-pill .pill-num { font-size: 13.5px !important; font-weight: 950 !important; }
.awards-podium-pill .pill-name { font-size: 10.5px !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }

.awards-podium-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 5px 10px !important;
    border-radius: 7px !important;
    text-transform: uppercase !important;
}
.awards-podium-chip.is-gold { background: rgba(245, 158, 11, 0.18) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-podium-chip.is-blue { background: rgba(14, 165, 233, 0.18) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.45) !important; }
.awards-podium-chip.is-purple { background: rgba(168, 85, 247, 0.18) !important; color: #e9d5ff !important; border: 1px solid rgba(192, 132, 252, 0.45) !important; }

/* Visual Icon */
.awards-podium-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 0 !important;
}
.awards-podium-icon-box {
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-podium-card:hover .awards-podium-icon-box {
    transform: scale(1.1) !important;
}
.awards-podium-icon-box.is-gold {
    background: radial-gradient(circle, rgba(254, 240, 138, 0.25) 0%, rgba(245, 158, 11, 0.15) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.25) !important;
}
.awards-podium-icon-box.is-blue {
    background: radial-gradient(circle, rgba(186, 230, 253, 0.25) 0%, rgba(2, 132, 199, 0.15) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.25) !important;
}
.awards-podium-icon-box.is-purple {
    background: radial-gradient(circle, rgba(243, 232, 255, 0.25) 0%, rgba(147, 51, 234, 0.15) 100%) !important;
    border: 1.5px solid rgba(192, 132, 252, 0.6) !important;
    box-shadow: 0 10px 25px rgba(147, 51, 234, 0.25) !important;
}

/* Titles */
.awards-podium-title {
    font-size: 20px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}
.awards-podium-title.is-gold { color: #fbbf24 !important; text-shadow: 0 0 18px rgba(251, 191, 36, 0.55) !important; }
.awards-podium-title.is-blue { color: #38bdf8 !important; text-shadow: 0 0 18px rgba(56, 189, 248, 0.55) !important; }
.awards-podium-title.is-purple { color: #c084fc !important; text-shadow: 0 0 18px rgba(192, 132, 252, 0.55) !important; }

/* Prize Box Inner */
.awards-podium-prize-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
}
.awards-podium-prize-box.is-gold { border-left: 4px solid #fbbf24 !important; }
.awards-podium-prize-box.is-blue { border-left: 4px solid #38bdf8 !important; }
.awards-podium-prize-box.is-purple { border-left: 4px solid #c084fc !important; }

.awards-podium-prize-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-podium-prize-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; }
.awards-podium-prize-icon.is-blue { background: rgba(14, 165, 233, 0.25) !important; color: #7dd3fc !important; }
.awards-podium-prize-icon.is-purple { background: rgba(168, 85, 247, 0.25) !important; color: #e9d5ff !important; }
.awards-podium-prize-icon svg { width: 17px !important; height: 17px !important; }

.awards-podium-prize-text {
    font-size: 12.5px !important;
    color: #e2e8f0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.awards-podium-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Subcategories */
.awards-podium-subcategories {
    margin-top: 4px !important;
}
.subcategories-label {
    display: block !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    margin-bottom: 7px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.04em !important;
}
.subcategories-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 9px !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f8fafc !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

/* Action Buttons */
.awards-podium-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(10px) !important;
}
.awards-podium-action-btn.is-gold {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.25) 0%, rgba(217, 119, 6, 0.35) 100%) !important;
    border: 1.2px solid rgba(245, 158, 11, 0.6) !important;
    color: #fef08a !important;
}
.awards-podium-card.is-serie-a:hover .awards-podium-action-btn.is-gold {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.5) !important;
}

.awards-podium-action-btn.is-blue {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.25) 0%, rgba(3, 105, 161, 0.35) 100%) !important;
    border: 1.2px solid rgba(56, 189, 248, 0.6) !important;
    color: #bae6fd !important;
}
.awards-podium-card.is-serie-b:hover .awards-podium-action-btn.is-blue {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5) !important;
}

.awards-podium-action-btn.is-purple {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.25) 0%, rgba(126, 34, 206, 0.35) 100%) !important;
    border: 1.2px solid rgba(192, 132, 252, 0.6) !important;
    color: #e9d5ff !important;
}
.awards-podium-card.is-purple:hover .awards-podium-action-btn.is-purple {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(147, 51, 234, 0.5) !important;
}
.awards-podium-action-btn svg { width: 15px !important; height: 15px !important; transition: transform 0.2s ease !important; }
.awards-podium-card:hover .awards-podium-action-btn svg { transform: translateX(4px) !important; }

@media (max-width: 900px) {
    .awards-teaser-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   PERFECT BALANCED AWARDS PODIUM (NO WORD BREAKS & FLAWLESS ALIGNMENT)
   ═════════════════════════════════════════════════════════════════════ */

.awards-podium-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

.awards-podium-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.awards-podium-pill .pill-num { font-size: 13px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-podium-pill .pill-name { font-size: 10px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; line-height: 1 !important; }

.awards-podium-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.awards-podium-chip svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
.awards-podium-chip span {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* Equal Height & Spacing across 3 Cards */
.awards-podium-card {
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.awards-podium-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.awards-podium-prize-box {
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
}

.awards-podium-prize-text {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
    text-align: left !important;
}

.awards-podium-subcategories {
    min-height: 68px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.subcategories-label {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    display: block !important;
}
.subcategories-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    align-items: center !important;
}
.chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}
.chip-svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-shrink: 0 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CYBER SAPPHIRE NEON GLASS THEME FOR AWARDS (MATCHES REGULATIONS PRO)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section {
    position: relative !important;
    padding: clamp(64px, 7.5vw, 96px) 0 !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(24, 189, 242, 0.18), transparent 36%),
        radial-gradient(circle at 88% 78%, rgba(18, 99, 199, 0.22), transparent 38%),
        linear-gradient(120deg, #020817 0%, #061a3d 46%, #0a3678 100%) !important;
    color: #ffffff !important;
    border-top: 1.5px solid rgba(127, 234, 251, 0.3) !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.3) !important;
    overflow: hidden !important;
}

/* Header */
.awards-cyber-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 38px !important;
}

.awards-cyber-kicker {
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #7feafb !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    text-shadow: 0 0 12px rgba(127, 234, 251, 0.6) !important;
}

.awards-cyber-main-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 18px rgba(127, 234, 251, 0.55)) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-cyber-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 18px 10px 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.95) 0%, rgba(14, 85, 185, 0.6) 60%, rgba(56, 189, 248, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    box-shadow: 0 8px 24px rgba(0, 7, 26, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 20px rgba(127, 234, 251, 0.25) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-cyber-top-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 12px 32px rgba(0, 7, 26, 0.65), 0 0 30px rgba(127, 234, 251, 0.45) !important;
    background: linear-gradient(135deg, rgba(14, 85, 185, 0.9) 0%, rgba(56, 189, 248, 0.7) 100%) !important;
}
.btn-arrow-circle {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(127, 234, 251, 0.2) !important;
    border: 1px solid rgba(127, 234, 251, 0.5) !important;
    color: #7feafb !important;
}
.btn-arrow-circle svg {
    width: 13px !important;
    height: 13px !important;
    transition: transform 0.25s ease !important;
}
.awards-cyber-top-btn:hover .btn-arrow-circle svg {
    transform: translateX(3px) !important;
}

/* Grid & Cards */
.awards-cyber-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.awards-cyber-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.94) 0%, rgba(10, 48, 108, 0.7) 60%, rgba(2, 14, 40, 0.96) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    border-radius: 22px !important;
    padding: 24px !important;
    box-shadow: 0 16px 45px rgba(0, 6, 24, 0.65), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 25px rgba(127, 234, 251, 0.15) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 480px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

.awards-cyber-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 24px 60px rgba(0, 6, 24, 0.8), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 40px rgba(127, 234, 251, 0.45) !important;
}

.cyber-card-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    gap: 18px !important;
}

/* Card Top Bar */
.cyber-card-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

.cyber-num-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 10px 4px 4px !important;
    border-radius: 10px !important;
    background: rgba(127, 234, 251, 0.1) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.4) !important;
}
.cyber-num-badge b {
    min-width: 32px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, rgba(127, 234, 251, 0.35), rgba(25, 118, 243, 0.45)) !important;
    border: 1px solid rgba(127, 234, 251, 0.7) !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-shadow: 0 0 8px rgba(127, 234, 251, 0.8) !important;
}
.cyber-num-badge strong {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.cyber-chip-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    background: rgba(14, 85, 185, 0.3) !important;
    border: 1px solid rgba(127, 234, 251, 0.4) !important;
    color: #e0f8fc !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
.cyber-chip-tag svg {
    width: 12px !important;
    height: 12px !important;
    display: block !important;
    flex-shrink: 0 !important;
    color: #7feafb !important;
}

/* Center Visual */
.cyber-visual-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 0 !important;
}
.cyber-crystal-disc {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(127, 234, 251, 0.25) 0%, rgba(14, 85, 185, 0.35) 60%, rgba(6, 32, 75, 0.5) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.6) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 20px rgba(127, 234, 251, 0.35) !important;
    display: grid !important;
    place-items: center !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-cyber-card:hover .cyber-crystal-disc {
    transform: scale(1.1) !important;
}
.cyber-vector-icon {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
}

/* Title & Content */
.cyber-card-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.cyber-card-title {
    font-size: 20px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(127, 234, 251, 0.4)) !important;
}

.cyber-prize-row {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
}
.cyber-prize-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(127, 234, 251, 0.18) !important;
    border: 1px solid rgba(127, 234, 251, 0.45) !important;
    color: #7feafb !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.cyber-prize-icon svg {
    width: 17px !important;
    height: 17px !important;
}
.cyber-prize-text {
    font-size: 12px !important;
    color: #e0f2fe !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-align: left !important;
}
.cyber-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Subcategories */
.cyber-sub-wrap {
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.cyber-sub-label {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.cyber-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    align-items: center !important;
}
.cyber-sub-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 9px !important;
    border-radius: 6px !important;
    background: rgba(14, 85, 185, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.3) !important;
    color: #f0fdfa !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}
.cyber-sub-chip svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-shrink: 0 !important;
    color: #7feafb !important;
}

/* Action Button */
.cyber-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.95) 0%, rgba(14, 85, 185, 0.7) 60%, rgba(56, 189, 248, 0.4) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(0, 7, 26, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    transition: all 0.28s ease !important;
}
.awards-cyber-card:hover .cyber-action-btn {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 10px 28px rgba(14, 165, 233, 0.5) !important;
}
.cyber-action-btn .btn-arrow-circle {
    width: 22px !important;
    height: 22px !important;
}

@media (max-width: 900px) {
    .awards-cyber-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'VINH DANH ĐỈNH CAO' - PHONG CÁCH 100% 'TÌNH ANH EM GẮN KẾT'
   (WHITE TO CYAN-BLUE GRADIENT PRO MAX)
   ═════════════════════════════════════════════════════════════════════ */
.awards-cyber-main-heading,
#awards-teaser-title,
.awards-cyber-main-heading > span,
#awards-teaser-title > span,
:where(.home-page, body) .awards-cyber-main-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.05em !important;
    margin: 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.awards-cyber-main-heading::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-cyber-main-heading,
    #awards-teaser-title,
    .awards-cyber-main-heading > span,
    #awards-teaser-title > span {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .awards-cyber-main-heading::after,
    #awards-teaser-title::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - 100% EXACT BACKGROUND MATCH WITH REGULATIONS TEASER
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section,
:where(.home-page, body) .awards-teaser-section,
body.home-page .awards-teaser-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding-block: clamp(88px, 8.6vw, 132px) !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.045) 1px, transparent 1px),
        radial-gradient(circle at 8% 14%, rgba(24, 142, 226, 0.28), transparent 27%),
        radial-gradient(circle at 92% 78%, rgba(22, 202, 230, 0.15), transparent 30%),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto, auto, auto !important;
    border-top: 1px solid rgba(176, 241, 250, 0.15) !important;
    border-bottom: 1px solid rgba(176, 241, 250, 0.15) !important;
}

.awards-teaser-section::before {
    content: 'AWARDS' !important;
    position: absolute !important;
    right: -0.03em !important;
    bottom: -0.12em !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(195, 246, 252, 0.055) !important;
    font-size: clamp(120px, 18vw, 280px) !important;
    line-height: 0.72 !important;
    letter-spacing: -0.09em !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-weight: 950 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.awards-teaser-inner {
    position: relative !important;
    z-index: 2 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CLEAN SOFT BACKGROUND (XÓA BỎ HOÀN TOÀN CÁC ĐỐM SÁNG VÒNG TRÒN THỪA)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-bg-decor,
.awards-decor-circle,
.awards-teaser-section .awards-decor-circle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.awards-teaser-section,
:where(.home-page, body) .awards-teaser-section,
body.home-page .awards-teaser-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding-block: clamp(72px, 7vw, 108px) !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
    border-top: 1px solid rgba(176, 241, 250, 0.15) !important;
    border-bottom: 1px solid rgba(176, 241, 250, 0.15) !important;
}

.awards-teaser-section::before {
    display: none !important;
}


/* ═════════════════════════════════════════════════════════════════════
   VECTOR ATMOSPHERE CONCENTRIC RINGS & FIELD LINES (MATCHES OTHER SECTIONS)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-atmosphere {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    display: block !important;
}

.awards-teaser-atmosphere::before,
.awards-teaser-atmosphere::after {
    content: '' !important;
    position: absolute !important;
    border: 1px solid rgba(142, 234, 249, 0.13) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.awards-teaser-atmosphere::before {
    width: 510px !important;
    height: 510px !important;
    left: -220px !important;
    bottom: -220px !important;
    box-shadow: 0 0 0 58px rgba(125, 227, 246, 0.025), 0 0 0 116px rgba(125, 227, 246, 0.016) !important;
}

.awards-teaser-atmosphere::after {
    width: 460px !important;
    height: 460px !important;
    right: -220px !important;
    top: -220px !important;
    box-shadow: 0 0 0 52px rgba(86, 194, 242, 0.028) !important;
}

.awards-teaser-atmosphere i {
    position: absolute !important;
    width: 46vw !important;
    height: 1px !important;
    left: -8vw !important;
    background: linear-gradient(90deg, transparent, rgba(133, 235, 248, 0.24), transparent) !important;
    transform: rotate(-28deg) !important;
    pointer-events: none !important;
}

.awards-teaser-atmosphere i:first-child {
    top: 24% !important;
}

.awards-teaser-atmosphere i:nth-child(2) {
    top: 68% !important;
    left: 42% !important;
    width: 34vw !important;
    opacity: 0.62 !important;
    transform: rotate(47deg) !important;
}

.awards-teaser-atmosphere b {
    display: none !important;
}

.awards-teaser-inner {
    position: relative !important;
    z-index: 3 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   MOBILE UX PRO MAX: HORIZONTAL SWIPE SNAP (GỌN GÀNG, HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    .awards-teaser-section {
        padding-block: 42px 46px !important;
    }

    .awards-cyber-header {
        margin-bottom: 22px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .awards-cyber-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 14px !important;
        padding: 6px 16px 14px !important;
        margin: 0 -16px !important;
        scrollbar-width: none !important;
    }
    .awards-cyber-grid::-webkit-scrollbar {
        display: none !important;
    }

    .awards-cyber-card {
        flex: 0 0 min(84vw, 310px) !important;
        width: min(84vw, 310px) !important;
        min-height: auto !important;
        scroll-snap-align: center !important;
        scroll-snap-stop: always !important;
        padding: 18px 16px !important;
        border-radius: 18px !important;
        box-shadow: 0 10px 30px rgba(0, 6, 24, 0.6) !important;
    }

    .cyber-card-inner {
        gap: 14px !important;
    }

    .cyber-crystal-disc {
        width: 56px !important;
        height: 56px !important;
    }
    .cyber-vector-icon {
        width: 34px !important;
        height: 34px !important;
    }

    .cyber-card-title {
        font-size: 17px !important;
    }

    .cyber-prize-row {
        min-height: 48px !important;
        padding: 8px 10px !important;
        gap: 8px !important;
    }
    .cyber-prize-icon {
        width: 26px !important;
        height: 26px !important;
    }
    .cyber-prize-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    .cyber-prize-text {
        font-size: 11px !important;
    }

    .cyber-sub-wrap {
        min-height: 52px !important;
    }
    .cyber-sub-chip {
        padding: 3px 7px !important;
        font-size: 9.5px !important;
    }

    .cyber-action-btn {
        padding: 9px 14px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }

    /* Mobile Indicator Dots */
    .awards-mobile-dots {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 14px !important;
        margin-bottom: 18px !important;
    }
    .awards-mobile-dots .dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 999px !important;
        background: rgba(127, 234, 251, 0.25) !important;
        border: 1px solid rgba(127, 234, 251, 0.4) !important;
        transition: all 0.25s ease !important;
    }
    .awards-mobile-dots .dot.is-active {
        width: 22px !important;
        background: #7feafb !important;
        box-shadow: 0 0 10px rgba(127, 234, 251, 0.8) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   100% PERFECT CENTERING & NO WORD BREAKS FOR AWARDS TEASER
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Header Centered */
.awards-cyber-header,
.awards-cyber-header.is-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 38px !important;
}

.awards-cyber-header-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.awards-cyber-main-heading,
#awards-teaser-title {
    text-align: center !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.awards-cyber-main-heading::after,
#awards-teaser-title::after {
    margin: 10px auto 0 !important;
}

/* 2. Card Content Centered */
.cyber-card-inner {
    align-items: center !important;
    text-align: center !important;
}

.cyber-card-body {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 3. Prize Box Centered & Balanced Typography (No Word Breaks) */
.cyber-prize-row,
.cyber-prize-row.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 14px !important;
    gap: 8px !important;
    min-height: 56px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cyber-prize-text {
    font-size: 11.5px !important;
    color: #e0f2fe !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: center !important;
    flex: 1 1 auto !important;
    word-break: normal !important;
    white-space: normal !important;
}

.cyber-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* 4. Subcategories Centered */
.cyber-sub-wrap,
.cyber-sub-wrap.is-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.cyber-sub-label {
    text-align: center !important;
}

.cyber-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

/* 5. CTA Button Centered */
.cyber-action-btn,
.cyber-action-btn.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    padding: 12px 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 768px) {
    .awards-cyber-header,
    .awards-cyber-header.is-centered {
        margin-bottom: 22px !important;
    }
    .cyber-prize-text {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
    .cyber-action-btn,
    .cyber-action-btn.is-centered {
        padding: 9px 14px !important;
        font-size: 11px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP CYBER SAPPHIRE NEON GLASS FULL PAGE SUITE (UI/UX PRO MAX)
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Page Global */
body.awards-page {
    background: #020d25 !important;
    color: #ffffff !important;
    overflow-x: hidden !important;
}

/* 2. Hero Section */
.awards-page-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(64px, 8vw, 108px) 0 48px !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.25) !important;
    text-align: center !important;
}

.awards-page-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.awards-page-hero-copy {
    max-width: 860px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.awards-hero-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 5.2vw, 56px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 0 16px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 18px rgba(94, 220, 248, 0.4)) !important;
}

.awards-hero-main-title::after {
    content: '' !important;
    display: block !important;
    width: 72px !important;
    height: 4px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 12px rgba(94, 220, 248, 0.6) !important;
    margin: 12px auto 0 !important;
}

.awards-hero-lead {
    font-size: clamp(14px, 1.35vw, 16.5px) !important;
    line-height: 1.65 !important;
    color: #d0e8f8 !important;
    max-width: 680px !important;
    margin: 0 auto 36px !important;
    text-align: center !important;
}

/* 3 Bento Stats Cyber Box */
.awards-hero-stats-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 820px !important;
}

.awards-stat-box {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.92) 0%, rgba(10, 48, 108, 0.65) 60%, rgba(2, 14, 40, 0.95) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    border-radius: 18px !important;
    padding: 16px 20px !important;
    box-shadow: 0 12px 32px rgba(0, 6, 24, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.awards-stat-box:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 16px 40px rgba(0, 6, 24, 0.7), 0 0 25px rgba(127, 234, 251, 0.35) !important;
}

.awards-stat-num-box {
    min-width: 46px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(127, 234, 251, 0.25), rgba(25, 118, 243, 0.4)) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.6) !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.awards-stat-num-box b {
    font-size: 20px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(127, 234, 251, 0.8) !important;
}
.awards-stat-num-box.is-highlight {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.35), rgba(217, 119, 6, 0.45)) !important;
    border-color: rgba(251, 191, 36, 0.8) !important;
}
.awards-stat-num-box.is-highlight b {
    color: #fef08a !important;
    text-shadow: 0 0 10px rgba(251, 191, 36, 0.8) !important;
}

.awards-stat-meta {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    gap: 2px !important;
}
.awards-stat-meta strong {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
}
.awards-stat-meta small {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* 3. Awards Directory & Sections */
.awards-page-directory {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(54px, 6vw, 84px) 0 96px !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
}

.awards-page-directory-inner {
    position: relative !important;
    z-index: 3 !important;
}

.awards-directory-head {
    max-width: 820px !important;
    margin: 0 auto 38px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.awards-directory-lead {
    font-size: 14.5px !important;
    color: #d0e8f8 !important;
    line-height: 1.6 !important;
    margin: 14px auto 0 !important;
}

/* Floating Cockpit Jumpbar */
.awards-cyber-jumpbar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin: 0 auto 54px !important;
    flex-wrap: wrap !important;
}

.cyber-jump-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.92) 0%, rgba(14, 85, 185, 0.6) 60%, rgba(56, 189, 248, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0, 7, 26, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.28s ease !important;
}
.cyber-jump-btn:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 12px 30px rgba(14, 165, 233, 0.45) !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
}
.jump-num {
    min-width: 26px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: rgba(127, 234, 251, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.6) !important;
    display: grid !important;
    place-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    color: #7feafb !important;
}
.jump-label {
    font-size: 11.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}
.jump-arrow {
    width: 14px !important;
    height: 14px !important;
    color: #7feafb !important;
}

/* Section Wrapper */
.awards-cyber-section {
    margin-bottom: 64px !important;
    scroll-margin-top: 100px !important;
}

.awards-section-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    gap: 8px !important;
}

.awards-section-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    background: rgba(14, 85, 185, 0.35) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.45) !important;
}
.awards-section-badge b {
    min-width: 24px !important;
    height: 20px !important;
    border-radius: 4px !important;
    background: rgba(127, 234, 251, 0.3) !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}
.awards-section-badge span {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.awards-section-title {
    font-size: clamp(22px, 3.2vw, 32px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0, 7, 26, 0.8) !important;
}

/* Grand Champion Card */
.awards-grand-champion-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.94) 0%, rgba(14, 60, 130, 0.75) 60%, rgba(2, 14, 40, 0.96) 100%) !important;
    border: 1.8px solid rgba(127, 234, 251, 0.5) !important;
    border-radius: 24px !important;
    padding: 32px 28px !important;
    box-shadow: 0 20px 50px rgba(0, 6, 24, 0.7), inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 30px rgba(127, 234, 251, 0.2) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    margin-bottom: 24px !important;
    transition: all 0.35s ease !important;
}
.awards-grand-champion-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 28px 65px rgba(0, 6, 24, 0.85), 0 0 45px rgba(127, 234, 251, 0.4) !important;
}

.champion-card-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 18px !important;
}

.champion-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.champion-tag-pill {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    color: #7feafb !important;
    text-transform: uppercase !important;
}

.champion-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    background: rgba(251, 191, 36, 0.2) !important;
    border: 1px solid rgba(251, 191, 36, 0.6) !important;
    color: #fef08a !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}
.champion-chip svg {
    width: 12px !important;
    height: 12px !important;
}

.cyber-crystal-disc.is-grand {
    width: 88px !important;
    height: 88px !important;
}
.cyber-vector-icon.is-grand {
    width: 54px !important;
    height: 54px !important;
}

.champion-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 620px !important;
}

.champion-title {
    font-size: clamp(22px, 3.2vw, 30px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
}

.champion-prize-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.35) !important;
    border-radius: 14px !important;
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.champion-prize-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    background: rgba(127, 234, 251, 0.2) !important;
    border: 1px solid rgba(127, 234, 251, 0.5) !important;
    color: #7feafb !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.champion-prize-icon svg {
    width: 20px !important;
    height: 20px !important;
}
.champion-prize-text {
    font-size: 13px !important;
    color: #e0f2fe !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.champion-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Sub Cards 3-Column Grid */
.awards-sub-grid,
.awards-individual-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.awards-cyber-sub-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.92) 0%, rgba(10, 48, 108, 0.65) 60%, rgba(2, 14, 40, 0.95) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    border-radius: 20px !important;
    padding: 22px 18px !important;
    box-shadow: 0 14px 38px rgba(0, 6, 24, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    transition: all 0.32s ease !important;
}
.awards-cyber-sub-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(127, 234, 251, 0.85) !important;
    box-shadow: 0 20px 48px rgba(0, 6, 24, 0.75), 0 0 30px rgba(127, 234, 251, 0.35) !important;
}

.sub-card-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.sub-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.sub-card-title {
    font-size: 16px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
}

.sub-prize-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.sub-prize-text {
    font-size: 11.5px !important;
    color: #d0e8f8 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* Individual Awards */
.awards-cyber-card.is-individual {
    min-height: auto !important;
}

@media (max-width: 900px) {
    .awards-hero-stats-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .awards-sub-grid,
    .awards-individual-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .awards-cyber-jumpbar {
        gap: 8px !important;
    }
    .cyber-jump-btn {
        padding: 8px 14px !important;
        font-size: 10.5px !important;
    }
    .champion-topbar {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ LẠI: "06 ĐIỀU LỆ. 01 TINH THẦN CHUNG." (UI/UX PRO MAX)
   THEO PHONG CÁCH, KIỂU CHỮ, MÀU SẮC ẢNH THAM CHIẾU (CYAN OCEAN DUAL-TONE)
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Xóa hoàn toàn Kicker "MÙA IV • QUY NHƠN · 2026" theo yêu cầu người dùng */
.regulations-teaser-kicker-promax {
    display: none !important;
}

/* 2. Headline chính "06 ĐIỀU LỆ. 01 TINH THẦN CHUNG." */
.home-page .regulations-teaser .regulations-teaser-copy h2#rulebook-title,
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
    margin: 0 0 16px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 650px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

#rulebook-title::after,
#rulebook-title > span > b::after {
    display: none !important;
    content: none !important;
}

/* 3. Từng dòng chữ: 06 ĐIỀU LỆ. & 01 TINH THẦN CHUNG.
   FIX TRIỆT ĐỂ LỖI MẤT DẤU TIẾNG VIỆT (DẤU HUYỀN, DẤU MŨ, DẤU NẶNG)
   Bằng inline-block + padding-top 0.38em (đủ bao trọn dấu huyền trên chữ Ê/Â) + margin âm bù trừ + line-height 1.35 */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
.regulations-teaser-copy #rulebook-title > span,
.regulations-teaser-copy #rulebook-title > em,
#rulebook-title > span,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > span,
:where(.home-page, body) #rulebook-title > em {
    display: inline-block !important;
    width: fit-content !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0.38em 0.05em 0.22em 0.05em !important;
    margin: -0.38em 0 -0.22em 0 !important;
    border: none !important;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 38%, #7dd3fc 65%, #38bdf8 84%, #0284c7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #e0f2fe !important;
    box-shadow: none !important;
    font-style: normal !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 4.2vw, 52px) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    filter: drop-shadow(0 4px 18px rgba(2, 132, 199, 0.35)) !important;
    transition: filter 0.3s ease !important;
}

#rulebook-title:hover > span,
#rulebook-title:hover > em {
    filter: drop-shadow(0 4px 22px rgba(56, 189, 248, 0.55)) brightness(1.06) !important;
}

/* 4. Triệt tiêu hoàn toàn ô hộp quanh số 06 & 01, chuyển thành chữ đồ họa đồng điệu */
#rulebook-title > span > b,
#rulebook-title > em > i {
    all: unset !important;
    display: inline !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0.18em 0 0 !important;
    filter: none !important;
    transform: none !important;
    -webkit-text-fill-color: inherit !important;
}

/* 5. Chữ STRONG đi cùng dòng */
#rulebook-title > span > strong,
#rulebook-title > em > strong {
    all: unset !important;
    display: inline !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    filter: none !important;
    -webkit-text-fill-color: inherit !important;
}

/* 6. GỌN GÀNG HIỂN THỊ TRÊN MOBILE - TRÁNH LƯỚT NHIỀU */
@media (max-width: 768px) {
    /* Thu gọn padding toàn bộ section */
    .regulations-teaser,
    :where(.home-page, body) .regulations-teaser {
        padding: 24px 0 20px !important;
    }

    .regulations-teaser-inner,
    :where(.home-page, body) .regulations-teaser-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    /* Thẻ chính tinh gọn */
    .regulations-teaser-copy,
    :where(.home-page, body) .regulations-teaser-copy {
        padding: 18px 16px 16px !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 26px rgba(1, 14, 40, 0.25) !important;
    }

    /* Kicker nhỏ gọn */
    .regulations-teaser-kicker-promax {
        margin-bottom: 8px !important;
        gap: 7px !important;
    }
    .reg-kicker-badge {
        padding: 2.5px 8px !important;
        font-size: 9.5px !important;
    }
    .reg-kicker-meta {
        font-size: 10.5px !important;
    }

    /* Tiêu đề 06 Điều Lệ vừa vặn, không mất dấu, không tốn diện tích */
    .home-page .regulations-teaser .regulations-teaser-copy h2#rulebook-title,
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title,
    :where(.home-page, body) #rulebook-title {
        gap: 1px !important;
        margin: 0 0 12px 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    .regulations-teaser-copy #rulebook-title > span,
    .regulations-teaser-copy #rulebook-title > em,
    #rulebook-title > span,
    #rulebook-title > em,
    :where(.home-page, body) #rulebook-title > span,
    :where(.home-page, body) #rulebook-title > em {
        display: inline-block !important;
        font-size: clamp(22px, 6.2vw, 28px) !important;
        line-height: 1.35 !important;
        letter-spacing: -0.025em !important;
        padding: 0.38em 0.05em 0.22em 0.05em !important;
        margin: -0.38em 0 -0.22em 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Nút bấm tinh gọn */
    .regulations-teaser-action,
    .home-page .regulations-teaser .regulations-teaser-action {
        min-height: 44px !important;
        padding: 6px 6px 6px 14px !important;
        margin-top: 4px !important;
        border-radius: 12px !important;
        width: 100% !important;
    }
    .regulations-teaser-action small {
        font-size: 7.5px !important;
    }
    .regulations-teaser-action strong {
        font-size: 12px !important;
    }
    .home-page .regulations-teaser-action > b {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    /* 3 Khối Điều Lệ Nổi Bật phía dưới cũng thu gọn để tránh lướt nhiều */
    .regulations-teaser-board,
    :where(.home-page, body) .regulations-teaser-board {
        gap: 8px !important;
    }
    .regulations-board-head {
        margin-bottom: 6px !important;
        padding: 0 4px !important;
    }
    .regulation-spotlight-card,
    :where(.home-page, body) .regulation-spotlight-card {
        padding: 10px 12px !important;
        gap: 10px !important;
        border-radius: 12px !important;
    }
    .regulation-spotlight-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    .regulation-spotlight-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .regulation-spotlight-copy small {
        font-size: 8.5px !important;
    }
    .regulation-spotlight-copy strong {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   7. TIMELINE HEADING MARK: FIX LỖI RỚT CHỮ (03 NGÀY KẾT NỐI)
   ═════════════════════════════════════════════════════════════════════ */
.timeline-heading-mark,
.home-page .timeline-heading-mark,
:where(.home-page, body) .timeline-heading-mark {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: fit-content !important;
    min-width: 0 !important;
    padding: 16px 22px !important;
    overflow: visible !important;
}

.timeline-heading-mark span,
.home-page .timeline-heading-mark span,
:where(.home-page, body) .timeline-heading-mark span {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.timeline-heading-mark small,
.home-page .timeline-heading-mark small,
:where(.home-page, body) .timeline-heading-mark small,
.timeline-mark-label {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #e4f3ff !important;
}

.timeline-mark-label .mark-line-1,
.timeline-mark-label .mark-line-2 {
    display: block !important;
    white-space: nowrap !important;
}

/* ═════════════════════════════════════════════════════════════════════
   8. TRIỆT TIÊU HOÀN TOÀN DẢI MÀU ĐỎ - XANH - XANH NHẠT TRÊN HOMEPAGE
   ═════════════════════════════════════════════════════════════════════ */
:where(html, body, .home-page) .newsroom-section::before,
:where(html, body, .home-page) .newsroom-section::after,
:where(html, body, .home-page) .news-section::before,
:where(html, body, .home-page) #tin-tuc::before,
:where(html, body, .home-page) .newsroom-promax::before,
:where(html, body, .home-page) .newsroom-v3::before,
:where(html, body, .home-page) .newsroom-v3 .news-feature::before,
:where(html, body, .home-page) .newsroom-v3 .newsroom-signal::before,
:where(html, body, .home-page) .live-center-section::after,
:where(html, body, .home-page) .live-center-waiting::after,
:where(html, body, .home-page) #match-center::after,
.newsroom-section::before,
.news-section::before,
#tin-tuc::before,
.newsroom-promax::before,
.newsroom-v3::before,
.newsroom-signal::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    max-height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    border: none !important;
}




/* ═════════════════════════════════════════════════════════════════════
   UPDATED LEADERSHIP ROLE BADGES (TRƯỞNG ĐOÀN, PHÓ ĐOÀN, DINH DƯỠNG, SỨC KHỎE)
   ═════════════════════════════════════════════════════════════════════ */
.team-profile-promax .pass-role-chip,
.pass-role-chip {
    white-space: nowrap !important;
    font-size: clamp(8px, 0.85vw, 10.5px) !important;
    font-weight: 850 !important;
    letter-spacing: 0.03em !important;
    padding: 4px 8px !important;
    max-width: 100% !important;
}

@media screen and (max-width: 768px) {
    .team-profile-promax .pass-role-chip,
    .pass-role-chip {
        font-size: 8.5px !important;
        padding: 3px 6px !important;
        letter-spacing: 0.02em !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   DESKTOP SPONSOR TIERS: ĐỒNG (4 CỘT) & ĐỒNG HÀNH (5 CỘT)
   ═════════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
    /* 1. Tier Đồng: 4 cards / row */
    .home-page .sponsor-grid.tier-dong,
    .home-page .tier-block-dong .sponsor-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    .home-page .tier-dong > .sponsor-card,
    .home-page .tier-block-dong .sponsor-card {
        min-height: 242px !important;
    }
    .home-page .tier-dong .partner-card-logo,
    .home-page .tier-block-dong .partner-card-logo {
        min-height: 148px !important;
    }
    .home-page .tier-dong .partner-card-logo img,
    .home-page .tier-block-dong .partner-card-logo img {
        max-height: 98px !important;
    }
    .home-page .tier-dong .partner-card-copy strong,
    .home-page .tier-block-dong .partner-card-copy strong {
        font-size: 13.5px !important;
    }

    /* 2. Tier Đồng Hành: 5 cards / row */
    .home-page .sponsor-grid.tier-dong-hanh,
    .home-page .tier-block-dong-hanh .sponsor-grid {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
    .home-page .tier-dong-hanh > .sponsor-card,
    .home-page .tier-block-dong-hanh .sponsor-card {
        min-height: 215px !important;
        border-radius: 4px 18px 4px 4px !important;
    }
    .home-page .tier-dong-hanh .partner-card-logo,
    .home-page .tier-block-dong-hanh .partner-card-logo {
        min-height: 125px !important;
        border-radius: 3px 14px 3px 3px !important;
    }
    .home-page .tier-dong-hanh .partner-card-logo img,
    .home-page .tier-block-dong-hanh .partner-card-logo img {
        max-height: 78px !important;
    }
    .home-page .tier-dong-hanh .partner-card-copy,
    .home-page .tier-block-dong-hanh .partner-card-copy {
        padding-inline: 12px !important;
        min-height: 54px !important;
        gap: 4px !important;
    }
    .home-page .tier-dong-hanh .partner-card-copy strong,
    .home-page .tier-block-dong-hanh .partner-card-copy strong {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }
    .home-page .tier-dong-hanh .partner-card-copy small,
    .home-page .tier-block-dong-hanh .partner-card-copy small {
        font-size: 8px !important;
    }
    .home-page .tier-dong-hanh .partner-card-action,
    .home-page .tier-block-dong-hanh .partner-card-action {
        width: 26px !important;
        height: 26px !important;
        font-size: 11px !important;
        right: 8px !important;
        bottom: 10px !important;
    }
}

@media (min-width: 781px) and (max-width: 1024px) {
    .home-page .sponsor-grid.tier-dong,
    .home-page .tier-block-dong .sponsor-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
    .home-page .sponsor-grid.tier-dong-hanh,
    .home-page .tier-block-dong-hanh .sponsor-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   HOMEPAGE NEWS SECTION: ULTRA-COMPACT MOBILE LAYOUT (NO LONG SCROLL)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    /* 1. Section Container */
    .home-page #tin-tuc.newsroom-section,
    .home-page .news-section {
        padding: 16px 0 20px !important;
    }
    .home-page .newsroom-head {
        margin-bottom: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .home-page .newsroom-head-copy h2 {
        font-size: 15px !important;
        font-weight: 900 !important;
        margin: 0 !important;
        letter-spacing: 0.04em !important;
    }
    .home-page .newsroom-head-actions .btn {
        min-height: 26px !important;
        padding: 2px 10px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        border-radius: 6px !important;
    }

    /* 2. Category Filter Pills - 1 Row Horizontal Scroll */
    .home-page .home-news-categories-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px !important;
        padding-bottom: 4px !important;
        margin-bottom: 12px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .home-page .home-news-categories-nav::-webkit-scrollbar {
        display: none !important;
    }
    .home-page .news-cat-pill {
        flex: 0 0 auto !important;
        padding: 4px 11px !important;
        min-height: 26px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
    }

    /* 3. Editorial Spotlight Grid */
    .home-page .home-news-spotlight {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    /* Featured Lead Card - Compact Hero */
    .home-page .news-featured-card {
        min-height: 155px !important;
        max-height: 175px !important;
        height: 165px !important;
        border-radius: 13px !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    .home-page .news-featured-content {
        padding: 10px 12px !important;
        gap: 4px !important;
    }
    .home-page .news-featured-badges {
        gap: 4px !important;
        margin-bottom: 2px !important;
    }
    .home-page .badge-lead,
    .home-page .badge-cat {
        font-size: 7.5px !important;
        padding: 2px 6px !important;
        font-weight: 800 !important;
        border-radius: 4px !important;
    }
    .home-page .news-featured-title {
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .home-page .news-featured-excerpt {
        display: none !important;
    }
    .home-page .news-featured-btn {
        font-size: 9.5px !important;
        font-weight: 800 !important;
        margin-top: 2px !important;
    }

    /* 4. Trending Highlights List */
    .home-page .news-trending-column {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
    .home-page .news-trending-header {
        padding-bottom: 2px !important;
        margin-bottom: 2px !important;
    }
    .home-page .news-trending-header h3 {
        font-size: 11px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
    }
    .home-page .news-trending-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 7px 9px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    }
    .home-page .news-trending-thumb {
        width: 76px !important;
        height: 52px !important;
        min-width: 76px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
    }
    .home-page .news-trending-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .home-page .news-trending-body {
        flex: 1 !important;
        min-width: 0 !important;
    }
    .home-page .news-trending-meta span {
        font-size: 8px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
    }
    .home-page .news-trending-title {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        margin: 1px 0 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 5. Main News Cards -> Compact Horizontal Row Cards */
    .home-page .home-news-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin-bottom: 12px !important;
    }
    .home-page .news-card-pro {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 7px 9px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
        min-height: 0 !important;
    }
    .home-page .news-card-pro .news-card-media {
        width: 76px !important;
        height: 52px !important;
        min-width: 76px !important;
        aspect-ratio: auto !important;
        border-radius: 6px !important;
        position: relative !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }
    .home-page .news-card-pro .news-card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .home-page .news-card-pro .news-category-badge {
        position: absolute !important;
        top: 2px !important;
        left: 2px !important;
        font-size: 6.5px !important;
        font-weight: 800 !important;
        padding: 1px 4px !important;
        border-radius: 3px !important;
    }
    .home-page .news-card-pro .news-card-body {
        padding: 0 !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        flex-grow: 1 !important;
        min-width: 0 !important;
    }
    .home-page .news-card-pro .news-card-title,
    .home-page .news-card-pro .news-card-title a {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        margin: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .home-page .news-card-pro .news-card-excerpt {
        display: none !important;
    }
    .home-page .news-card-pro .news-card-footer {
        display: none !important;
    }

    /* 6. View All CTA Button */
    .home-page #tin-tuc .btn-primary {
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 20px !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
        margin-top: 10px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   ARTICLE BREADCRUMBS PRO MAX (BALANCED & RESPONSIVE)
   ═════════════════════════════════════════════════════════════════════ */
.article-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    margin-bottom: 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #94a3b8 !important;
}
.article-breadcrumbs a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}
.article-breadcrumbs a:hover {
    color: #38bdf8 !important;
}
.article-breadcrumbs .crumb-sep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
}
.article-breadcrumbs .current-crumb {
    color: #38bdf8 !important;
    font-weight: 700 !important;
    max-width: 380px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

@media (max-width: 640px) {
    .article-breadcrumbs {
        font-size: 11.5px !important;
        gap: 4px 6px !important;
        margin-bottom: 12px !important;
    }
    .article-breadcrumbs .crumb-sep svg {
        width: 10px !important;
        height: 10px !important;
    }
    .article-breadcrumbs .current-crumb {
        max-width: 160px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   NEWS.PHP PAGE: ULTRA-COMPACT & BALANCED PRO MAX OPTIMIZATION
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. DESKTOP & TABLET REFINEMENT ── */
@media (min-width: 781px) {
    .news-page .news-hub-hero {
        padding: 28px 0 20px !important;
    }
    .news-page .news-hub-title {
        font-size: 36px !important;
        margin-bottom: 8px !important;
    }
    .news-page .news-spotlight-section {
        padding: 20px 0 16px !important;
    }
    .news-page .news-spotlight-grid {
        grid-template-columns: 1.3fr 1fr !important;
        gap: 18px !important;
    }
    .news-page .news-featured-card {
        min-height: 330px !important;
        max-height: 350px !important;
        border-radius: 16px !important;
    }
    .news-page .news-featured-content {
        padding: 20px 22px !important;
        gap: 8px !important;
    }
    .news-page .news-featured-title {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
    .news-page .news-featured-excerpt {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-page .news-trending-column {
        gap: 8px !important;
    }
    .news-page .news-trending-item {
        padding: 8px 12px !important;
        border-radius: 12px !important;
        gap: 12px !important;
    }
    .news-page .news-trending-thumb {
        width: 90px !important;
        height: 60px !important;
        min-width: 90px !important;
        border-radius: 8px !important;
    }
    .news-page .news-trending-title {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Main News Grid (3 Columns Balanced) */
    .news-page .news-main-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
    .news-page .news-card-pro {
        border-radius: 14px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .news-page .news-card-pro .news-card-media {
        height: 155px !important;
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .news-page .news-card-pro .news-card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .news-page .news-card-pro .news-card-body {
        padding: 14px 16px 16px !important;
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
    }
    .news-page .news-card-pro .news-card-title {
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        margin: 0 0 8px 0 !important;
        min-height: 40px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-page .news-card-pro .news-card-excerpt {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
        color: #64748b !important;
        margin: 0 0 12px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-page .news-card-pro .news-card-footer {
        margin-top: auto !important;
        padding-top: 10px !important;
        border-top: 1px solid #f1f5f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
}

/* ── 2. MOBILE ULTRA-COMPACT (NO LONG SCROLL) ── */
@media (max-width: 780px) {
    .news-page .news-hub-hero {
        padding: 16px 0 10px !important;
    }
    .news-page .news-hub-title {
        font-size: 22px !important;
        margin-bottom: 4px !important;
    }
    .news-page .news-spotlight-section {
        padding: 10px 0 12px !important;
    }
    .news-page .news-spotlight-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .news-page .news-featured-card {
        min-height: 160px !important;
        max-height: 175px !important;
        height: 165px !important;
        border-radius: 13px !important;
        padding: 0 !important;
    }
    .news-page .news-featured-content {
        padding: 10px 12px !important;
        gap: 4px !important;
    }
    .news-page .news-featured-badges {
        gap: 4px !important;
        margin-bottom: 2px !important;
    }
    .news-page .badge-lead,
    .news-page .badge-cat {
        font-size: 7.5px !important;
        padding: 2px 6px !important;
        font-weight: 800 !important;
    }
    .news-page .news-featured-title {
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-page .news-featured-excerpt {
        display: none !important;
    }
    .news-page .news-featured-btn {
        font-size: 9.5px !important;
        font-weight: 800 !important;
        margin-top: 2px !important;
    }

    /* Trending Highlights Column */
    .news-page .news-trending-column {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
    .news-page .news-trending-header {
        padding-bottom: 2px !important;
        margin-bottom: 2px !important;
    }
    .news-page .news-trending-header h3 {
        font-size: 11px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
    }
    .news-page .news-trending-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 7px 9px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    }
    .news-page .news-trending-thumb {
        width: 76px !important;
        height: 52px !important;
        min-width: 76px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
    }
    .news-page .news-trending-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .news-page .news-trending-body {
        flex: 1 !important;
        min-width: 0 !important;
    }
    .news-page .news-trending-meta span {
        font-size: 8px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
    }
    .news-page .news-trending-title {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        margin: 1px 0 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Toolbar Filter & Categories */
    .news-page .news-toolbar-wrapper {
        padding: 8px 0 !important;
        margin-bottom: 8px !important;
    }
    .news-page .news-toolbar-top {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }
    .news-page .news-search-input {
        min-height: 34px !important;
        height: 34px !important;
        font-size: 11.5px !important;
    }
    .news-page .news-sort-box select {
        min-height: 34px !important;
        height: 34px !important;
        font-size: 11px !important;
    }
    .news-page .news-categories-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px !important;
        padding-bottom: 4px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .news-page .news-categories-nav::-webkit-scrollbar {
        display: none !important;
    }
    .news-page .news-cat-pill {
        flex: 0 0 auto !important;
        padding: 4px 11px !important;
        min-height: 26px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
    }

    /* Main News Cards -> Compact Horizontal Row Cards */
    .news-page .news-main-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin-bottom: 16px !important;
    }
    .news-page .news-card-pro {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 7px 9px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
        min-height: 0 !important;
    }
    .news-page .news-card-pro .news-card-media {
        width: 76px !important;
        height: 52px !important;
        min-width: 76px !important;
        aspect-ratio: auto !important;
        border-radius: 6px !important;
        position: relative !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }
    .news-page .news-card-pro .news-card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .news-page .news-card-pro .news-category-badge {
        position: absolute !important;
        top: 2px !important;
        left: 2px !important;
        font-size: 6.5px !important;
        font-weight: 800 !important;
        padding: 1px 4px !important;
        border-radius: 3px !important;
    }
    .news-page .news-card-pro .news-card-body {
        padding: 0 !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        flex-grow: 1 !important;
        min-width: 0 !important;
    }
    .news-page .news-card-pro .news-card-title,
    .news-page .news-card-pro .news-card-title a {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        margin: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .news-page .news-card-pro .news-card-excerpt {
        display: none !important;
    }
    .news-page .news-card-pro .news-card-footer {
        display: none !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   ARTICLE SHARE BAR: ULTRA-COMPACT CAPSULE REDESIGN
   ═════════════════════════════════════════════════════════════════════ */
.article-action-bar {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 5px 12px 5px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    gap: 8px !important;
}

.article-share-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.article-share-group span {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-right: 4px !important;
    white-space: nowrap !important;
}

.btn-share-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 !important;
}

.btn-share-icon svg {
    width: 14px !important;
    height: 14px !important;
}

.btn-share-icon:hover {
    transform: translateY(-2px) scale(1.06) !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.28) !important;
}

.btn-share-fb:hover {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
    box-shadow: 0 4px 10px rgba(24, 119, 242, 0.3) !important;
}

.btn-share-zalo:hover {
    background: #0068ff !important;
    border-color: #0068ff !important;
    box-shadow: 0 4px 10px rgba(0, 104, 255, 0.3) !important;
}

@media (max-width: 640px) {
    .article-action-bar {
        padding: 4px 10px 4px 12px !important;
        margin-bottom: 16px !important;
        gap: 6px !important;
    }
    .article-share-group span {
        font-size: 10px !important;
    }
    .btn-share-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }
    .btn-share-icon svg {
        width: 13px !important;
        height: 13px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   PERFECT VERTICAL CENTER FOR BREADCRUMBS SEPARATORS (NO DROP/SHIFT)
   ═════════════════════════════════════════════════════════════════════ */
.article-breadcrumbs {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    align-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    margin-bottom: 18px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: #94a3b8 !important;
}

.article-breadcrumbs a {
    display: inline-flex !important;
    align-items: center !important;
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}

.article-breadcrumbs a:hover {
    color: #38bdf8 !important;
}

.article-breadcrumbs .crumb-sep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 1 !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

.article-breadcrumbs .crumb-sep svg {
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    min-height: 11px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    margin: auto !important;
}

.article-breadcrumbs .current-crumb {
    display: inline-flex !important;
    align-items: center !important;
    color: #38bdf8 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    max-width: 380px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 640px) {
    .article-breadcrumbs {
        font-size: 11.5px !important;
        gap: 4px 6px !important;
        margin-bottom: 12px !important;
    }
    .article-breadcrumbs .crumb-sep {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        min-height: 12px !important;
    }
    .article-breadcrumbs .crumb-sep svg {
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
        min-height: 10px !important;
    }
    .article-breadcrumbs .current-crumb {
        max-width: 160px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   FEATURED LEAD NEWS CARD: EXPANDED ASPECT RATIO (NO CROPPED IMAGES)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    .home-page .news-featured-card,
    .news-page .news-featured-card,
    .news-featured-card {
        min-height: 215px !important;
        height: clamp(215px, 58vw, 250px) !important;
        max-height: 260px !important;
        aspect-ratio: 16 / 9.5 !important;
        border-radius: 14px !important;
    }

    .home-page .news-featured-overlay,
    .news-page .news-featured-overlay,
    .news-featured-overlay {
        background: linear-gradient(180deg, rgba(4, 15, 40, 0.12) 0%, rgba(4, 15, 40, 0.45) 50%, rgba(4, 15, 40, 0.94) 100%) !important;
    }

    .home-page .news-featured-content,
    .news-page .news-featured-content,
    .news-featured-content {
        padding: 14px 14px 14px !important;
        gap: 5px !important;
    }

    .home-page .news-featured-title,
    .news-page .news-featured-title,
    .news-featured-title {
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        color: #ffffff !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
    }

    .home-page .news-featured-badges,
    .news-page .news-featured-badges,
    .news-featured-badges {
        gap: 5px !important;
        margin-bottom: 2px !important;
    }

    .home-page .badge-lead,
    .home-page .badge-cat,
    .news-page .badge-lead,
    .news-page .badge-cat {
        font-size: 8px !important;
        padding: 2.5px 7px !important;
        font-weight: 800 !important;
        border-radius: 4px !important;
    }

    .home-page .news-featured-btn,
    .news-page .news-featured-btn,
    .news-featured-btn {
        font-size: 10px !important;
        font-weight: 800 !important;
        margin-top: 3px !important;
        color: #38bdf8 !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   NEWS.PHP MOBILE REORDER: MOVE SEARCH/FILTER TOOLBAR TO BOTTOM
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    .news-page main {
        display: flex !important;
        flex-direction: column !important;
    }
    .news-page .news-hub-hero {
        order: 1 !important;
    }
    .news-page .news-spotlight-section {
        order: 2 !important;
    }
    .news-page .news-content-section {
        order: 3 !important;
        margin-bottom: 12px !important;
    }
    .news-page .news-toolbar-wrapper {
        order: 4 !important;
        margin-top: 8px !important;
        margin-bottom: 28px !important;
        background: transparent !important;
    }
    .news-page .news-toolbar {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 12px 12px 14px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   UNIVERSAL MOBILE BOTTOM NAV: ACTIVE ACROSS ALL PAGES
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    body {
        padding-bottom: 64px !important;
    }
    .mobile-bottom-nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }
    .mobile-bottom-nav nav {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   ARTICLE SHARE BAR: ULTRA-SLEEK COMPACT CAPSULE (PERFECT CIRCLE ICONS)
   ═════════════════════════════════════════════════════════════════════ */
.article-action-bar {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 3px 5px 3px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}

.article-share-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.article-share-group span {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 2px 0 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.btn-share-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
}

.btn-share-icon svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    display: block !important;
    margin: auto !important;
    transition: transform 0.2s ease !important;
}

.btn-share-icon:hover {
    transform: translateY(-1.5px) scale(1.1) !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3) !important;
}

.btn-share-fb:hover {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.35) !important;
}

.btn-share-zalo:hover {
    background: #0068ff !important;
    border-color: #0068ff !important;
    box-shadow: 0 4px 12px rgba(0, 104, 255, 0.35) !important;
}

.btn-print:hover {
    background: #0f172a !important;
    border-color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35) !important;
}

@media (max-width: 640px) {
    .article-action-bar {
        padding: 3px 4px 3px 10px !important;
        margin-bottom: 16px !important;
        gap: 6px !important;
    }
    .article-share-group span {
        font-size: 10px !important;
    }
    .btn-share-icon {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
    }
    .btn-share-icon svg {
        width: 12px !important;
        height: 12px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   DESKTOP FEATURED CARD: EXPANDED PRO MAX HEIGHT (NO CROPPED IMAGES)
   ═════════════════════════════════════════════════════════════════════ */
@media (min-width: 781px) {
    .home-page .news-featured-card,
    .news-page .news-featured-card,
    .news-featured-card {
        min-height: 440px !important;
        height: 460px !important;
        max-height: 490px !important;
        border-radius: 20px !important;
    }

    .home-page .news-featured-content,
    .news-page .news-featured-content,
    .news-featured-content {
        padding: 26px 30px !important;
        gap: 10px !important;
    }

    .home-page .news-featured-title,
    .news-page .news-featured-title,
    .news-featured-title {
        font-size: 23px !important;
        font-weight: 900 !important;
        line-height: 1.32 !important;
    }

    .home-page .news-featured-excerpt,
    .news-page .news-featured-excerpt,
    .news-featured-excerpt {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        color: #e2e8f0 !important;
    }

    .home-page .news-spotlight-grid,
    .news-page .news-spotlight-grid,
    .news-spotlight-grid {
        grid-template-columns: 1.35fr 1fr !important;
        gap: 22px !important;
        align-items: stretch !important;
    }

    .home-page .news-trending-column,
    .news-page .news-trending-column,
    .news-trending-column {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        height: 100% !important;
        gap: 10px !important;
    }

    .home-page .news-trending-item,
    .news-page .news-trending-item,
    .news-trending-item {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        padding: 10px 14px !important;
        border-radius: 14px !important;
        gap: 14px !important;
    }

    .home-page .news-trending-thumb,
    .news-page .news-trending-thumb,
    .news-trending-thumb {
        width: 105px !important;
        height: 72px !important;
        min-width: 105px !important;
        border-radius: 10px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   NEWS CARDS MEDIA: 16/9 GOLDEN ASPECT RATIO (NO CROPPED HEADERS/LOGOS)
   ═════════════════════════════════════════════════════════════════════ */
@media (min-width: 781px) {
    .news-card-pro .news-card-media,
    .news-page .news-card-pro .news-card-media,
    .home-page .news-card-pro .news-card-media,
    .news-card-media {
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        min-height: 205px !important;
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        background: #0b1938 !important;
    }

    .news-card-pro .news-card-media img,
    .news-page .news-card-pro .news-card-media img,
    .home-page .news-card-pro .news-card-media img,
    .news-card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   TRAILER CINEMA SCREEN & MEDIA: PERFECT FIT (NO CROPPED EDGES/TEXT)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-stage.trailer-stage-promax,
.trailer-stage,
.trailer-stage-inner {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    background: #020617 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.trailer-stage.trailer-stage-promax img,
.trailer-stage img,
.trailer-stage-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #020617 !important;
    display: block !important;
}

@media (min-width: 781px) {
    .trailer-stage.trailer-stage-promax {
        min-height: 380px !important;
    }
}

@media (max-width: 780px) {
    .trailer-stage.trailer-stage-promax {
        min-height: 200px !important;
        border-radius: 14px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   STADIUM & DESTINATION SHOWCASE: PERFECT FIT (NO CROPPED GRAPHICS)
   ═════════════════════════════════════════════════════════════════════ */
.timeline-stadium-showcase .std-visual,
.destination-visual,
.destination-stage,
.destination-media {
    position: relative !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    background: #020e29 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.timeline-stadium-showcase .std-visual img,
.destination-visual img,
.destination-stage img,
.destination-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #020e29 !important;
    display: block !important;
}

@media (max-width: 780px) {
    .timeline-stadium-showcase .std-visual,
    .destination-visual,
    .destination-stage,
    .destination-media {
        border-radius: 14px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   MATCHDAY KITS SHOWROOM: CLEAN PURE WHITE STAGE (NO GRAY BOX ARTIFACT)
   ═════════════════════════════════════════════════════════════════════ */
.kit-stage-3d,
.team-profile-promax .kit-stage-3d {
    width: 100% !important;
    min-height: 240px !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 8px !important;
    margin: 12px 0 16px 0 !important;
}

.kit-stage-img,
.team-profile-promax .kit-stage-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 10px !important;
    filter: none !important;
    transform: none !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.kit-card-vip:hover .kit-stage-img {
    transform: scale(1.02) !important;
}

.kit-pedestal-glow {
    display: none !important;
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE DESTINATION PHOTO: 16/9 EXPANDED FULL VIEW (NO CROPPED IMAGE)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    .home-page .destination.destination-travel .destination-photo,
    .destination-travel .destination-photo,
    .destination-photo {
        min-height: 215px !important;
        height: clamp(215px, 58vw, 250px) !important;
        max-height: 260px !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 14px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
    }

    .home-page .destination-travel .destination-photo::after {
        inset: 6px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
    }

    .home-page .destination-travel .destination-pitch-map {
        inset: 8px !important;
    }

    .home-page .destination-travel .destination-photo-caption {
        bottom: 12px !important;
        left: 14px !important;
        right: 14px !important;
    }

    .home-page .destination-travel .destination-photo-caption strong {
        font-size: clamp(26px, 8vw, 34px) !important;
        line-height: 1 !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   PREVENT ANY MOBILE HORIZONTAL OVERFLOW & FIX DESTINATION STATS
   ═════════════════════════════════════════════════════════════════════ */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
}

@media (max-width: 780px) {
    .destination.destination-travel,
    .home-page .destination.destination-travel,
    .destination-panel,
    .destination-photo {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .home-page .destination-travel .trip-stats,
    .destination-travel .trip-stats,
    .trip-stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px 0 0 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .home-page .destination-travel .trip-stats::before,
    .home-page .destination-travel .trip-stats::after,
    .destination-travel .trip-stats::before,
    .destination-travel .trip-stats::after,
    .trip-stats::before,
    .trip-stats::after,
    .trip-stats > div::before,
    .trip-stats > div::after {
        display: none !important;
        content: none !important;
    }

    .home-page .destination-travel .trip-stats > div,
    .destination-travel .trip-stats > div,
    .trip-stats > div {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 86px !important;
        padding: 10px 4px 8px !important;
        border-radius: 12px !important;
        border: 1px solid #d8e8f3 !important;
        background: #f8fafc !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .home-page .destination-travel .trip-stat-icon,
    .trip-stat-icon {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        margin-bottom: 4px !important;
    }

    .home-page .destination-travel .trip-stat-icon svg,
    .trip-stat-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .home-page .destination-travel .trip-stats strong,
    .trip-stats strong {
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 2px 0 !important;
        color: #0284c7 !important;
    }

    .home-page .destination-travel .trip-stats span,
    .trip-stats span {
        font-size: 8.5px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        letter-spacing: 0.02em !important;
        color: #475569 !important;
        margin: 0 !important;
        min-height: 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   STADIUM SHOWCASE PRO MAX: SEAMLESS 16/9 COVER (NO BLACK BARS / NO GAP)
   ═════════════════════════════════════════════ */
.timeline-stadium-showcase .std-wrap {
    gap: 0 !important;
}

.timeline-stadium-showcase .std-visual {
    position: relative !important;
    aspect-ratio: 16 / 9.5 !important;
    height: auto !important;
    width: 100% !important;
    border-radius: 20px 20px 0 0 !important;
    border: 1.5px solid rgba(118, 234, 255, 0.35) !important;
    border-bottom: none !important;
    overflow: hidden !important;
    background: #020e29 !important;
    box-shadow: 0 15px 40px rgba(0, 8, 30, 0.5) !important;
}

.timeline-stadium-showcase .std-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    background: #020e29 !important;
}

.timeline-stadium-showcase .std-panel {
    border-radius: 0 0 20px 20px !important;
    border: 1.5px solid rgba(118, 234, 255, 0.35) !important;
    border-top: 1px dashed rgba(118, 234, 255, 0.25) !important;
    background: linear-gradient(180deg, rgba(6, 28, 76, 0.95) 0%, rgba(2, 14, 41, 0.98) 100%) !important;
    box-shadow: 0 20px 50px rgba(0, 8, 30, 0.6) !important;
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 14px !important;
}

@media (min-width: 961px) {
    .timeline-stadium-showcase .std-wrap {
        display: grid !important;
        grid-template-columns: 1.25fr 1fr !important;
        gap: 20px !important;
    }
    .timeline-stadium-showcase .std-visual {
        border-radius: 20px !important;
        border-bottom: 1.5px solid rgba(118, 234, 255, 0.35) !important;
    }
    .timeline-stadium-showcase .std-panel {
        border-radius: 20px !important;
        border-top: 1.5px solid rgba(118, 234, 255, 0.35) !important;
    }
}

@media (max-width: 960px) {
    .timeline-stadium-showcase .std-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    .timeline-stadium-showcase .std-visual {
        border-radius: 16px 16px 0 0 !important;
        border-bottom: none !important;
        aspect-ratio: 16 / 9.5 !important;
        min-height: 180px !important;
    }
    .timeline-stadium-showcase .std-panel {
        border-radius: 0 0 16px 16px !important;
        border-top: 1px dashed rgba(118, 234, 255, 0.22) !important;
        padding: 16px 14px !important;
        text-align: center !important;
        align-items: center !important;
        gap: 12px !important;
    }
    .timeline-stadium-showcase .std-heading {
        font-size: 16px !important;
        text-align: center !important;
        margin: 0 !important;
    }
    .timeline-stadium-showcase .std-heading em {
        font-size: 12px !important;
    }
    .timeline-stadium-showcase .std-maps-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 12px !important;
    }
    .timeline-stadium-showcase .std-maps-text {
        text-align: center !important;
        font-size: 11.5px !important;
    }
}