:root{
  --bg:#0f1530;
  --bg-deep:#0b1026;
  --sidebar:#1b2545;
  --panel:#202d50;
  --panel-2:#263657;
  --panel-3:#182342;
  --line:#31446d;
  --line-soft:rgba(255,255,255,.07);
  --text:#f5f7ff;
  --muted:#9ba7c8;
  --blue:#0b91e8;
  --blue-2:#0878cc;
  --cyan:#39b8ff;
  --green:#53e71b;
  --gold:#ffd154;
  --header-h:76px;
  --sidebar-w:286px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-deep);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input{font:inherit}

/* OFFICIAL-STYLE APP CHROME */
.topbar,.header{display:none!important}
.app-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header-h);display:grid;grid-template-columns:var(--sidebar-w) 1fr auto;align-items:center;background:#18213f;border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 8px 24px rgba(2,7,22,.18)}
.header-left{height:100%;display:flex;align-items:center;gap:14px;padding:0 12px 0 18px;border-right:1px solid rgba(255,255,255,.04)}
.menu-btn{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.mode-switch{display:flex;align-items:center;background:#243255;border:1px solid #31436c;border-radius:7px;padding:4px;gap:3px;height:56px}
.mode-switch a{height:46px;padding:0 24px;display:flex;align-items:center;gap:8px;border-radius:5px;color:#d8def2;font-size:15px}
.mode-switch a.active{background:linear-gradient(180deg,#129ce9,#087bd1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 2px 8px rgba(0,119,213,.25)}
.mode-switch .mode-icon{font-size:17px}
.logo-area{display:flex;align-items:center;padding-left:31px}
.rainbet-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:800;font-style:italic;letter-spacing:-2px;color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.08)}
.rainbet-wordmark .crown{font-size:12px;vertical-align:top;margin-left:-4px;color:#fff}
.header-actions{height:100%;display:flex;align-items:center;gap:12px;padding-right:26px}
.header-icon{width:54px;height:54px;border-radius:7px;background:#243255;border:1px solid rgba(255,255,255,.025);display:grid;place-items:center;color:#f5f6ff;font-size:20px}
.header-btn{min-width:100px;height:54px;padding:0 22px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#243255;color:#f4f6ff;border:1px solid rgba(255,255,255,.03);font-size:15px}
.header-btn.primary{background:linear-gradient(180deg,#118fe0,#087ac9);border-color:#0d8bd8}

.sidebar{position:fixed;z-index:90;left:0;top:var(--header-h);bottom:0;width:var(--sidebar-w);background:#1d2748;border-right:1px solid rgba(255,255,255,.04);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d5f89 transparent;padding:14px 10px 24px}
.sidebar-card{background:linear-gradient(180deg,#202b4c,#1a2442);border-bottom:1px solid rgba(255,255,255,.05);margin:0 -10px 12px;padding:10px 17px 14px}
.raffle{display:flex;align-items:center;gap:10px;font-weight:800;font-style:italic}.raffle .ticket{font-size:24px}.raffle .timer{margin-left:auto;background:#1b2238;border:1px solid #ffe357;color:#fff5b0;border-radius:5px;padding:2px 9px;font-size:12px;font-style:normal}
.reward-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;color:#dbe2f7}.reward-mini span{display:block;color:#919bbc;font-size:10px;font-style:italic}.reward-mini b{font-size:13px}
.side-nav{display:grid;gap:8px}.side-link,.side-group-title{min-height:44px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#f0f3ff;font-size:15px}.side-link.active{background:#244267;border:1px solid #31557f;color:#69c8ff}.side-link:hover,.side-group-title:hover{background:#263656}.side-icon{width:22px;text-align:center;color:#aab5d4}.side-group{margin-top:6px}.side-group-title{background:#263354;border:1px solid #354568}.side-group-title .chev{margin-left:auto;color:#bcc5df}.side-sub{display:grid;gap:3px;padding-top:6px}.side-sub .side-link{min-height:40px;color:#bec7de;font-size:14px}.side-sub .exclusive{margin-left:auto;border:1px solid #b850f2;border-radius:4px;padding:1px 6px;color:#eee2ff;font-size:10px;font-style:italic;font-weight:800}
.side-legal{margin:22px 8px 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.07);color:#8994b4;font-size:11px;line-height:1.45}

main,.footer{margin-left:var(--sidebar-w)}
main{padding-top:var(--header-h);min-height:100vh;background:#0e1430}
.section-shell{width:auto;max-width:1500px;margin-left:auto;margin-right:auto;padding-left:38px;padding-right:38px}

/* HOME HERO */
.official-hero{position:relative;min-height:482px;display:grid;grid-template-columns:minmax(420px,.92fr) 1.2fr;gap:38px;align-items:center;padding-top:52px;padding-bottom:34px;overflow:hidden;background:
linear-gradient(100deg,rgba(26,39,76,.97) 0%,rgba(24,37,75,.92) 48%,rgba(15,28,59,.78) 100%),
radial-gradient(circle at 58% 40%,rgba(22,122,218,.35),transparent 31%)}
.official-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 31%,rgba(255,255,255,.018) 31% 38%,transparent 38% 47%,rgba(255,255,255,.015) 47% 54%,transparent 54%);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:610px}
.hero-copy h1{font-size:clamp(42px,4.7vw,64px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px;font-weight:720}.hero-copy .lead{font-size:16px;color:#aab4cf;max-width:610px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:7px;font-weight:650;border:1px solid transparent;transition:.18s ease}.btn:hover{filter:brightness(1.06)}.btn-primary{background:linear-gradient(180deg,#03d663,#00ba52);color:#fff;border-color:#17de78;box-shadow:0 0 0 6px rgba(255,255,255,.05)}.btn-blue{background:linear-gradient(180deg,#1598e9,#087bce);color:#fff}.btn-dark,.btn-ghost{background:#243255;border-color:#33456d;color:#fff}.btn-lg{min-height:58px;padding:0 32px;font-size:16px}.hero-or{color:#97a1c0;font-size:13px}.currency-pill{height:58px;min-width:150px;background:#233357;border:1px solid #314872;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.coin{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f4f4f4;color:#21304f;font-size:10px;font-weight:900}.coin.blue{background:#62c9ff}.coin.red{background:#ff6060}.coin.green{background:#59e2a9}

.hero-choices{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.choice-card{min-height:325px;border-radius:7px;overflow:hidden;border:1px solid #30476f;background:#223253;box-shadow:0 12px 35px rgba(2,9,28,.28);display:grid;grid-template-rows:1fr 64px}.choice-art{position:relative;padding:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start;background:linear-gradient(145deg,#056ca7,#0f3f77)}.choice-card.sports .choice-art{background:linear-gradient(145deg,#47617c,#263b5c)}.mini-game{height:92px;border-radius:7px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.13);transform:rotate(-2deg)}.mini-game:nth-child(2n){transform:rotate(2deg)}.mini-game b{font-size:12px;text-transform:uppercase}.g-pink{background:linear-gradient(145deg,#ff4ebd,#d72e75)}.g-orange{background:linear-gradient(145deg,#ff7b20,#e44315)}.g-red{background:linear-gradient(145deg,#ff3342,#c51c44)}.g-green{background:linear-gradient(145deg,#36c66e,#16965e)}.g-cyan{background:linear-gradient(145deg,#3cc4f1,#1889c4)}.g-purple{background:linear-gradient(145deg,#884cff,#5e36cc)}.g-yellow{background:linear-gradient(145deg,#ffb51e,#ef7810)}.choice-footer{display:flex;align-items:center;gap:12px;padding:0 22px;background:linear-gradient(180deg,#1395df,#0b7bc9);font-size:22px;font-weight:700}.choice-card.sports .choice-footer{background:linear-gradient(180deg,#465a79,#384b69)}.choice-footer .arrow{margin-left:auto;font-size:29px;color:#8cb0ce}.choice-icon{font-size:22px}

/* Live wins/game shelf */
.live-strip{border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.055);background:#0f1530;padding:34px 0 29px}.live-row{display:grid;grid-template-columns:repeat(10,minmax(100px,1fr));gap:12px;overflow:hidden}.live-card{min-width:0}.live-art{height:136px;border-radius:8px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;padding:12px;font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.45)}.live-card:nth-child(1) .live-art{background:linear-gradient(140deg,#682626,#e45222)}.live-card:nth-child(2) .live-art{background:linear-gradient(140deg,#185bb2,#e09228)}.live-card:nth-child(3) .live-art{background:linear-gradient(140deg,#722ec0,#d738d8)}.live-card:nth-child(4) .live-art{background:linear-gradient(140deg,#f15f10,#ff991e)}.live-card:nth-child(5) .live-art{background:linear-gradient(140deg,#a70f35,#ff4354)}.live-card:nth-child(6) .live-art{background:linear-gradient(140deg,#1251a2,#28bcea)}.live-card:nth-child(7) .live-art{background:linear-gradient(140deg,#5430b0,#7547e9)}.live-card:nth-child(8) .live-art{background:linear-gradient(140deg,#372452,#8769ac)}.live-card:nth-child(9) .live-art{background:linear-gradient(140deg,#bd6d2d,#debe66)}.live-card:nth-child(10) .live-art{background:linear-gradient(140deg,#7926cf,#bc49ed)}.live-meta{padding:9px 4px 0;font-size:12px;color:#b4bdd7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-win{color:var(--green);font-size:13px;font-weight:700;padding-left:4px}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#263657;border-radius:7px;padding:7px 11px;margin-bottom:10px;color:#dfe6f8;font-size:13px}.live-dot{width:8px;height:8px;background:#18d478;border-radius:50%;box-shadow:0 0 0 4px rgba(24,212,120,.13)}

/* content shelves */
.content-section{padding-top:56px;padding-bottom:56px;border-top:1px solid rgba(255,255,255,.04)}.section-heading{max-width:780px;margin-bottom:26px}.section-heading.compact{margin-bottom:22px}.section-heading h2,h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-1.2px;margin:0 0 14px}.section-heading p,.content-section p{color:#a6b0ca}.eyebrow{color:#49bfff;font-size:12px;letter-spacing:.14em;font-weight:850;margin-bottom:11px}.shelf-title{display:flex;align-items:center;gap:10px;font-size:22px;margin:0 0 24px}.shelf-title .shelf-icon{color:#48c6ff}.shelf-title small{color:#828dab;font-size:14px;font-weight:400}.game-list{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.game-tile{min-height:142px;border-radius:9px;padding:16px;background:#1a2444;border:1px solid #293a60;display:flex;flex-direction:column}.game-tile span{font-size:11px;color:#58c4ff;font-weight:800}.game-tile b{font-size:18px;margin-top:auto}.game-tile small{color:#93a0c1;margin-top:5px}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.info-card{background:#192445;border:1px solid #2a3a61;border-radius:9px;padding:22px}.game-card .icon{font-size:27px;color:#55c8ff;margin-bottom:18px}.game-card h3,.info-card h3{margin:0 0 8px}.game-card a{color:#53c7ff;font-weight:700}.alt-panel{background:#111a36}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.check-list{list-style:none;padding:0;margin:22px 0 0}.check-list li{margin:10px 0;color:#dce2f3}.check-list li:before{content:"✓";color:#3fd8ff;margin-right:10px}.sports-card{background:#192445;border:1px solid #2d3d62;border-radius:9px;padding:10px}.sports-line{display:grid;grid-template-columns:58px 1fr auto;gap:14px;padding:15px;border-bottom:1px solid #2d3b60;align-items:center}.sports-line:last-child{border-bottom:0}.sports-line span{color:#55c6ff;font-weight:800;font-size:11px}.sports-line strong{background:#24385a;border-radius:6px;padding:6px 10px;color:#e8f5ff}.promo-panel{background:linear-gradient(135deg,#182747,#15203d)}.promo-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.promo-boxes div{background:#202f52;border:1px solid #31446a;border-radius:8px;padding:18px}.promo-boxes small,.promo-boxes b,.promo-boxes span{display:block}.promo-boxes small{color:#52c5ff;font-weight:800}.promo-boxes b{font-size:18px;margin:6px 0}.promo-boxes span{color:#94a0be;font-size:13px}.rank-row{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.rank{height:130px;border-radius:9px;padding:18px;background:linear-gradient(145deg,#223052,#18213d);border:1px solid #314264;display:flex;flex-direction:column;justify-content:space-between}.rank span{color:#4fc4ff;font-size:11px}.rank b{font-size:22px}.reverse{grid-template-columns:.75fr 1.25fr}.phone-mock{width:270px;height:460px;margin:auto;border-radius:34px;padding:24px;text-align:center;background:#16213d;border:6px solid #283858;box-shadow:0 24px 60px rgba(0,0,0,.35)}.phone-top{width:70px;height:5px;border-radius:5px;background:#37496a;margin:0 auto 70px}.phone-logo{font-family:Georgia,serif;font-style:italic;font-size:42px;font-weight:800;color:#fff;margin-bottom:8px}.phone-mock b,.phone-mock small{display:block}.phone-mock small{color:#8e9abb}.phone-nav{display:flex;justify-content:space-between;margin-top:120px;padding-top:14px;border-top:1px solid #324261;color:#7f8baa;font-size:11px}.info-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.info-badges span{padding:7px 11px;border-radius:6px;background:#223153;border:1px solid #314466;color:#cbd4eb;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.legal-panel{background:#16213c}.legal-note{background:#202c4a;border:1px solid #35466a;border-radius:9px;padding:20px}.legal-note strong{color:#ffd560}.seo-copy{padding-top:70px;padding-bottom:70px}.seo-columns{columns:2;column-gap:42px}.seo-columns p{break-inside:avoid;color:#9da8c3;margin:0 0 18px}

.footer{background:#0a1025;border-top:1px solid rgba(255,255,255,.06);padding:36px 38px}.footer-main{max-width:1500px;margin:0 auto;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-main p{color:#8e9ab9}.footer-links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;color:#b4bed8;font-size:13px}.footer-legal{max-width:1500px;margin:25px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);color:#7784a6;font-size:12px}.footer-brand{font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:800}

/* generic subpages */
.hero.section-shell:not(.official-hero){min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;padding-top:70px;padding-bottom:54px;background:linear-gradient(120deg,rgba(29,44,85,.78),rgba(14,22,48,.3))}.hero.section-shell:not(.official-hero) h1{font-size:clamp(42px,5vw,62px);line-height:1.06;margin:0 0 18px}.hero-card{background:#1d2b4e;border:1px solid #31456d;border-radius:10px;padding:22px}.hero-card-top{display:flex;gap:9px;align-items:center;color:#a8b3ce}.hero-card-top strong{margin-left:auto;color:#54c8ff}.dot{width:8px;height:8px;border-radius:50%;background:#55c8ff}.hero-stat{padding:36px 0}.hero-stat small{color:#8e9ab9}.amount{font-size:46px;font-weight:800}.hero-stat p{color:#5bc9ff;margin:0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-grid div{padding:14px;border-radius:7px;background:#243557}.mini-grid span,.mini-grid b{display:block}.mini-grid span{color:#8f9bb9;font-size:12px}

@media(max-width:1280px){
  :root{--sidebar-w:250px}
  .mode-switch a{padding:0 16px}.header-actions{gap:8px;padding-right:14px}.header-icon{width:48px}.header-btn{min-width:84px;padding:0 16px}
  .official-hero{grid-template-columns:1fr;gap:25px}.hero-copy{max-width:760px}.hero-choices{max-width:900px}.live-row{grid-template-columns:repeat(6,minmax(120px,1fr))}.game-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  :root{--sidebar-w:0px}.sidebar{display:none}.app-header{grid-template-columns:auto 1fr auto}.header-left{border-right:0}.mode-switch{display:none}.logo-area{padding-left:8px}.header-icon:nth-of-type(1),.header-icon:nth-of-type(2){display:none}.section-shell{padding-left:22px;padding-right:22px}.hero-choices{grid-template-columns:1fr 1fr}.cards.three,.split,.reverse{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:repeat(3,1fr)}.promo-boxes{grid-template-columns:1fr 1fr}.hero.section-shell:not(.official-hero){grid-template-columns:1fr}
}
@media(max-width:680px){
  :root{--header-h:66px}.app-header{height:66px}.header-left{padding-left:8px}.menu-btn{font-size:23px}.rainbet-wordmark{font-size:27px}.header-actions{padding-right:8px;gap:6px}.header-btn{min-width:72px;height:44px;padding:0 12px;font-size:13px}.header-icon{width:44px;height:44px}.official-hero{padding-top:36px}.hero-copy h1{font-size:39px}.hero-actions{align-items:stretch;flex-direction:column}.hero-or{display:none}.currency-pill{width:100%}.hero-choices{grid-template-columns:1fr}.choice-card{min-height:290px}.live-row{grid-template-columns:repeat(3,minmax(105px,1fr));gap:9px}.live-art{height:118px}.game-list,.cards.three,.info-grid,.rank-row{grid-template-columns:1fr 1fr}.promo-boxes{grid-template-columns:1fr}.seo-columns{columns:1}.footer{padding-left:22px;padding-right:22px}.footer-links{margin-left:0;width:100%}
}
@media(max-width:480px){.game-list,.cards.three,.info-grid,.rank-row{grid-template-columns:1fr}.header-btn:not(.primary){display:none}.choice-art{grid-template-columns:repeat(3,1fr)}.mini-game{height:78px}}
.footer .brand-mark{display:none}.footer .brand-name{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-style:italic;letter-spacing:-1px}.footer .brand{display:inline-flex;align-items:center}

/* Welcome bonus / promo code */
.welcome-offer{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:center;padding-top:30px;padding-bottom:30px;background:linear-gradient(115deg,#14264a,#10203e);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.welcome-offer h2{font-size:clamp(28px,3vw,42px);margin-bottom:10px}.welcome-offer p{color:#aab6d0;max-width:900px}.promo-code-card{background:#1c2b4d;border:1px solid #355178;border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.promo-code-card span{font-size:11px;letter-spacing:.14em;color:#54c8ff;font-weight:800}.promo-code-card strong{font-size:36px;letter-spacing:.06em}.promo-code-card .btn{margin-top:6px;text-align:center}
.promo-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px}.promo-facts div{background:#1b294a;border:1px solid #30466e;border-radius:9px;padding:18px}.promo-facts span,.promo-facts strong{display:block}.promo-facts span{color:#8f9cba;font-size:12px;margin-bottom:6px}.promo-facts strong{font-size:18px}.number-list{max-width:820px;color:#cbd4e8;padding-left:22px}.number-list li{margin:10px 0}.offer-disclaimer{max-width:900px;margin-top:22px;padding:15px 18px;border-radius:8px;background:#202b49;border:1px solid #33486b;color:#96a3c0!important;font-size:13px}
@media(max-width:980px){.welcome-offer{grid-template-columns:1fr}.promo-code-card{max-width:520px}.promo-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.promo-facts{grid-template-columns:1fr}}