:root{
  --df-bg:#050506;
  --df-bg-soft:#0a0a0c;
  --df-bg-red:#140303;
  --df-surface:#101012;
  --df-surface-2:#151518;
  --df-red:#c90000;
  --df-red-hi:#ef1616;
  --df-red-dark:#730000;
  --df-yellow:#ffe600;
  --df-yellow-soft:#ffef65;
  --df-white:#fff;
  --df-text:#f7f4f4;
  --df-muted:#aaa3a3;
  --df-border:rgba(255,255,255,.09);
  --df-border-red:rgba(239,22,22,.22);
  --df-border-yellow:rgba(255,230,0,.22);
  --df-shadow:0 26px 70px rgba(0,0,0,.40);
  --df-grad:linear-gradient(135deg,var(--df-red-hi),#a00000);
  --df-gold-grad:linear-gradient(135deg,#fff03b,#ffb400);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% -10%,rgba(201,0,0,.09),transparent 28%),
    var(--df-bg);
  color:var(--df-text);
  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.78;
}
body::selection{background:var(--df-red);color:#fff}
a{text-decoration:none}
img{max-width:100%;height:auto}

.df-navbar{
  min-height:82px;
  background:rgba(4,4,5,.76);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(20px);
  transition:.25s ease;
}
.df-navbar.df-scrolled{
  background:rgba(4,4,5,.96);
  box-shadow:0 16px 50px rgba(0,0,0,.35);
}
.df-brand{
  display:flex;
  align-items:center;
  background:#c00000;
  border-radius:0 0 15px 15px;
  padding:0;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(201,0,0,.17);
}
.df-brand img{width:210px;height:auto;display:block}
.navbar .nav-link{
  position:relative;
  color:#d7d2d2!important;
  font-family:"Barlow Condensed",sans-serif;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
  padding:.7rem .72rem!important;
}
.navbar .nav-link::after{
  content:"";
  position:absolute;
  left:.72rem;
  right:.72rem;
  bottom:.25rem;
  height:2px;
  background:var(--df-yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{color:#fff!important}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{transform:scaleX(1)}
.navbar-toggler{border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}

.btn-df{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,230,0,.18);
  border-radius:12px;
  padding:.88rem 1.18rem;
  background:var(--df-grad);
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(201,0,0,.22);
  transition:.25s ease;
}
.btn-df::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-50%;
  width:40%;
  height:190%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transform:rotate(20deg);
  transition:.45s ease;
}
.btn-df:hover{transform:translateY(-2px);color:#fff;border-color:rgba(255,230,0,.45)}
.btn-df:hover::after{left:120%}
.btn-df-outline{
  border:1px solid rgba(255,230,0,.42);
  border-radius:12px;
  padding:.86rem 1.18rem;
  color:var(--df-yellow);
  background:rgba(255,230,0,.025);
  font-family:"Barlow Condensed",sans-serif;
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:.25s ease;
}
.btn-df-outline:hover{background:rgba(255,230,0,.09);color:#fff;transform:translateY(-2px)}

.df-hero{
  position:relative;
  min-height:820px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:145px 0 90px;
  background:
    radial-gradient(circle at 78% 38%,rgba(201,0,0,.28),transparent 28%),
    radial-gradient(circle at 82% 65%,rgba(255,230,0,.10),transparent 22%),
    linear-gradient(120deg,#040405 0%,#08080a 48%,#160202 100%);
}
.df-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 90%);
}
.df-hero::after{
  content:"";
  position:absolute;
  width:700px;height:700px;
  border:1px solid rgba(255,230,0,.09);
  border-radius:50%;
  right:-280px;top:80px;
  box-shadow:
    0 0 0 65px rgba(201,0,0,.025),
    0 0 0 130px rgba(255,230,0,.018);
}
.df-eyebrow{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--df-yellow);
  font-family:"Barlow Condensed",sans-serif;
  font-size:.9rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.df-eyebrow::before{content:"";width:34px;height:2px;background:var(--df-red-hi)}
.df-hero h1,.df-title{
  font-family:"Barlow Condensed",sans-serif;
  font-weight:900;
  letter-spacing:-.02em;
  text-transform:uppercase;
  line-height:.96;
}
.df-hero h1{
  position:relative;z-index:2;
  max-width:850px;
  margin:0 0 24px;
  font-size:clamp(3.7rem,7.2vw,7.1rem);
}
.df-gradient-text{
  background:var(--df-gold-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.df-hero p{
  position:relative;z-index:2;
  max-width:760px;
  color:#bfb7b7;
  font-size:.98rem;
}
.df-risk-note{
  position:relative;z-index:2;
  max-width:760px;
  margin:22px 0;
  padding:15px 18px 15px 20px;
  border:1px solid rgba(255,230,0,.18);
  border-left:3px solid var(--df-yellow);
  border-radius:0 14px 14px 0;
  background:linear-gradient(90deg,rgba(255,230,0,.055),rgba(255,255,255,.018));
  color:#ebe5e5;
  font-size:.88rem;
}
.df-hero-chips{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;gap:9px;
  margin-top:24px;
}
.df-hero-chips span{
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#c9c2c2;
  font-size:.75rem;
  font-weight:700;
}
.df-hero-media{
  position:relative;
  min-height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.df-hero-media::before{
  content:"";
  position:absolute;
  width:92%;height:92%;
  border-radius:46% 54% 55% 45% / 45% 42% 58% 55%;
  background:linear-gradient(145deg,rgba(201,0,0,.24),rgba(255,230,0,.06));
  filter:blur(2px);
  transform:rotate(-5deg);
  z-index:-2;
}
.df-hero-media img{
  width:100%;
  max-width:520px;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
  border-radius:34px 100px 34px 100px;
  border:1px solid rgba(255,230,0,.20);
  box-shadow:0 42px 100px rgba(0,0,0,.55);
  filter:saturate(1.06) contrast(1.05);
}
.df-visual-kicker{
  position:absolute;
  left:-22px;
  bottom:64px;
  z-index:4;
  padding:10px 13px;
  border-radius:10px;
  background:#c60000;
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.08em;
  transform:rotate(-3deg);
  box-shadow:0 16px 34px rgba(201,0,0,.30);
}
.df-hero-ring{
  position:absolute;
  border:1px solid rgba(255,230,0,.14);
  border-radius:50%;
  z-index:-1;
}
.df-ring-one{width:470px;height:470px;right:-10px;top:55px}
.df-ring-two{width:360px;height:360px;left:5%;bottom:0;border-color:rgba(201,0,0,.20)}

.df-ticker{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,230,0,.12);
  border-bottom:1px solid rgba(255,230,0,.12);
  background:#b60000;
}
.df-ticker-track{
  display:flex;
  width:max-content;
  gap:22px;
  align-items:center;
  padding:11px 0;
  animation:dfTicker 28s linear infinite;
  font-family:"Barlow Condensed",sans-serif;
  font-weight:800;
  letter-spacing:.09em;
  color:#fff;
}
.df-ticker-track i{color:var(--df-yellow);font-style:normal}
@keyframes dfTicker{to{transform:translateX(-50%)}}

.df-section{
  position:relative;
  padding:96px 0;
  background:var(--df-bg);
}
.df-section-alt{background:#09090b}
.df-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,230,0,.12),transparent);
}
.df-title{
  margin:0 0 22px;
  font-size:clamp(2.8rem,5vw,4.7rem);
}
.df-lead{max-width:900px;color:var(--df-muted)}
.df-copy p{color:var(--df-muted);margin-bottom:16px}
.df-copy h3{
  margin-top:1.7rem;
  margin-bottom:.65rem;
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:1.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.01em;
}

.df-card{
  position:relative;
  overflow:hidden;
  height:100%;
  padding:28px;
  border:1px solid var(--df-border);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    #0d0d0f;
  transition:.28s ease;
}
.df-card::before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:100%;height:2px;
  background:linear-gradient(90deg,var(--df-red),var(--df-yellow),transparent 65%);
  opacity:.5;
}
.df-card::after{
  content:"";
  position:absolute;
  width:100px;height:100px;
  right:-45px;bottom:-45px;
  border-radius:50%;
  background:rgba(201,0,0,.08);
  filter:blur(8px);
}
.df-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,230,0,.20);
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
.df-card h3{
  position:relative;z-index:2;
  margin-bottom:.7rem;
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:1.55rem;
  font-weight:800;
  text-transform:uppercase;
}
.df-card p,.df-card li{position:relative;z-index:2;color:var(--df-muted)}
.df-icon,.df-step{
  position:relative;z-index:2;
  display:grid;place-items:center;
  font-family:"Barlow Condensed",sans-serif;
  font-weight:900;
}
.df-icon{
  width:58px;height:58px;
  margin-bottom:18px;
  border-radius:17px;
  border:1px solid rgba(255,230,0,.16);
  background:linear-gradient(135deg,rgba(201,0,0,.18),rgba(255,230,0,.06));
  color:var(--df-yellow);
  font-size:1rem;
}
.df-step{
  width:48px;height:48px;
  margin-bottom:18px;
  border-radius:50%;
  background:var(--df-grad);
  color:#fff;
  box-shadow:0 9px 24px rgba(201,0,0,.24);
}

.df-side-visual,.df-security-visual{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,230,0,.18);
  border-radius:24px;
  background:#0d0d0f;
  box-shadow:var(--df-shadow);
}
.df-side-visual img,.df-security-visual img{
  width:100%;display:block;aspect-ratio:4/5;object-fit:cover;
}
.df-side-visual::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,5,6,.55),transparent 40%);
  pointer-events:none;
}
.df-image-corner{
  position:absolute;
  right:14px;bottom:14px;
  width:72px;height:72px;
  border-right:3px solid var(--df-yellow);
  border-bottom:3px solid var(--df-red-hi);
  border-radius:0 0 14px 0;
  z-index:2;
}

.df-process-section .row{
  position:relative;
}
.df-process-section .row::before{
  content:"";
  position:absolute;
  top:48px;
  left:7%;
  right:7%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--df-red),var(--df-yellow),var(--df-red),transparent);
  opacity:.35;
}
.df-process-section .df-card{min-height:340px;padding:25px 22px}
.df-process-section .df-step{margin-top:-4px}
.df-process-section .row > div{position:relative;z-index:2}

.df-bento-section .row{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  margin:0;
}
.df-bento-section .row > div{
  width:auto;max-width:none;padding:0;
}
.df-bento-section .row > div:nth-child(1){grid-column:span 5}
.df-bento-section .row > div:nth-child(2){grid-column:span 3}
.df-bento-section .row > div:nth-child(3){grid-column:span 4}
.df-bento-section .row > div:nth-child(4){grid-column:span 4}
.df-bento-section .row > div:nth-child(5){grid-column:span 4}
.df-bento-section .row > div:nth-child(6){grid-column:span 4}
.df-bento-section .row > div:nth-child(7){grid-column:span 12}
.df-bento-section .row > div:nth-child(7) .df-card{
  display:grid;
  grid-template-columns:90px 1fr;
  align-items:center;
}

.df-cricket-section{
  background:
    radial-gradient(circle at 5% 50%,rgba(201,0,0,.10),transparent 22%),
    #09090b;
}
.df-media{
  position:relative;
  overflow:hidden;
  min-height:520px;
  height:100%;
  border:1px solid rgba(255,230,0,.17);
  border-radius:28px;
  background:#0d0d0f;
  box-shadow:var(--df-shadow);
}
.df-media::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 55%,rgba(201,0,0,.23));
  pointer-events:none;
}
.df-media img{width:100%;height:100%;object-fit:cover}

.df-sports-section .row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0;
}
.df-sports-section .row > div{width:auto;max-width:none;padding:0}
.df-sports-section .df-card{min-height:310px}
.df-sports-section .df-card h3{font-size:2rem;color:var(--df-yellow)}
.df-sports-section .df-card:nth-child(odd){background:linear-gradient(145deg,rgba(201,0,0,.12),rgba(255,255,255,.015)),#0d0d0f}

.df-mobile-section{
  background:
    radial-gradient(circle at 12% 45%,rgba(255,230,0,.06),transparent 24%),
    #09090b;
}

.df-responsible{
  background:
    radial-gradient(circle at 50% 10%,rgba(201,0,0,.15),transparent 36%),
    linear-gradient(180deg,#100000,#070707);
}
.df-responsible-box{
  position:relative;
  overflow:hidden;
  padding:48px;
  border:1px solid rgba(255,230,0,.16);
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(201,0,0,.16),rgba(255,230,0,.035)),
    #0e0b0b;
}
.df-responsible-box::before{
  content:"18+";
  position:absolute;
  right:30px;top:24px;
  color:rgba(255,230,0,.07);
  font-family:"Barlow Condensed",sans-serif;
  font-size:8rem;
  font-weight:900;
  line-height:1;
}

.df-security-section{
  background:
    radial-gradient(circle at 88% 32%,rgba(201,0,0,.08),transparent 22%),
    var(--df-bg);
}
.df-security-visual img{aspect-ratio:1/1}
.df-security-list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0;margin:0;
}
.df-security-list li{
  position:relative;
  min-height:96px;
  padding:18px 18px 18px 52px;
  border:1px solid var(--df-border);
  border-radius:16px;
  background:#0d0d0f;
  color:#b9b2b2;
}
.df-security-list li::before{
  content:"✓";
  position:absolute;
  left:16px;top:18px;
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(255,230,0,.09);
  color:var(--df-yellow);
  font-weight:900;
}
.df-security-list strong{color:#fff}

.df-faq-section .accordion{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.accordion-item{
  overflow:hidden;
  margin-bottom:11px;
  border:1px solid var(--df-border)!important;
  border-radius:16px!important;
  background:#0f0f11!important;
}
.accordion-button{
  min-height:76px;
  background:#0f0f11!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:"Manrope",sans-serif;
  font-size:.98rem;
  font-weight:800;
}
.accordion-button:not(.collapsed){
  color:var(--df-yellow)!important;
  background:linear-gradient(90deg,rgba(201,0,0,.10),transparent)!important;
}
.accordion-button::after{filter:invert(1)}
.accordion-body{
  padding-top:0;
  color:var(--df-muted);
  line-height:1.75;
}

.df-checklist-section .df-copy p{
  position:relative;
  margin-bottom:12px;
  padding:16px 18px 16px 52px;
  border:1px solid var(--df-border);
  border-radius:15px;
  background:#0d0d0f;
}
.df-checklist-section .df-copy p::before{
  content:"";
  position:absolute;
  left:18px;top:22px;
  width:12px;height:12px;
  border-radius:50%;
  background:var(--df-red-hi);
  box-shadow:0 0 0 5px rgba(201,0,0,.12);
}

.df-final{
  position:relative;
  overflow:hidden;
  padding:58px;
  border:1px solid rgba(255,230,0,.20);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 40%,rgba(201,0,0,.28),transparent 30%),
    radial-gradient(circle at 12% 10%,rgba(255,230,0,.07),transparent 28%),
    #0e0e10;
}
.df-final::after{
  content:"";
  position:absolute;
  width:290px;height:290px;
  border-radius:50%;
  right:-90px;top:-80px;
  border:1px solid rgba(255,230,0,.10);
}
.df-final > *{position:relative;z-index:2}

footer{
  position:relative;
  padding:66px 0 28px;
  background:#030304;
  border-top:3px solid #a40000;
}
footer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:var(--df-yellow);
  opacity:.35;
}
.df-footer-brand{
  display:inline-block;
  overflow:hidden;
  border-radius:12px;
  background:#c00000;
}
.df-footer-brand img{width:210px;display:block}
footer h5{
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
footer p,footer a{color:#918a8a}
footer a:hover{color:var(--df-yellow)}
.df-footer-bottom{
  margin-top:36px;
  padding-top:22px;
  border-top:1px solid var(--df-border);
  color:#756f6f;
  font-size:.85rem;
}

.df-sticky-social{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.df-sticky-btn{
  width:55px;height:55px;
  display:grid;place-items:center;
  border-radius:18px;
  color:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.42);
  transition:.25s ease;
}
.df-sticky-btn:hover{transform:translateY(-4px);color:#fff}
.df-sticky-btn svg{width:27px;height:27px}
.df-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}
.df-telegram{background:linear-gradient(135deg,#2aabee,#168acd)}

.df-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease,transform .65s ease;
}
.df-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1199.98px){
  .df-process-section .row::before{display:none}
  .df-process-section .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
  .df-process-section .row > div{width:auto;max-width:none;padding:0}
  .df-sports-section .row{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:991.98px){
  .df-navbar{min-height:74px}
  .df-brand img{width:185px}
  .df-hero{min-height:auto;padding:120px 0 72px}
  .df-hero-media{min-height:auto;margin-top:24px}
  .df-visual-kicker{left:12px}
  .df-section{padding:74px 0}
  .df-bento-section .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-bento-section .row > div{grid-column:auto!important}
  .df-bento-section .row > div:nth-child(7) .df-card{display:block}
  .df-security-list{grid-template-columns:1fr}
}

@media(max-width:767.98px){
  .df-brand img{width:165px}
  .df-hero{padding:105px 0 56px}
  .df-hero h1{font-size:clamp(3.1rem,16vw,5rem)}
  .df-title{font-size:clamp(2.55rem,12vw,3.8rem)}
  .df-section{padding:58px 0}
  .df-hero-media img{border-radius:24px 70px 24px 70px}
  .df-ring-one{width:330px;height:330px}
  .df-ring-two{width:250px;height:250px}
  .df-visual-kicker{font-size:.78rem;bottom:38px}
  .df-process-section .row,
  .df-bento-section .row,
  .df-sports-section .row{grid-template-columns:1fr}
  .df-process-section .df-card{min-height:auto}
  .df-media{min-height:350px}
  .df-responsible-box,.df-final{padding:30px 22px}
  .df-responsible-box::before{font-size:5rem;right:12px;top:18px}
  .df-security-list li{min-height:auto}
  .df-sticky-social{right:12px;bottom:12px}
  .df-sticky-btn{width:49px;height:49px;border-radius:15px}
  .df-ticker-track{font-size:.86rem}
}