.kickoff-home{
  display:grid;
  gap:34px;
}

.kickoff-hero{
  position:relative;
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(360px, 1.08fr) minmax(360px, .92fr);
  align-items:center;
  gap:clamp(28px, 4vw, 56px);
  padding:clamp(28px, 6vw, 76px);
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(87, 255, 82, .24);
  border-radius:26px;
  background:
    linear-gradient(90deg, rgba(3,16,12,.95), rgba(5,18,23,.76)),
    radial-gradient(circle at 50% 90%, rgba(49,219,58,.24), transparent 34%),
    #07110f;
  box-shadow:
    0 28px 70px rgba(0,0,0,.48),
    inset 0 0 80px rgba(41,137,30,.06);
}

.kickoff-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.42;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(143,255,148,.28) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 71%, rgba(143,255,148,.2) 71.3%, transparent 71.6%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 2px, transparent 2px 80px);
  transform:perspective(560px) rotateX(61deg) translateY(45%);
  transform-origin:center bottom;
}

.kickoff-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 0%, rgba(96,165,250,.18), transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(47,255,78,.18), transparent 30%);
}

.kickoff-stage{
  position:relative;
  min-height:460px;
  display:grid;
  place-items:center;
}

.kickoff-stadium-glow{
  position:absolute;
  width:min(410px, 92%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(65,255,73,.2), rgba(65,255,73,.04) 50%, transparent 72%);
  filter:blur(10px);
  opacity:.35;
  transition:opacity 900ms ease, transform 900ms ease;
}

.kickoff-animation{
  position:relative;
  z-index:2;
  display:block;
  width:min(410px, 96%);
  height:auto;
  border-radius:50%;
  filter:drop-shadow(0 0 14px rgba(56,255,77,.18));
  transition:opacity 700ms ease, transform 700ms ease;
}

.kickoff-skip{
  position:absolute;
  z-index:4;
  right:0;
  bottom:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:rgba(255,255,255,.78);
  background:rgba(0,0,0,.42);
  font:inherit;
  font-size:.82rem;
  cursor:pointer;
}

.kickoff-skip:hover,
.kickoff-skip:focus-visible{
  color:#fff;
  border-color:rgba(86,255,89,.72);
}

.kickoff-copy{
  position:relative;
  z-index:3;
  opacity:0;
  transform:translateY(22px);
  transition:opacity 900ms ease, transform 900ms ease;
}

.kickoff-eyebrow{
  margin:0 0 12px;
  color:#7dfb78;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.kickoff-hero h1{
  margin:0;
  padding:0;
  max-width:720px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fff;
  text-align:left;
  font-size:clamp(2.25rem, 4.25vw, 4.15rem);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.kickoff-subtitle{
  max-width:660px;
  margin:24px 0 0;
  color:#c8d2de;
  font-size:clamp(1rem, 1.7vw, 1.25rem);
  line-height:1.7;
}

.kickoff-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.kickoff-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border:1px solid transparent;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.kickoff-btn:hover{
  text-decoration:none;
  transform:translateY(-2px);
}

.kickoff-btn-primary{
  color:#041006;
  background:linear-gradient(135deg, #8cff83, #25c932);
  box-shadow:0 12px 30px rgba(37,201,50,.25);
}

.kickoff-btn-discord{
  color:#fff;
  background:linear-gradient(135deg, #6f7cff, #5865f2);
  box-shadow:0 12px 30px rgba(88,101,242,.22);
}

.kickoff-scroll{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:5;
  display:grid;
  justify-items:center;
  color:#b8c6bc;
  font-size:.8rem;
  text-decoration:none;
  transform:translateX(-50%);
  opacity:0;
  transition:opacity 600ms ease;
}

.kickoff-scroll span:last-child{
  color:#62ed61;
  font-size:1.4rem;
  line-height:1;
}

.kickoff-home.is-ready .kickoff-copy,
.kickoff-home.is-ready .kickoff-scroll{
  opacity:1;
  transform:translateY(0);
}

.kickoff-home.is-ready .kickoff-animation{
  opacity:1;
  transform:scale(1);
}

.kickoff-home.is-ready .kickoff-stadium-glow{
  opacity:.28;
  transform:scale(1.04);
}

.kickoff-home.is-ready .kickoff-skip{
  display:none;
}

.kickoff-discover{
  display:grid;
  gap:14px;
}

.kickoff-card{
  overflow:hidden;
  border:1px solid rgba(112,149,180,.22);
  border-radius:18px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
    rgba(10,16,27,.78);
  box-shadow:0 15px 40px rgba(0,0,0,.22);
}

.kickoff-card[open]{
  border-color:rgba(89,230,88,.45);
}

.kickoff-card summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:104px;
  padding:20px 22px;
  cursor:pointer;
  list-style:none;
}

.kickoff-card summary::-webkit-details-marker{
  display:none;
}

.kickoff-card-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(117,255,112,.28);
  border-radius:16px;
  background:rgba(47,164,49,.1);
  font-size:1.75rem;
}

.kickoff-card strong{
  display:block;
  color:#fff;
  font-size:clamp(1.1rem, 2vw, 1.35rem);
}

.kickoff-card small{
  display:block;
  margin-top:5px;
  color:#aeb9c9;
  font-size:.94rem;
}

.kickoff-card-toggle{
  color:#74ed70;
  font-size:.85rem;
  font-weight:800;
}

.kickoff-card-body{
  padding:0 22px 24px 98px;
  color:#c8d1de;
}

.
kickoff-card-body p{
  margin:0 0 12px;
}

.kickoff-card-body a{
  color:#79f176;
  font-weight:800;
}

.kickoff-community-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:clamp(24px, 5vw, 52px);
  border:1px solid rgba(105,255,98,.3);
  border-radius:24px;
  background:
    radial-gradient(circle at 15% 50%, rgba(61,255,72,.15), transparent 35%),
    linear-gradient(120deg, #07170e, #0c1420);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

.kickoff-community-cta p{
  margin:0 0 8px;
  color:#77ef72;
  font-weight:800;
}

.kickoff-community-cta h2{
  margin:0;
  max-width:700px;
  color:#fff;
  font-size:clamp(1.45rem, 3vw, 2.5rem);
  line-height:1.12;
}

@media (max-width:820px){
  .kickoff-hero{
    min-height:auto;
    grid-template-columns:1fr;
    padding:28px 20px 72px;
  }

  .kickoff-stage{
    min-height:300px;
  }

  .kickoff-animation{
    width:min(300px, 85%);
  }

  .kickoff-copy{
    text-align:center;
  }

  .kickoff-hero h1{
    text-align:center;
  }

  .kickoff-subtitle{
    margin-inline:auto;
  }

  .kickoff-actions{
    justify-content:center;
  }

  .kickoff-skip{
    right:50%;
    transform:translateX(50%);
  }
}

@media (max-width:640px){
  .kickoff-home{
    gap:22px;
  }

  .kickoff-hero{
    border-radius:19px;
  }

  .kickoff-card summary{
    grid-template-columns:auto minmax(0,1fr);
    gap:13px;
    min-height:92px;
    padding:17px;
  }

  .kickoff-card-icon{
    width:48px;
    height:48px;
    border-radius:13px;
    font-size:1.45rem;
  }

  .kickoff-card-toggle{
    grid-column:2;
  }

  .kickoff-card-body{
    padding:0 17px 20px;
  }

  .kickoff-community-cta{
    align-items:stretch;
    flex-direction:column;
    text-align:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .kickoff-copy,
  .kickoff-animation,
  .kickoff-stadium-glow,
  .kickoff-scroll{
    transition:none;
  }

  .kickoff-copy,
  .kickoff-scroll{
    opacity:1;
    transform:none;
  }

  .kickoff-animation{
    opacity:.22;
  }

  .kickoff-skip{
    display:none;
  }
}

/* ===== Ajustement du lien Découvrir Tolfootball ===== */
@media (max-width:820px){
  .kickoff-scroll{
    left:50%;
    right:auto;
    width:max-content;
    text-align:center;
    transform:translateX(-50%);
  }
}

/* =========================================================
   COUP D'ENVOI — CARTES VIVANTES
========================================================= */

/* Apparition progressive uniquement lorsque JavaScript est actif */
.kickoff-home.motion-enabled .kickoff-card,
.kickoff-home.motion-enabled .kickoff-community-cta{
  opacity:0;
  transform:translateY(24px);
}

.kickoff-home.motion-enabled .kickoff-card.is-visible,
.kickoff-home.motion-enabled .kickoff-community-cta.is-visible{
  opacity:1;
  transform:translateY(0);
}

.kickoff-card,
.kickoff-community-cta{
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.75,.25,1),
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}

/* Réaction premium au survol sur les appareils avec souris */
@media (hover:hover) and (pointer:fine){
  .kickoff-card:hover{
    transform:translateY(-6px);
    border-color:rgba(99,255,94,.55);
    background:
      linear-gradient(115deg, rgba(74,255,77,.055), rgba(255,255,255,.012)),
      rgba(10,16,27,.9);
    box-shadow:
      0 24px 54px rgba(0,0,0,.35),
      0 0 24px rgba(59,224,65,.08);
  }

  .kickoff-card:hover .kickoff-card-icon{
    transform:scale(1.06);
    border-color:rgba(117,255,112,.62);
    box-shadow:0 0 22px rgba(62,226,67,.12);
  }

  .kickoff-card:hover .kickoff-card-toggle{
    transform:translateX(5px);
  }

  .kickoff-community-cta:hover{
    transform:translateY(-4px);
    border-color:rgba(105,255,98,.52);
    box-shadow:
      0 28px 66px rgba(0,0,0,.4),
      0 0 30px rgba(62,226,67,.08);
  }
}

.kickoff-card-icon,
.kickoff-card-toggle{
  transition:
    transform .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

/* Respect du réglage d’accessibilité */
@media (prefers-reduced-motion:reduce){
  .kickoff-home.motion-enabled .kickoff-card,
  .kickoff-home.motion-enabled .kickoff-community-cta{
    opacity:1;
    transform:none;
  }
}

/* =========================================================
   SÉCURITÉ HERO — texte toujours visible hors animation
========================================================= */

.kickoff-copy{
  opacity:1;
  transform:translateY(0);
}

.kickoff-scroll{
  opacity:1;
}

/* Le texte disparaît uniquement pendant les 5 secondes du GIF */
.kickoff-home.intro-playing .kickoff-copy{
  opacity:0;
  transform:translateY(22px);
}

.kickoff-home.intro-playing .kickoff-scroll{
  opacity:0;
}

/* Après le GIF, tout réapparaît normalement */
.kickoff-home.is-ready .kickoff-copy,
.kickoff-home.is-ready .kickoff-scroll{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   PAGES JURIDIQUES — UNIVERS COUP D'ENVOI
========================================================= */

.kickoff-legal-page{
  display:grid;
  gap:18px;
  max-width:1000px;
  margin:0 auto;
}

.kickoff-legal-back{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:10px 16px;
  border:1px solid rgba(103,255,98,.28);
  border-radius:999px;
  color:#7dfb78;
  background:rgba(25,90,27,.12);
  font-weight:800;
  text-decoration:none;
}

.kickoff-legal-back:hover{
  text-decoration:none;
  border-color:rgba(103,255,98,.58);
  background:rgba(37,137,30,.18);
}

.kickoff-legal-card{
  padding:clamp(22px, 4vw, 44px);
  border:1px solid rgba(112,149,180,.24);
  border-radius:24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
    rgba(10,16,27,.88);
  box-shadow:0 22px 56px rgba(0,0,0,.34);
}

.kickoff-legal-card h1{
  margin-top:0;
}

.kickoff-legal-card p,
.kickoff-legal-card li{
  color:#c8d1de;
  line-height:1.75;
}

@media (max-width:640px){
  .kickoff-legal-card{
    border-radius:18px;
    padding:20px 16px;
  }
}

/* ===== PAGE JETONS — HISTOIRE TOLFOOTBALL ===== */

.pricing-story{
  display:grid;
  gap:26px;
}

.pricing-story-hero{
  padding:clamp(26px,5vw,54px);
  text-align:center;
  border:1px solid rgba(103,255,98,.30);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(67,255,77,.14),transparent 55%),
    linear-gradient(145deg,#06170d,#0b1420);
}

.pricing-story-hero h1{
  margin:8px 0 14px;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
  font-size:clamp(2.1rem,6vw,4rem);
}

.pricing-story-eyebrow{
  margin:0;
  color:#74ff70;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.pricing-story-lead{
  max-width:720px;
  margin:0 auto;
  font-size:clamp(1.05rem,2vw,1.28rem);
}

.pricing-story-section{
  padding:clamp(22px,4vw,38px);
  border:1px solid rgba(112,149,180,.22);
  border-radius:20px;
  background:rgba(8,15,26,.72);
}

.pricing-story-section h2,
.pricing-story-closing h2{
  margin-top:0;
  color:#fff;
  font-size:clamp(1.45rem,3vw,2rem);
}

.pricing-story-split{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
  margin-top:24px;
}

.pricing-story-box{
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(103,255,98,.22);
  background:linear-gradient(145deg,rgba(18,44,25,.92),rgba(13,20,34,.95));
  text-align:center;
}

.pricing-story-number{
  display:block;
  margin-bottom:10px;
  font-size:2.8rem;
  font-weight:900;
  color:#74ff70;
  line-height:1;
}

.pricing-story-highlight{
  margin-top:24px;
  padding:18px 22px;
  border-left:4px solid #74ff70;
  border-radius:14px;
  background:rgba(116,255,112,.08);
  color:#eef7ef;
  font-weight:700;
}

.pricing-story-facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:16px;
  margin-top:24px;
}

.pricing-story-facts strong{
  display:block;
  margin-bottom:6px;
  color:#74ff70;
  font-size:1.15rem;
}

.pricing-story-facts p{
  margin:0;
  padding:18px;
  text-align:center;
  border:1px solid rgba(103,255,98,.18);
  border-radius:16px;
  background:rgba(10,20,31,.72);
}

.pricing-story-facts span{
  display:block;
  margin-top:4px;
  color:#aeb9c9;
  font-size:.92rem;
}

.pricing-story-closing{
  padding:clamp(28px,5vw,50px);
  text-align:center;
  border:1px solid rgba(103,255,98,.32);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(70,255,78,.12),transparent 58%),
    linear-gradient(135deg,#072711,#0b1421);
}

.pricing-story-closing p:last-child{
  max-width:720px;
  margin:0 auto;
}

@media (max-width:720px){
  .pricing-story{
    gap:18px;
  }

  .pricing-story-section{
    padding:20px 17px;
  }

  .pricing-story-hero,
  .pricing-story-closing{
    border-radius:18px;
  }

  .pricing-story-split,
  .pricing-story-facts{
    grid-template-columns:1fr;
  }
}

/* ===== PAGE RÈGLEMENT — ESPRIT TOLFOOTBALL ===== */

.rules-story{
  display:grid;
  gap:26px;
}

.rules-story-hero{
  padding:clamp(28px,5vw,56px);
  text-align:center;
  border:1px solid rgba(103,255,98,.30);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(67,255,77,.14),transparent 56%),
    linear-gradient(145deg,#07180e,#0b1420);
}

.rules-story-hero h1{
  margin:8px 0 14px;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
  font-size:clamp(2rem,5.5vw,3.8rem);
}

.rules-story-eyebrow{
  margin:0;
  color:#74ff70;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.rules-story-lead{
  max-width:760px;
  margin:0 auto;
  font-size:clamp(1.05rem,2vw,1.28rem);
}

.rules-story-section{
  padding:clamp(22px,4vw,38px);
  border:1px solid rgba(112,149,180,.22);
  border-radius:20px;
  background:rgba(8,15,26,.72);
}

.rules-story-section h2,
.rules-story-closing h2{
  margin-top:0;
  color:#fff;
  font-size:clamp(1.45rem,3vw,2rem);
}

.rules-story-conditions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.rules-story-condition{
  padding:22px;
  border:1px solid rgba(103,255,98,.20);
  border-radius:18px;
  background:linear-gradient(
    145deg,
    rgba(18,44,25,.84),
    rgba(13,20,34,.92)
  );
}

.rules-story-condition > span{
  display:block;
  margin-bottom:10px;
  font-size:2rem;
}

.rules-story-condition strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:1.08rem;
}

.rules-story-condition p{
  margin:0;
}

.rules-story-highlight{
  margin-top:24px;
  padding:18px 22px;
  border-left:4px solid #74ff70;
  border-radius:0 14px 14px 0;
  background:rgba(116,255,112,.08);
  color:#eef7ef;
  font-weight:700;
}

.rules-story-positive{
  border-color:rgba(103,255,98,.30);
  background:
    radial-gradient(circle at 0 0,rgba(74,255,77,.10),transparent 42%),
    rgba(8,15,26,.76);
}

.rules-story-badges{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-top:22px;
}

.rules-story-badges p{
  margin:0;
  padding:18px;
  border:1px solid rgba(103,255,98,.18);
  border-radius:16px;
  background:rgba(10,20,31,.72);
}

.rules-story-badges strong,
.rules-story-badges span{
  display:block;
}

.rules-story-badges strong{
  margin-bottom:6px;
  color:#74ff70;
}

.rules-story-badges span{
  color:#aeb9c9;
  font-size:.92rem;
}

.rules-story-conditions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.rules-story-condition{
  padding:22px;
  border:1px solid rgba(103,255,98,.20);
  border-radius:18px;
  background:linear-gradient(
    145deg,
    rgba(18,44,25,.84),
    rgba(13,20,34,.92)
  );
}

.rules-story-condition > span{
  display:block;
  margin-bottom:10px;
  font-size:2rem;
}

.rules-story-condition strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:1.08rem;
}

.rules-story-condition p{
  margin:0;
}

.rules-story-highlight{
  margin-top:24px;
  padding:18px 22px;
  border-left:4px solid #74ff70;
  border-radius:0 14px 14px 0;
  background:rgba(116,255,112,.08);
  color:#eef7ef;
  font-weight:700;
}

.rules-story-positive{
  border-color:rgba(103,255,98,.30);
  background:
    radial-gradient(circle at 0 0,rgba(74,255,77,.10),transparent 42%),
    rgba(8,15,26,.76);
}

.rules-story-badges{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-top:22px;
}

.rules-story-badges p{
  margin:0;
  padding:18px;
  border:1px solid rgba(103,255,98,.18);
  border-radius:16px;
  background:rgba(10,20,31,.72);
}

.rules-story-badges strong,
.rules-story-badges span{
  display:block;
}

.rules-story-badges strong{
  margin-bottom:6px;
  color:#74ff70;
}

.rules-story-badges span{
  color:#aeb9c9;
  font-size:.92rem;
}

.rules-story-conditions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.rules-story-condition{
  padding:22px;
  border:1px solid rgba(103,255,98,.20);
  border-radius:18px;
  background:linear-gradient(
    145deg,
    rgba(18,44,25,.84),
    rgba(13,20,34,.92)
  );
}

.rules-story-condition > span{
  display:block;
  margin-bottom:10px;
  font-size:2rem;
}

.rules-story-condition strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:1.08rem;
}

.rules-story-condition p{
  margin:0;
}

.rules-story-highlight{
  margin-top:24px;
  padding:18px 22px;
  border-left:4px solid #74ff70;
  border-radius:0 14px 14px 0;
  background:rgba(116,255,112,.08);
  color:#eef7ef;
  font-weight:700;
}

.rules-story-positive{
  border-color:rgba(103,255,98,.30);
  background:
    radial-gradient(circle at 0 0,rgba(74,255,77,.10),transparent 42%),
    rgba(8,15,26,.76);
}

.rules-story-badges{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-top:22px;
}

.rules-story-badges p{
  margin:0;
  padding:18px;
  border:1px solid rgba(103,255,98,.18);
  border-radius:16px;
  background:rgba(10,20,31,.72);
}

.rules-story-badges strong,
.rules-story-badges span{
  display:block;
}

.rules-story-badges strong{
  margin-bottom:6px;
  color:#74ff70;
}

.rules-story-badges span{
  color:#aeb9c9;
  font-size:.92rem;
}

.rules-story-warning{
  border-color:rgba(255,190,72,.28);
  background:
    radial-gradient(circle at 0 0,rgba(255,181,71,.08),transparent 42%),
    rgba(22,16,10,.78);
}

.rules-story-warning .rules-story-eyebrow{
  color:#ffc56f;
}

.rules-story-closing{
  padding:clamp(28px,5vw,50px);
  text-align:center;
  border:1px solid rgba(103,255,98,.34);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(70,255,78,.12),transparent 58%),
    linear-gradient(135deg,#072711,#0b1421);
}

.rules-story-closing h2{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.25;
}

.rules-story-closing p:last-child{
  max-width:720px;
  margin:0 auto;
}

@media (max-width:720px){
  .rules-story{
    gap:18px;
  }

  .rules-story-section{
    padding:20px 17px;
  }

  .rules-story-hero,
  .rules-story-closing{
    border-radius:18px;
  }

  .rules-story-conditions,
  .rules-story-badges{
    grid-template-columns:1fr;
  }

  .rules-story-highlight{
    padding:16px 18px;
  }
}