@font-face{font-family:'Bebas Neue';src:url('../fonts/bebas-neue-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --red:#e11d48;
  --red-glow:rgba(225,29,72,.4);
  --gold:#f59e0b;
  --gold-glow:rgba(245,158,11,.35);
  --blue:#3b82f6;
  --blue-glow:rgba(59,130,246,.3);
  --bg:#0a0a0a;
  --bg2:#111111;
  --bg3:#1a1a1a;
  --surface:#141414;
  --surface2:#1e1e1e;
  --text:#f1f1f1;
  --text2:#a3a3a3;
  --muted:#737373;
  --line:rgba(255,255,255,.08);
  --heading:'Bebas Neue',Impact,'Arial Black',sans-serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --max:1200px;
  --radius:4px;
}

html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--body);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.intro-active{overflow:hidden}

/* ═══════════════════════════════════════
   INTRO OVERLAY — Dragon Ball Style
   ═══════════════════════════════════════ */
.intro-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
.intro-overlay.done{display:none}

.intro-bg{
  position:absolute;inset:0;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;
  transform-origin:center center;
}
.intro-bg.crack{
  animation:bg-shatter .6s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes bg-shatter{
  0%{transform:translateX(0) rotate(0);opacity:1}
  30%{transform:translateX(10px) rotate(.5deg);opacity:1}
  100%{transform:translateX(110vw) rotate(12deg);opacity:0}
}

.intro-text{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  opacity:0;
  animation:intro-text-in .6s .2s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes intro-text-in{
  0%{opacity:0;transform:scale(.8)}
  100%{opacity:1;transform:scale(1)}
}

.intro-sub{
  font-family:var(--heading);font-size:clamp(1rem,3vw,1.8rem);
  letter-spacing:.4em;color:var(--muted);text-transform:uppercase;
}
.intro-main{
  font-family:var(--heading);font-size:clamp(5rem,18vw,14rem);
  line-height:.85;letter-spacing:.06em;color:#fff;
  text-shadow:0 0 80px var(--red-glow);
}
.intro-num{
  font-family:var(--heading);font-size:clamp(2rem,6vw,4rem);
  letter-spacing:.5em;color:var(--red);margin-top:8px;
}

.intro-fighter{
  position:absolute;
  width:clamp(250px,40vw,500px);
  height:auto;
  object-fit:contain;
  z-index:2;
  opacity:0;
  transform:translate(-20%, -120%) scale(.6) rotate(-15deg);
}
.intro-fighter.drop{
  animation:fighter-drop .5s .9s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes fighter-drop{
  0%{opacity:0;transform:translate(-20%,-120%) scale(.6) rotate(-15deg)}
  60%{opacity:1;transform:translate(5%,5%) scale(1.1) rotate(5deg)}
  100%{opacity:1;transform:translate(0%,0%) scale(1) rotate(0deg)}
}
.intro-fighter.kick{
  animation:fighter-kick .4s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes fighter-kick{
  0%{transform:translate(0%,0%) scale(1) rotate(0deg)}
  40%{transform:translate(15%,-5%) scale(1.15) rotate(8deg)}
  100%{transform:translate(30%,-10%) scale(1.05) rotate(3deg);opacity:0}
}

.intro-flash{
  position:absolute;inset:0;z-index:3;
  background:radial-gradient(circle at 55% 50%,rgba(255,255,255,.95) 0%,rgba(225,29,72,.3) 40%,transparent 70%);
  opacity:0;pointer-events:none;
}
.intro-flash.bang{
  animation:flash-bang .4s ease-out forwards;
}
@keyframes flash-bang{
  0%{opacity:0;transform:scale(.5)}
  20%{opacity:1;transform:scale(1.2)}
  100%{opacity:0;transform:scale(2)}
}

.intro-cracks{
  position:absolute;inset:0;z-index:1;
  opacity:0;pointer-events:none;
}
.intro-cracks.show{
  opacity:1;
  animation:cracks-in .15s ease-out;
}
.intro-cracks::before,.intro-cracks::after{
  content:'';position:absolute;
  background:var(--red);
}
.intro-cracks::before{
  width:3px;height:60%;top:20%;left:52%;
  transform:rotate(-8deg) skewX(15deg);
  box-shadow:
    20px -30px 0 0 var(--red),
    -15px 40px 0 0 rgba(225,29,72,.6),
    35px 20px 0 0 rgba(225,29,72,.4);
}
.intro-cracks::after{
  width:60%;height:3px;top:48%;left:25%;
  transform:rotate(5deg) skewY(-3deg);
  box-shadow:
    -20px -20px 0 0 rgba(225,29,72,.5),
    30px 25px 0 0 var(--red),
    -10px 35px 0 0 rgba(225,29,72,.3);
}

a{color:inherit;text-decoration:none}

.skip-link{position:absolute;top:-100%;left:16px;background:var(--red);color:#fff;padding:8px 16px;z-index:9999;border-radius:var(--radius);font-weight:600}
.skip-link:focus{top:16px}

/* ═══════════════════════════════════════
   HEADER
   ═══════════════════════════════════════ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(10,10,10,.85);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.site-header.hidden{transform:translateY(-100%)}

.header-row{
  max-width:var(--max);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 24px;
}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand .name{
  font-family:var(--heading);font-size:1.6rem;letter-spacing:.12em;
  color:var(--text);text-transform:uppercase;line-height:1;
}
.brand img{height:38px;width:auto}

.header-row nav{display:flex;align-items:center;gap:8px}
.nav-links{display:flex;gap:4px}
.nav-links a{
  font-size:.85rem;font-weight:500;color:var(--text2);
  padding:8px 14px;border-radius:var(--radius);
  transition:color .2s,background .2s;text-transform:uppercase;letter-spacing:.06em;
}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.06)}

.nav-cta{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 22px;border-radius:var(--radius);
  background:var(--red);color:#fff;font-weight:700;font-size:.85rem;
  text-transform:uppercase;letter-spacing:.08em;
  transition:background .2s,box-shadow .2s,transform .15s;
  text-decoration:none;
}
.nav-cta:hover{background:#be123c;box-shadow:0 0 24px var(--red-glow);transform:translateY(-1px)}

.burger{
  display:none;background:none;border:none;cursor:pointer;
  width:32px;height:24px;position:relative;
}
.burger span{
  display:block;position:absolute;left:0;width:100%;height:2px;
  background:var(--text);transition:all .3s;
}
.burger span:nth-child(1){top:0}
.burger span:nth-child(2){top:11px}
.burger span:nth-child(3){top:22px}
.burger[aria-expanded="true"] span:nth-child(1){top:11px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:11px;transform:rotate(-45deg)}

.mobile-menu[hidden]{display:none}
.mobile-menu{
  display:flex;flex-direction:column;gap:4px;
  padding:16px 24px 24px;
  background:rgba(10,10,10,.95);
  border-bottom:1px solid var(--line);
}
.mobile-menu a{
  padding:12px 0;font-size:1rem;color:var(--text2);
  text-transform:uppercase;letter-spacing:.08em;font-weight:500;
  border-bottom:1px solid var(--line);
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu .nav-cta{margin-top:8px;text-align:center;justify-content:center}

/* ═══════════════════════════════════════
   HERO
   ═══════════════════════════════════════ */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.3) 40%,rgba(10,10,10,.8) 100%),
    linear-gradient(135deg,rgba(225,29,72,.15) 0%,transparent 50%);
}
.hero-content{
  position:relative;z-index:2;text-align:center;
  padding:140px 24px 80px;max-width:900px;
}
.hero-badge{
  display:inline-block;padding:6px 20px;
  border:1px solid var(--red);border-radius:2px;
  color:var(--red);font-family:var(--body);font-size:.8rem;
  font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  margin-bottom:24px;
}
.hero h1{
  font-family:var(--heading);font-size:clamp(4rem,12vw,10rem);
  line-height:.9;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;margin-bottom:8px;
}
.hero h1 .accent{
  color:var(--red);
  text-shadow:0 0 60px var(--red-glow),0 0 120px rgba(225,29,72,.2);
}
.hero-sub{
  font-family:var(--heading);font-size:clamp(1.2rem,3vw,2.2rem);
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
  margin-bottom:32px;
}
.hero-meta{
  display:flex;flex-wrap:wrap;justify-content:center;gap:24px;
  margin-bottom:40px;
}
.hero-meta-item{
  display:flex;align-items:center;gap:8px;
  font-size:.95rem;color:var(--text2);
}
.hero-meta-item svg{width:18px;height:18px;color:var(--red);flex-shrink:0}
.hero-meta-item strong{color:var(--text);font-weight:600}

.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.hero-scroll{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--muted);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;
  animation:pulse-down 2s ease-in-out infinite;
}
.hero-scroll svg{width:20px;height:20px}
@keyframes pulse-down{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.6}
  50%{transform:translateX(-50%) translateY(8px);opacity:1}
}

/* ═══════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 36px;border-radius:var(--radius);
  font-family:var(--heading);font-size:1.3rem;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;
  transition:all .25s ease;cursor:pointer;border:none;
}
.btn-primary{
  background:var(--red);color:#fff;
  box-shadow:0 4px 30px var(--red-glow);
}
.btn-primary:hover{
  background:#be123c;
  box-shadow:0 8px 40px var(--red-glow),0 0 60px rgba(225,29,72,.2);
  transform:translateY(-2px);
}
.btn-outline{
  background:transparent;color:var(--text);
  border:2px solid rgba(255,255,255,.2);
}
.btn-outline:hover{
  border-color:var(--gold);color:var(--gold);
  box-shadow:0 0 20px var(--gold-glow);
}
.btn-gold{
  background:var(--gold);color:#000;font-weight:700;
  box-shadow:0 4px 30px var(--gold-glow);
}
.btn-gold:hover{
  background:#d97706;
  box-shadow:0 8px 40px var(--gold-glow);
  transform:translateY(-2px);
}

/* ═══════════════════════════════════════
   SECTIONS
   ═══════════════════════════════════════ */
.section{
  position:relative;z-index:10;
  padding:100px 24px;
  background:var(--bg);
}
.section-dark{background:var(--bg2)}
.section-gradient{
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
}

.container{max-width:var(--max);margin:0 auto}

.section-header{text-align:center;margin-bottom:64px}
.section-label{
  display:inline-block;padding:4px 16px;
  border:1px solid var(--red);border-radius:2px;
  color:var(--red);font-size:.75rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  margin-bottom:16px;
}
.section-title{
  font-family:var(--heading);font-size:clamp(2.5rem,6vw,4.5rem);
  letter-spacing:.06em;text-transform:uppercase;line-height:1;
  margin-bottom:16px;
}
.section-title .accent{color:var(--red)}
.section-desc{
  color:var(--text2);font-size:1.05rem;max-width:640px;margin:0 auto;
}

/* ═══════════════════════════════════════
   STATS BAR
   ═══════════════════════════════════════ */
.stats-bar{
  position:relative;z-index:10;
  background:var(--surface);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:40px 24px;
}
.stats-grid{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  text-align:center;
}
.stat-num{
  font-family:var(--heading);font-size:clamp(2.5rem,5vw,4rem);
  color:var(--red);line-height:1;letter-spacing:.04em;
}
.stat-label{
  font-size:.8rem;color:var(--muted);text-transform:uppercase;
  letter-spacing:.15em;margin-top:4px;
}

/* ═══════════════════════════════════════
   EVENT INFO CARDS
   ═══════════════════════════════════════ */
.info-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;
}
.info-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:32px;
  transition:border-color .3s,box-shadow .3s;
}
.info-card:hover{
  border-color:rgba(225,29,72,.3);
  box-shadow:0 0 30px rgba(225,29,72,.08);
}
.info-card-icon{
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:rgba(225,29,72,.1);border-radius:var(--radius);
  margin-bottom:20px;color:var(--red);
}
.info-card-icon svg{width:24px;height:24px}
.info-card h3{
  font-family:var(--heading);font-size:1.5rem;
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:8px;
}
.info-card p{color:var(--text2);font-size:.95rem;line-height:1.6}
.info-card .highlight{color:var(--gold);font-weight:600}

/* ═══════════════════════════════════════
   FIGHT CARD
   ═══════════════════════════════════════ */
.fight-card-section{overflow:hidden}

.fight-tabs{
  display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
  margin-bottom:48px;
}
.fight-tab{
  padding:10px 24px;border-radius:var(--radius);
  background:var(--surface);border:1px solid var(--line);
  color:var(--text2);font-family:var(--heading);font-size:1.1rem;
  letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  transition:all .25s;
}
.fight-tab:hover,.fight-tab.active{
  background:var(--red);color:#fff;border-color:var(--red);
  box-shadow:0 0 20px var(--red-glow);
}

.fight-list{display:flex;flex-direction:column;gap:12px}

.fight-row{
  display:grid;grid-template-columns:1fr auto 1fr;gap:16px;
  align-items:center;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 24px;
  transition:border-color .3s,transform .2s;
}
.fight-row:hover{
  border-color:rgba(225,29,72,.3);
  transform:translateX(4px);
}
.fight-row.title-fight{
  border-color:var(--gold);
  background:linear-gradient(135deg,rgba(245,158,11,.05),transparent);
}
.fight-row.title-fight::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--gold);border-radius:var(--radius) 0 0 var(--radius);
}
.fight-row{position:relative}

.fighter{display:flex;flex-direction:column;gap:4px}
.fighter.blue{text-align:left}
.fighter.red{text-align:right}
.fighter-name{
  font-family:var(--heading);font-size:1.3rem;
  letter-spacing:.06em;text-transform:uppercase;
}
.fighter-details{
  font-size:.8rem;color:var(--muted);
  display:flex;gap:8px;flex-wrap:wrap;
}
.fighter.red .fighter-details{justify-content:flex-end}
.fighter-gym{color:var(--text2)}

.fight-center{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  min-width:80px;
}
.fight-time{
  font-family:var(--heading);font-size:1.1rem;
  color:var(--text2);letter-spacing:.06em;
}
.fight-vs{
  font-family:var(--heading);font-size:1.6rem;
  color:var(--red);letter-spacing:.1em;
}
.fight-weight{
  font-size:.75rem;color:var(--muted);
  text-transform:uppercase;letter-spacing:.1em;
}
.fight-style{
  font-size:.7rem;padding:2px 8px;
  border-radius:2px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;
}
.fight-style.k1{background:rgba(225,29,72,.15);color:var(--red)}
.fight-style.mma{background:rgba(59,130,246,.15);color:var(--blue)}
.fight-style.boxing{background:rgba(245,158,11,.15);color:var(--gold)}
.fight-style.muaythai{background:rgba(16,185,129,.15);color:#10b981}

.fight-badge{
  display:inline-block;padding:3px 10px;
  background:var(--gold);color:#000;
  font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
  border-radius:2px;margin-bottom:8px;
}

/* ═══════════════════════════════════════
   DISCIPLINES SECTION
   ═══════════════════════════════════════ */
.disciplines-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;
}
.discipline-card{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:40px 28px;
  text-align:center;
  transition:border-color .3s,transform .2s;
}
.discipline-card:hover{transform:translateY(-4px)}
.discipline-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
}
.discipline-card.card-k1::before{background:var(--red)}
.discipline-card.card-k1:hover{border-color:rgba(225,29,72,.4)}
.discipline-card.card-mma::before{background:var(--blue)}
.discipline-card.card-mma:hover{border-color:rgba(59,130,246,.4)}
.discipline-card.card-boxing::before{background:var(--gold)}
.discipline-card.card-boxing:hover{border-color:rgba(245,158,11,.4)}
.discipline-card.card-muaythai::before{background:#10b981}
.discipline-card.card-muaythai:hover{border-color:rgba(16,185,129,.4)}

.discipline-icon{
  font-size:2.5rem;margin-bottom:16px;
}
.discipline-card h3{
  font-family:var(--heading);font-size:1.8rem;
  letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:8px;
}
.discipline-card p{color:var(--text2);font-size:.9rem}

/* ═══════════════════════════════════════
   SCHEDULE / TIMELINE
   ═══════════════════════════════════════ */
.timeline{
  position:relative;padding-left:32px;
}
.timeline::before{
  content:'';position:absolute;left:11px;top:0;bottom:0;
  width:2px;background:var(--line);
}
.timeline-item{
  position:relative;margin-bottom:32px;
  padding-left:32px;
}
.timeline-item::before{
  content:'';position:absolute;left:-23px;top:6px;
  width:12px;height:12px;border-radius:50%;
  background:var(--red);border:2px solid var(--bg);
  box-shadow:0 0 12px var(--red-glow);
}
.timeline-time{
  font-family:var(--heading);font-size:1.3rem;
  color:var(--red);letter-spacing:.06em;
  margin-bottom:4px;
}
.timeline-title{
  font-family:var(--heading);font-size:1.1rem;
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:4px;
}
.timeline-desc{color:var(--text2);font-size:.9rem}

/* ═══════════════════════════════════════
   VENUE / LOCATION
   ═══════════════════════════════════════ */
.venue-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  align-items:center;
}
.venue-info h3{
  font-family:var(--heading);font-size:2rem;
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:16px;
}
.venue-detail{
  display:flex;align-items:flex-start;gap:12px;
  margin-bottom:16px;
}
.venue-detail svg{width:20px;height:20px;color:var(--red);flex-shrink:0;margin-top:2px}
.venue-detail p{color:var(--text2);font-size:.95rem}
.venue-detail strong{color:var(--text);display:block}

.venue-map{
  aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);
  background:var(--surface);
}
.venue-map iframe{width:100%;height:100%;border:none;filter:grayscale(.8) invert(.92) contrast(1.1)}

/* ═══════════════════════════════════════
   CTA BANNER
   ═══════════════════════════════════════ */
.cta-banner{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#1a0508 0%,#0a0a0a 50%,#0a0f1a 100%);
  padding:80px 24px;text-align:center;
}
.cta-banner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center,rgba(225,29,72,.08) 0%,transparent 70%);
}
.cta-banner .container{position:relative;z-index:2}
.cta-banner h2{
  font-family:var(--heading);font-size:clamp(2rem,5vw,3.5rem);
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:16px;
}
.cta-banner p{color:var(--text2);font-size:1.05rem;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}

/* ═══════════════════════════════════════
   COUNTDOWN
   ═══════════════════════════════════════ */
.countdown{
  display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
  margin-bottom:40px;
}
.countdown-item{
  display:flex;flex-direction:column;align-items:center;
  min-width:80px;
}
.countdown-num{
  font-family:var(--heading);font-size:clamp(2.5rem,5vw,4rem);
  color:var(--text);line-height:1;letter-spacing:.04em;
}
.countdown-label{
  font-size:.7rem;color:var(--muted);text-transform:uppercase;
  letter-spacing:.2em;margin-top:4px;
}
.countdown-sep{
  font-family:var(--heading);font-size:clamp(2rem,4vw,3.5rem);
  color:var(--red);line-height:1;padding-top:4px;
}

/* ═══════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════ */
footer{
  position:relative;z-index:10;
  background:var(--surface);
  border-top:1px solid var(--line);
  padding:48px 24px 24px;
}
.footer-grid{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:32px;font-size:.9rem;color:var(--text2);
}
.footer-grid strong{color:var(--text);font-family:var(--heading);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}
.footer-grid a{color:var(--text2);transition:color .2s;text-decoration:none}
.footer-grid a:hover{color:var(--red)}

.social-links{display:flex;gap:12px;margin-top:8px}
.social-links a{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border-radius:var(--radius);
  transition:background .2s,color .2s;
}
.social-links a:hover{background:var(--red);color:#fff}
.social-links svg{width:18px;height:18px;fill:currentColor}

.footer-bottom{
  max-width:var(--max);margin:32px auto 0;
  padding-top:24px;border-top:1px solid var(--line);
  text-align:center;font-size:.8rem;color:var(--muted);
}

/* ═══════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════ */
.reveal{
  opacity:0;transform:translateY(40px);
  transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);
}
.reveal.visible{opacity:1;transform:translateY(0)}

.reveal-left{
  opacity:0;transform:translateX(-60px);
  transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);
}
.reveal-left.visible{opacity:1;transform:translateX(0)}

.reveal-right{
  opacity:0;transform:translateX(60px);
  transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);
}
.reveal-right.visible{opacity:1;transform:translateX(0)}

.reveal-scale{
  opacity:0;transform:scale(.9);
  transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);
}
.reveal-scale.visible{opacity:1;transform:scale(1)}

.stagger>*{transition-delay:calc(var(--i,0) * .1s)}

@keyframes glow-pulse{
  0%,100%{box-shadow:0 0 20px var(--red-glow)}
  50%{box-shadow:0 0 40px var(--red-glow),0 0 80px rgba(225,29,72,.15)}
}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

/* ═══════════════════════════════════════
   FIGHTER PARALLAX IMAGE
   ═══════════════════════════════════════ */
.fighter-parallax{
  position:absolute;right:-5%;bottom:-5%;
  width:45%;max-width:500px;
  pointer-events:none;z-index:1;
  opacity:.15;
  transition:transform .1s linear;
}
.fighter-parallax img{width:100%;height:auto;object-fit:contain}

/* ═══════════════════════════════════════
   SPONSORS
   ═══════════════════════════════════════ */
.sponsors-row{
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
  opacity:.5;filter:grayscale(1);
  transition:opacity .3s;
}
.sponsors-row:hover{opacity:.8}
.sponsors-row img{height:40px;width:auto}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media(max-width:920px){
  .venue-grid{grid-template-columns:1fr;gap:32px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .fight-row{grid-template-columns:1fr;gap:12px;text-align:center}
  .fighter.blue,.fighter.red{text-align:center}
  .fighter.red .fighter-details{justify-content:center}
  .fighter-details{justify-content:center}
  .fight-center{flex-direction:row;gap:12px}
}

@media(max-width:768px){
  .nav-links{display:none}
  .burger{display:block}
  .hero-content{padding:120px 20px 60px}
  .section{padding:64px 20px}
  .hero h1{font-size:clamp(3rem,10vw,6rem)}
  .hero-meta{gap:16px}
  .countdown{gap:16px}
  .countdown-sep{display:none}
  .fight-tabs{gap:4px}
  .fight-tab{padding:8px 16px;font-size:.9rem}
  .fighter-parallax{display:none}
  .disciplines-grid{grid-template-columns:1fr 1fr}
  .info-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .header-row{padding:10px 16px}
  .brand .name{font-size:1.2rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  .disciplines-grid{grid-template-columns:1fr}
  .btn{padding:14px 28px;font-size:1.1rem}
  .hero-actions{flex-direction:column;align-items:center}
}