:root{
  --ink:#071a38;
  --muted:#63799a;
  --paper:#f3f8ff;
  --white:#fff;
  --blue:#1268f3;
  --blue-dark:#0747b4;
  --mint:#dff8ff;
  --green:#00a4d6;
  --coral:#ffb52e;
  --line:#cedcf0;
  --gold:#ffc95c;
  --gold-soft:#ffe7a8;
  --shadow:0 28px 80px rgba(8,42,100,.18);
}

body{
  background:
    radial-gradient(circle at 12% 4%,rgba(37,140,255,.16),transparent 26%),
    radial-gradient(circle at 90% 8%,rgba(35,219,255,.12),transparent 24%),
    linear-gradient(180deg,#f8fbff 0,#edf5ff 45%,#f7fbff 100%);
  color:var(--ink);
}
body::before{
  opacity:.36;
  background-image:linear-gradient(rgba(18,104,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,104,243,.04) 1px,transparent 1px);
  background-size:42px 42px;
}
.ticker{
  background:linear-gradient(90deg,#03152f,#063e84 52%,#03152f);
  color:#e8f5ff;
  border-bottom:1px solid rgba(65,215,255,.25);
}
.ticker b{color:var(--gold)}
.site-header{
  background:rgba(248,252,255,.88);
  border-bottom:1px solid rgba(20,91,190,.14);
  box-shadow:0 12px 34px rgba(13,56,120,.08);
}
.brand{color:#061d43;font-family:var(--sans);font-size:18px;text-transform:none;letter-spacing:-.025em}
.brand>img{width:62px;height:62px;filter:drop-shadow(0 8px 16px rgba(15,102,237,.28))}
.brand small{color:#1371e9;font-size:8px;letter-spacing:.19em}
.site-header nav{color:#274565}
.site-header nav>a:not(.nav-cta)::after{background:linear-gradient(90deg,#0d65ee,#23d7ff)}
.nav-cta{background:linear-gradient(110deg,#0b57d0,#0aaee4);box-shadow:0 10px 26px rgba(11,105,217,.25)}

.hero{min-height:700px}
.hero::before{background:radial-gradient(circle,rgba(27,130,255,.22),rgba(35,215,255,.08) 48%,transparent 72%)}
.hero-copy::before{display:none}
.eyebrow{color:#0767e9;text-shadow:none}
.hero h1,.article-hero h1{color:#051b3d;text-shadow:none}
.hero h1::first-line{color:#0c63df}
.hero-lead{color:#425d7e}
.button{border-color:rgba(14,92,198,.22);color:#0b3b80}
.button.primary{background:linear-gradient(110deg,#0b58d4,#0aaee4 62%,#20d7ff);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:0 14px 38px rgba(10,100,220,.27)}
.button.primary:hover{background:linear-gradient(110deg,#0848b7,#0799cb 62%,#11c6ed)}
.button.ghost{background:rgba(255,255,255,.72);border-color:rgba(18,104,243,.24);color:#0c56c3}
.trust-row{color:#56708f}
.trust-row i{background:#dff8ff;color:#058abb;box-shadow:inset 0 0 0 1px rgba(15,172,220,.22)}
.hero-visual.casino-art{border-color:rgba(255,205,92,.45);box-shadow:0 34px 90px rgba(6,34,82,.28),0 0 45px rgba(22,155,255,.16)}
.casino-art::after{background:linear-gradient(90deg,rgba(4,20,49,.68),transparent 43%),linear-gradient(0deg,rgba(3,18,44,.48),transparent 44%)}
.hero-badge{background:rgba(3,21,51,.78);border-color:rgba(255,204,87,.55);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.hero-badge span{color:var(--gold)}
.casino-art .mini-green{background:rgba(4,28,64,.84);border-color:rgba(41,215,255,.4);box-shadow:0 0 34px rgba(28,180,255,.2)}

.editor-note{
  background:radial-gradient(circle at 90% 10%,rgba(32,210,255,.22),transparent 30%),linear-gradient(125deg,#071d45,#0b4e9d);
  border-color:rgba(255,207,94,.35);
  box-shadow:0 28px 70px rgba(8,53,122,.25);
}
.editor-note .eyebrow{color:var(--gold)}
.editor-note p:last-child{color:#dcecff}
.section-heading h2,.method-intro h2,.faq-section h2{color:#061f48}

.sponsor-card{
  background:rgba(255,255,255,.94);
  border-color:rgba(13,90,197,.16);
  box-shadow:0 18px 48px rgba(10,48,105,.11);
}
.sponsor-card:hover{border-color:rgba(12,104,231,.38);box-shadow:0 28px 68px rgba(8,52,124,.19),0 0 32px rgba(32,205,255,.09)}
.sponsor-rank span{background:#fff;color:#075ad1;border-color:rgba(10,94,209,.22);box-shadow:0 8px 22px rgba(7,45,104,.18)}
.sponsor-card>img{background:#07152e;filter:none}
.sponsor-body h3{color:#071d43}
.sponsor-body>p{color:#0d5bc5}
.chips span{background:#edf6ff;color:#57708e;border-color:#d9e9fb}
.sponsor-body>a{background:linear-gradient(100deg,#092c64,#096bcf);border-color:rgba(16,115,235,.22)}
.sponsor-body>a:hover{background:linear-gradient(100deg,var(--accent),#086bd7)}

.method-section{
  background:radial-gradient(circle at 88% 8%,rgba(32,215,255,.21),transparent 31%),linear-gradient(135deg,#dfeeff,#edf9ff);
  border-color:rgba(16,104,224,.18);
  box-shadow:0 22px 60px rgba(9,54,119,.1);
}
.method-intro>p:last-child,.method-grid p{color:#506b8e}
.method-grid li{background:rgba(255,255,255,.82);border-color:rgba(22,111,229,.16);box-shadow:0 14px 32px rgba(12,66,137,.08)}
.method-grid li>span{background:linear-gradient(135deg,#0d5ee2,#12c8ef);box-shadow:0 8px 20px rgba(8,111,217,.2)}
.method-grid h3{color:#082451}

.game-card{border-color:rgba(255,204,82,.38);box-shadow:0 22px 55px rgba(4,34,79,.2)}
.game-card::after{background:linear-gradient(0deg,rgba(2,14,37,.97) 0,rgba(2,17,43,.68) 27%,transparent 65%),linear-gradient(135deg,rgba(14,116,250,.09),transparent 45%)}
.game-card small{color:#3bdcff}
.game-card em{color:var(--gold-soft)}

.topic-grid a{background:rgba(255,255,255,.9);border-color:rgba(13,90,197,.15);box-shadow:0 16px 46px rgba(9,49,111,.09)}
.topic-grid a:hover{border-color:rgba(18,114,241,.38);box-shadow:0 24px 58px rgba(9,58,131,.16)}
.topic-grid span,.topic-grid b{color:#0868e6}
.topic-grid h3{color:#08204a}
.topic-grid p{color:#657b98}
.accordion details{border-color:rgba(15,89,187,.17)}
.accordion summary{color:#102e57}
.accordion summary span{color:#0968e3}
.accordion details p{color:#617996}

.collab-section{
  border-color:rgba(255,205,91,.4);
  background:radial-gradient(circle at 95% 15%,rgba(42,218,255,.24),transparent 33%),linear-gradient(125deg,#061a3f,#0b4e9e);
  box-shadow:0 24px 65px rgba(4,39,95,.25);
}
.collab-copy>p:not(.eyebrow){color:#d2e6ff}
.collab-button{background:linear-gradient(110deg,#f0aa24,#ffd66e);border-color:rgba(255,255,255,.48);color:#062356;box-shadow:0 13px 34px rgba(255,188,53,.2)}

.site-footer{background:linear-gradient(150deg,#020d21,#041c3c);border-color:rgba(47,206,255,.22)}
.site-footer .footer-brand{color:#fff}
.site-footer .footer-brand>span{color:#fff;text-shadow:0 2px 18px rgba(24,173,255,.2)}
.footer-brand small,.footer-links b{color:var(--gold)}
.footer-top>p{color:#b7cce4}
.footer-links a{color:#b8c9dd}
.footer-bottom{color:#7891ad}
.telegram-float{background:linear-gradient(135deg,#095bd6,#0ebce5);border-color:rgba(255,218,126,.86);box-shadow:0 15px 38px rgba(7,91,190,.3)}
.telegram-float>span{background:#fff;color:#0877d5}
.telegram-float small{color:#d8f4ff}

.promo-modal{background:rgba(2,13,32,.82)}
.promo-dialog{background:radial-gradient(circle at 100% 0,rgba(35,215,255,.18),transparent 30%),linear-gradient(145deg,#f9fcff,#eaf5ff);border-color:rgba(12,98,218,.24);box-shadow:0 45px 110px rgba(3,26,66,.45)}
.promo-dialog h2{color:#06204b}
.promo-dialog>p:not(.eyebrow){color:#607797}
.modal-close{background:#fff;border-color:#cadaee;color:#0b4da8}
.promo-dialog>div a{background:#fff;border-color:#d7e5f5}
.promo-dialog>div small,.modal-note{color:#647b97}

.article-hero{background:radial-gradient(circle at 85% 8%,rgba(40,215,255,.22),transparent 35%),linear-gradient(135deg,#e2efff,#f4fbff);border-color:rgba(10,96,214,.18);box-shadow:0 24px 60px rgba(9,53,119,.12)}
.article-hero>p:not(.eyebrow){color:#496684}
.article-hero>div,.breadcrumbs{color:#7085a0}
.breadcrumbs a,.article-layout aside strong,.article-content section>span{color:#0868e1}
.article-layout aside a{color:#627a97}
.article-layout aside a:hover{color:#075bc5}
.article-content h2{color:#092550}
.article-content section p{color:#58718f}
.article-callout{background:linear-gradient(110deg,#e2f2ff,#e9fbff);border-color:#0caee0}
.article-callout b{color:#0876c7}
.article-callout p{color:#526d8b}
.compact-list>div:last-child>a{background:#fff;border-color:#d6e3f2}
.compact-list span small{color:#657b96}
.compact-list em,.compact-list .section-heading>a{color:#0870dc}

@media(max-width:900px){
  .site-header nav{background:rgba(248,252,255,.98);border-color:#d6e3f1}
  .nav-toggle{border-color:#c8d9ed;color:#0b3d7a}
  .nav-toggle span{background:#0b4e9f}
  .hero-copy::before{display:none}
  .mobile-dock{background:rgba(3,20,48,.95);border-color:rgba(47,208,255,.3);box-shadow:0 14px 45px rgba(2,25,60,.42)}
  .mobile-dock a{color:#a7bdd5}
  .mobile-dock a:hover,.mobile-dock a:focus{background:rgba(255,255,255,.08);color:var(--gold-soft)}
  .mobile-dock span{color:#32dcff}
  .sponsor-card>img{aspect-ratio:1/1;object-fit:cover;object-position:center;padding:0}
}

@media(min-width:901px){
  .hero{min-height:auto;padding-top:76px;padding-bottom:86px;grid-template-columns:minmax(420px,.8fr) minmax(600px,1.2fr);gap:42px}
  .hero-copy{padding:0}
  .hero-visual.casino-art{align-self:center}
}

@media(max-width:520px){
  .brand{font-size:13px}
  .brand>img{width:48px;height:48px}
  .hero-visual.casino-art{aspect-ratio:4/3}
  .casino-art>img{object-position:center}
}