:root{
  --wc-bg:#090d13;
  --wc-bg-2:#0d131b;
  --wc-sidebar:#10151d;
  --wc-panel:#121821;
  --wc-panel-2:#171e28;
  --wc-card:#101721;
  --wc-text:#f5f7fb;
  --wc-soft:#a0a7b4;
  --wc-muted:#747b89;
  --wc-line:rgba(255,255,255,.08);
  --wc-red:#ff260f;
  --wc-red-2:#d80f06;
  --wc-red-dark:#7b0707;
  --wc-teal:#00c9a7;
  --wc-teal-2:#068974;
  --wc-yellow:#ffbd00;
  --wc-shadow:0 18px 50px rgba(0,0,0,.48);
}

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

body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh;
  color:var(--wc-text);
  background:
    radial-gradient(circle at 28% 48%, rgba(0,201,167,.16), transparent 18%),
    radial-gradient(circle at 70% 96%, rgba(255,38,15,.18), transparent 16%),
    linear-gradient(180deg,#0a0e14 0%,#080c12 55%,#0b1017 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,38,15,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 64% 52%, rgba(0,201,167,.20) 0 2px, transparent 4px),
    radial-gradient(circle at 82% 24%, rgba(0,201,167,.18) 0 2px, transparent 4px),
    radial-gradient(circle at 34% 86%, rgba(255,38,15,.18) 0 2px, transparent 4px);
  filter:blur(.2px);
  opacity:.75;
  z-index:-1;
}

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

.sidebar nav a,
.mobile-nav-menu a,
.btn-login,
.btn-register,
.dl-btn,
.now-btn,
.btn-yellow,
.btn-outline,
.footer-support-btn{
  overflow-wrap:anywhere;
}

.sidebar{
  width:220px;
  position:fixed;
  inset:0 auto 0 0;
  z-index:50;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  background:linear-gradient(180deg,#0c1118 0%,#10151d 60%,#0b1017 100%);
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:10px 0 30px rgba(0,0,0,.36);
}
.sidebar::-webkit-scrollbar{display:none}

.sidebar .logo{
  padding:12px 22px 20px;
  border-bottom:1px solid var(--wc-line);
}
.sidebar .logo img{
  display:block;
  width:166px;
  height:auto;
}

.sidebar nav{
  padding:18px 10px 12px;
}
.sidebar nav a,
.sidebar nav .menu-parent-link{
  position:relative;
  display:block;
  padding:11px 12px;
  color:var(--wc-soft);
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  border-radius:6px;
  transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
.sidebar nav a::before,
.sidebar nav .menu-parent-link::before{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  width:3px;
  height:0;
  border-radius:999px;
  background:var(--wc-red);
  box-shadow:0 0 14px rgba(255,38,15,.85);
  transform:translateY(-50%);
  transition:height .18s ease;
}
.sidebar nav a:hover,
.sidebar nav a.active,
.sidebar nav .menu-parent-link:hover,
.sidebar nav .menu-parent-link.active{
  color:#fff;
  background:rgba(255,255,255,.045);
}
.sidebar nav a:hover::before,
.sidebar nav a.active::before,
.sidebar nav .menu-parent-link:hover::before,
.sidebar nav .menu-parent-link.active::before{
  height:24px;
}

.sidebar nav .menu-parent{
  display:block;
  width:100%;
}
.sidebar nav .menu-parent-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  gap:6px;
  align-items:center;
  padding-right:4px;
}
.sidebar nav .menu-toggle,
.mobile-nav-menu .menu-toggle,
button.menu-toggle{
  appearance:none;
  -webkit-appearance:none;
  width:22px;
  min-width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,38,15,.72);
  border-radius:4px;
  color:#fff;
  background:linear-gradient(180deg,var(--wc-red) 0%,var(--wc-red-2) 100%);
  cursor:pointer;
  font:inherit;
  font-size:10px;
  line-height:1;
  padding:0;
  box-shadow:0 0 0 1px rgba(255,38,15,.08),0 6px 14px rgba(255,38,15,.18);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.sidebar nav .menu-toggle:hover,
.mobile-nav-menu .menu-toggle:hover,
button.menu-toggle:hover{
  background:linear-gradient(180deg,#ff3a23 0%,var(--wc-red) 100%);
  box-shadow:0 0 0 1px rgba(255,38,15,.45),0 0 18px rgba(255,38,15,.34);
}
.sidebar nav .menu-parent.is-open .menu-toggle,
.mobile-nav-menu .menu-parent.is-open .menu-toggle{
  transform:rotate(180deg);
}
.sidebar nav .menu-children,
.mobile-nav-menu .menu-children{
  display:none;
  flex-direction:column;
  gap:3px;
  margin:3px 0 10px;
  padding:0 0 0 18px;
}
.sidebar nav .menu-parent.is-open .menu-children,
.mobile-nav-menu .menu-parent.is-open .menu-children{
  display:flex;
}
.sidebar nav .menu-children a,
.mobile-nav-menu .menu-children a{
  font-size:13px;
  color:rgba(255,255,255,.64);
  padding:8px 10px;
}
.sidebar nav .menu-children a:hover{
  color:#fff;
}

.sidebar .sidebar-banner{
  margin:10px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,201,167,.18);
  background:#0b121a;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.sidebar .sidebar-banner img{
  display:block;
  width:100%;
}

.sidebar .dl-btns{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.dl-btn{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px 10px;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(180deg,#151d28 0%,#101721 100%);
  border:1px solid rgba(255,255,255,.08);
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.dl-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(0,201,167,.42);
  background:#161f2b;
}
.dl-btn-icon{
  width:22px;
  height:22px;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0a0f16;
}
.dl-btn-icon svg,
.dl-btn-arrow svg{
  width:100%;
  height:100%;
}
.dl-btn-text{flex:1;min-width:0}
.dl-btn-label{display:block;color:var(--wc-soft);font-size:11px}
.dl-btn-platform{display:block;color:#fff;font-size:14px;font-weight:900}
.dl-btn-arrow{width:15px;height:15px}

.sidebar .auth-btns{
  display:flex;
  gap:8px;
  padding:10px;
}
.btn-login,
.btn-register{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:44px;
  padding:0 18px;
  border-radius:4px;
  font-size:15px;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.btn-register{
  color:#fff;
  background:linear-gradient(180deg,#ff321b 0%,var(--wc-red) 100%);
  border:1px solid var(--wc-red);
  box-shadow:0 0 0 10px rgba(255,38,15,.14),0 12px 22px rgba(255,38,15,.24);
}
.btn-register:hover{
  transform:translateY(-1px);
  background:#ff351f;
  box-shadow:0 0 0 10px rgba(255,38,15,.20),0 0 24px rgba(255,38,15,.36);
}
.btn-login{
  color:#fff;
  background:#0e141d;
  border:1px solid rgba(255,38,15,.78);
}
.btn-login:hover{
  transform:translateY(-1px);
  border-color:var(--wc-red);
  background:#151b25;
  box-shadow:0 0 18px rgba(255,38,15,.22);
}

.sidebar .support{
  padding:12px 18px 4px;
  color:var(--wc-muted);
  font-size:13px;
  line-height:1.45;
}
.sidebar .support strong{color:#fff}
.sidebar .mail-icon{display:none}

.content-area{
  margin-left:220px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.content-inner{
  width:min(100%,1380px);
  margin:0 auto;
  padding:34px 34px 44px;
  flex:1;
}

.banners{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin-bottom:42px;
}
.banner{
  position:relative;
  min-height:240px;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:34px 38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.045);
  background:#111821;
  box-shadow:var(--wc-shadow);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.banner::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.9;
  z-index:-2;
  transition:opacity .22s ease;
}
.banner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  transition:opacity .22s ease;
}
.banner:hover,
.banner:focus-within{
  transform:translateY(-2px);
}
.banner:hover::after,
.banner:focus-within::after{
  opacity:1;
}
.banner-deposit{
  border-color:rgba(255,38,15,.10);
}
.banner-deposit:hover,
.banner-deposit:focus-within{
  border-color:var(--wc-red);
  box-shadow:0 0 0 1px rgba(255,38,15,.10),0 0 36px rgba(255,38,15,.24),var(--wc-shadow);
}
.banner-deposit::before{
  background:
    linear-gradient(90deg,rgba(9,13,19,.98) 0%,rgba(18,20,30,.90) 38%,rgba(94,8,11,.46) 64%,rgba(216,15,6,.14) 100%),
    url("img/bonus-sport-desk.webp"),
    radial-gradient(circle at 72% 58%, rgba(255,190,110,.44), transparent 21%),
    radial-gradient(circle at 86% 44%, rgba(255,38,15,.72), transparent 30%),
    linear-gradient(90deg,#111821 0%,#1b1320 34%,#65070a 70%,#d80f06 100%);
  background-repeat:no-repeat;
  background-position:center,right -36px bottom,center,center,center;
  background-size:100% 100%,auto 106%,100% 100%,100% 100%,100% 100%;
}
.banner-deposit::after{
  background:
    radial-gradient(circle at 14% 0%, rgba(255,38,15,.95) 0 2px, transparent 4px),
    radial-gradient(circle at 36% 100%, rgba(255,38,15,.75) 0 2px, transparent 4px),
    linear-gradient(90deg,rgba(255,38,15,.14),transparent 28%,transparent 74%,rgba(255,38,15,.12));
}
.banner-drop{
  border-color:rgba(0,201,167,.10);
}
.banner-drop:hover,
.banner-drop:focus-within{
  border-color:var(--wc-teal);
  box-shadow:0 0 0 1px rgba(0,201,167,.10),0 0 36px rgba(0,201,167,.25),var(--wc-shadow);
}
.banner-drop::before{
  background:
    linear-gradient(90deg,rgba(9,13,19,.98) 0%,rgba(11,28,32,.88) 42%,rgba(0,169,141,.22) 100%),
    url("img/bonus-casino-desk.webp"),
    linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%) 0 0/92px 92px,
    linear-gradient(225deg,rgba(255,255,255,.035) 25%,transparent 25%) 0 0/92px 92px,
    linear-gradient(90deg,#111821 0%,#123333 48%,#00a98d 100%);
  background-repeat:no-repeat;
  background-position:center,right -44px bottom,0 0,0 0,center;
  background-size:100% 100%,auto 106%,92px 92px,92px 92px,100% 100%;
}
.banner-drop::after{
  background:
    radial-gradient(circle at 0% 46%, rgba(0,201,167,.95) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 4%, rgba(0,201,167,.90) 0 2px, transparent 6px),
    linear-gradient(90deg,rgba(0,201,167,.12),transparent 26%,transparent 78%,rgba(0,201,167,.16));
}
.banner-bubbles{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.banner-bubbles span{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:999px;
  opacity:.65;
  background:currentColor;
  box-shadow:0 0 16px currentColor;
}
.banner-deposit .banner-bubbles{color:var(--wc-red)}
.banner-drop .banner-bubbles{color:var(--wc-teal)}
.banner-bubbles span:nth-child(1){left:13%;top:10%}
.banner-bubbles span:nth-child(2){left:28%;top:82%}
.banner-bubbles span:nth-child(3){left:72%;top:18%}
.banner-bubbles span:nth-child(4){left:88%;top:74%}
.banner-bubbles span:nth-child(n+5){display:none}

.banner-content{
  position:relative;
  z-index:1;
  max-width:50%;
}
.banner-deposit h1{
  color:#fff;
  font-size:clamp(24px,2.1vw,34px);
  line-height:1.08;
  font-weight:950;
  font-style:italic;
  letter-spacing:0;
  text-transform:uppercase;
  margin-bottom:22px;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.banner-drop .amount-label{
  color:#fff;
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.06;
  font-weight:950;
  font-style:italic;
  text-transform:uppercase;
}
.banner-drop .amount{
  margin:12px 0 24px;
  color:var(--wc-yellow);
  font-size:clamp(32px,2.8vw,46px);
  line-height:1;
  font-weight:950;
  font-style:italic;
}
.banner-drop .drop-btns{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.now-btn,
.btn-yellow,
.btn-outline,
.footer-support-btn,
.footer-app-btn,
.article .cta-center a,
.article .cta-center button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  min-height:54px;
  padding:0 34px;
  color:#fff;
  background:linear-gradient(180deg,#ff321b 0%,var(--wc-red) 100%);
  border:1px solid var(--wc-red);
  font-size:16px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:0;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(255,38,15,.22);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.now-btn:hover,
.btn-yellow:hover,
.footer-support-btn:hover,
.footer-app-btn:hover,
.article .cta-center a:hover,
.article .cta-center button:hover{
  transform:translateY(-1px);
  background:#ff351f;
  box-shadow:0 0 24px rgba(255,38,15,.34),0 12px 24px rgba(255,38,15,.22);
}
.btn-outline{
  background:#0d131b;
  border-color:rgba(255,38,15,.78);
  box-shadow:none;
}
.btn-outline:hover{
  transform:translateY(-1px);
  background:#151b25;
  border-color:var(--wc-red);
  box-shadow:0 0 18px rgba(255,38,15,.20);
}

.article{
  position:relative;
  border-radius:14px;
  padding:38px 46px;
  color:var(--wc-text);
  background:linear-gradient(180deg,rgba(18,24,33,.98),rgba(13,19,27,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--wc-shadow);
}
.article h1,
.article h2,
.article h3{
  color:#fff;
  letter-spacing:0;
}
.article h1{
  font-size:30px;
  line-height:1.22;
  margin-bottom:14px;
}
.article h2{
  margin:28px 0 14px;
  font-size:25px;
  line-height:1.22;
}
.article h3{
  margin:20px 0 10px;
  font-size:19px;
}
.article p,
.article li,
.article td,
.article th{
  color:#d5d9e2;
  font-size:16px;
  line-height:1.75;
}
.article p{margin-bottom:15px}
.article a{
  color:var(--wc-teal);
  text-decoration:underline;
  text-underline-offset:3px;
}
.article ul,
.article ol{
  margin:14px 0 18px 22px;
}
.article li{margin:7px 0}
.article table,
.info-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:20px 0 24px;
  overflow:hidden;
  border:1px solid rgba(0,201,167,.22);
  border-radius:10px;
  background:#0e151e;
}
.article th,
.article td,
.info-table td{
  padding:13px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.article th{
  color:#fff;
  background:rgba(0,201,167,.10);
}
.article tr:last-child td,
.info-table tr:last-child td{
  border-bottom:0;
}
.page-image,
.toc{
  margin:0 0 24px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#0e151e;
}
.page-image img,
.toc img{
  display:block;
  width:100%;
  max-height:430px;
  object-fit:cover;
}

.mobile-header{
  display:none;
  position:sticky;
  top:0;
  z-index:60;
  background:#0b1017;
  border-bottom:1px solid var(--wc-line);
}
.mobile-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
}
.mobile-logo img{display:block;height:36px;width:auto}
.mobile-actions{display:flex;align-items:center;gap:8px}
.mobile-actions .btn-login,
.mobile-actions .btn-register{
  min-height:36px;
  padding:0 14px;
  font-size:13px;
}
.burger{
  width:38px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  border:1px solid rgba(255,38,15,.78);
  color:#fff;
  background:#0e141d;
  font-size:20px;
  cursor:pointer;
}
.mobile-nav{
  display:none;
  position:fixed;
  inset:0;
  z-index:80;
  background:rgba(8,12,18,.98);
}
.mobile-nav.open{display:block}
.mobile-nav-inner{
  max-width:390px;
  margin:0 auto;
  padding:18px;
}
.mobile-nav-close{
  display:block;
  margin-left:auto;
  border:0;
  background:transparent;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.mobile-nav-menu{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mobile-nav-menu a{
  padding:11px 8px;
  border-radius:6px;
  color:var(--wc-soft);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mobile-nav-menu a:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}

.footer{
  margin-top:24px;
  padding:0 34px 34px;
}
.footer-inner{
  width:min(100%,1380px);
  margin:0 auto;
  padding:28px;
  border-radius:14px;
  background:linear-gradient(180deg,#121821 0%,#0f151e 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--wc-shadow);
}
.footer-top-row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:18px;
  margin-bottom:24px;
}
.footer-support-card,
.footer-small-card,
.footer-app-card{
  border-radius:12px;
  background:#111821;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.footer-support-card{
  min-height:138px;
  position:relative;
}
.footer-support-bg{
  position:absolute;
  inset:0;
  opacity:.16;
}
.footer-support-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.footer-support-content{
  position:relative;
  z-index:1;
  padding:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.footer-support-label{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-support-title,
.footer-links-title,
.footer-app-title{
  color:#fff;
  font-weight:900;
}
.footer-support-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--wc-red);
  color:#fff;
  font-weight:900;
  font-size:12px;
}
.footer-support-text,
.footer-small-title,
.footer-app-text,
.footer-copy-line{
  color:var(--wc-soft);
}
.footer-support-btn{
  min-height:42px;
  padding:0 24px;
  font-size:14px;
}
.footer-small-card{
  display:flex;
  align-items:center;
  padding:20px;
}
.footer-small-mail{
  margin-top:8px;
  color:#fff;
}
.footer-apps-row{
  display:grid;
  grid-template-columns:2fr 1.3fr 1.3fr;
  gap:18px;
  margin-bottom:24px;
}
.footer-app-card{
  display:flex;
  align-items:stretch;
}
.footer-app-img{
  width:128px;
  object-fit:cover;
}
.footer-app-content{
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.footer-app-btn{
  align-self:flex-start;
  min-height:36px;
  padding:0 18px;
  font-size:12px;
}
.footer-links-row{
  display:flex;
  gap:64px;
  margin-bottom:24px;
}
.footer-links-col{min-width:170px}
.footer-links-col:nth-child(2){min-width:380px}
.footer-links-col ul{list-style:none;margin-top:12px}
.footer-links-col:nth-child(2) ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,1fr));
  gap:8px 34px;
}
.footer-links-col li{margin-bottom:8px}
.footer-links-col:nth-child(2) li{margin-bottom:0}
.footer-links-col a{
  color:var(--wc-soft);
  font-size:14px;
  transition:color .18s ease;
}
.footer-links-col a:hover{color:var(--wc-teal)}
.footer-bottom-row{
  padding-top:18px;
  border-top:1px solid var(--wc-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.footer-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-social-icon{
  width:36px;
  height:36px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#151d28;
  transition:transform .18s ease,box-shadow .18s ease;
}
.footer-social-icon:hover{
  transform:translateY(-1px);
  box-shadow:0 0 18px rgba(0,201,167,.16);
}
.footer-age{
  color:#fff;
  font-weight:900;
}

@media(max-width:1200px){
  .banners{grid-template-columns:1fr}
  .banner{min-height:250px}
}
@media(max-width:900px){
  .sidebar{display:none}
  .mobile-header{display:block}
  .content-area{margin-left:0}
  .content-inner{padding:18px 14px 28px}
  .footer{padding:0 14px 24px}
  .footer-top-row,
  .footer-apps-row{grid-template-columns:1fr}
  .footer-links-row{flex-direction:column;gap:24px}
  .footer-links-col:nth-child(2){min-width:0}
}
@media(max-width:640px){
  .banner{min-height:220px;padding:26px 22px}
  .banner-content{max-width:100%}
  .banner-deposit::before{
    background-position:center,right -96px bottom,center,center,center;
    background-size:100% 100%,auto 92%,100% 100%,100% 100%,100% 100%;
  }
  .banner-drop::before{
    background-position:center,right -104px bottom,0 0,0 0,center;
    background-size:100% 100%,auto 92%,92px 92px,92px 92px,100% 100%;
  }
  .banner-deposit h1{font-size:24px;line-height:1.12}
  .banner-drop .amount-label{font-size:24px;line-height:1.08}
  .banner-drop .amount{font-size:32px}
  .now-btn,
  .btn-yellow,
  .btn-outline{min-height:48px;padding:0 22px;font-size:14px}
  .article{padding:26px 20px}
  .footer-inner{padding:20px}
  .footer-links-col:nth-child(2) ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
  .footer-bottom-row{align-items:flex-start;flex-direction:column}
}

/* Semantic article notes: presentation belongs to this template. */
aside[data-content-note="condition"],aside[data-content-note="tip"],aside[data-content-note="example"]{
 box-sizing:border-box;min-width:0;max-width:100%;margin:24px 0;padding:18px 22px;
 border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent);
 border-inline-start:4px solid var(--article-note-accent,currentColor);border-radius:10px;
 background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;overflow-wrap:anywhere;text-align:start;
}
aside[data-content-note] p,aside[data-content-note] strong{color:inherit}
aside[data-content-note]>:first-child{margin-top:0}aside[data-content-note]>:last-child{margin-bottom:0}
aside[data-content-note="condition"]{--article-note-accent:#c98a38}
aside[data-content-note="tip"]{--article-note-accent:#579cda}
aside[data-content-note="example"]{--article-note-accent:#4b9b6a}
@media(max-width:600px){aside[data-content-note]{padding:16px;margin:20px 0}}


/* SITE GENERATOR ARTICLE CTA FALLBACK */
.after-first-paragraph-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#1757d7,#2583ed);box-shadow:0 14px 32px rgba(21,94,239,.22)}
.article-cta-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:999px;background:#ffbf00!important;color:#111827!important;font-weight:800;text-decoration:none!important;line-height:1.1;box-shadow:0 8px 20px rgba(255,191,0,.25)}
.article-cta-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,191,0,.34)}
.article-cta-code{font-size:.95em;color:#fff;opacity:.96}
.article-cta-code strong{color:#ffdf6b}
.article-cta-secondary{margin-top:28px}
.article-cta-compact{padding:12px 14px}
/* END SITE GENERATOR ARTICLE CTA FALLBACK */