.free-banner{ margin:0!important; padding:10px 15px 30px 15px!important; background:#fff!important; }
.free-banner-box{
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px;
  background: linear-gradient(105deg,#e6f3ff 0%, #ffffff 55%, #f0f7ff 100%)!important;
  border-radius:28px; padding:30px 35px!important; position:relative;
  box-shadow:0 20px 60px rgba(14,165,233,0.12);
}
.free-banner-box::before{
  content:''; position:absolute; inset:0; border-radius:28px; padding:3px;
  background: linear-gradient(135deg,#0ea5e9,#2563eb);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none;
}
.free-left{ flex:1 1 55%!important; min-width:0!important; }
.free-right{ flex:0 0 42%!important; display:flex!important; justify-content:center!important; align-items:center!important; }
.free-right img{ width:100%!important; max-width:360px!important; height:auto!important; display:block!important; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15)); }

/* GREEN - Free Forever Tag */
.free-tag{ display:inline-flex; background: linear-gradient(135deg,#22c55e,#16a34a)!important; color:#fff; padding:6px 16px; border-radius:50px; font-weight:800; font-size:12px; box-shadow:0 4px 12px rgba(34,197,94,0.3); }

.free-banner h2{ font-size:36px; font-weight:900; color:#0d2342; line-height:1.1; margin:12px 0 0 0!important; }

/* BLUE BUTTON COLOR - Unlimited Teams & Players */
.free-banner h2 span{ 
  background: linear-gradient(90deg,#0ea5e9 0%, #0284c7 15%, #2563eb 60%, #1d4ed8 100%)!important; 
  -webkit-background-clip:text!important; 
  -webkit-text-fill-color:transparent!important; 
  background-clip:text!important;
}

.free-banner p{ font-size:16px; color:#475569; margin:10px 0 0 0!important; }
.free-features{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px!important; }
.free-features span{ background:#fff; padding:8px 14px; border-radius:50px; font-weight:600; font-size:13px; box-shadow:0 3px 10px rgba(0,0,0,0.05); border:1px solid #e0f2fe; }
.free-features i{ margin-right:4px; color:#0284c7!important; }

/* GREEN - Start Free Button */
.btn-free{ display:inline-flex; align-items:center; gap:6px; background: linear-gradient(135deg,#22c55e,#16a34a)!important; color:#fff!important; font-weight:800; padding:12px 26px; border-radius:12px; text-decoration:none; margin-top:16px!important; box-shadow:0 8px 20px rgba(34,197,94,0.35); }

@media(max-width:768px){
  .free-banner-box{ flex-direction:column!important; text-align:center!important; padding:25px 18px!important; }
  .free-left,.free-right{ flex:0 0 100%!important; width:100%!important; }
  .free-features{ justify-content:center!important; }
  .free-right img{ max-width:240px!important; margin-top:15px!important; }
  .free-banner h2{ font-size:26px!important; }
}