
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--clr-hdr:#E6571B;--clr-hdr-dark:#c94a14;
--clr-sec:#2CA2A3;--clr-sec-dark:#238485;
--clr-pri:#7B41B1;--clr-pri-dark:#6232a0;
--clr-bg:#FC7E28;--clr-bg2:#fd8e3f;
--clr-txt:#fff;--clr-txt-dark:#1a1a2e;
--clr-card:#fff;--clr-card-alt:#fdf4ee;
--radius:12px;--radius-lg:18px;
--shadow:0 4px 24px rgba(0,0,0,.18);
--shadow-sm:0 2px 10px rgba(0,0,0,.10);
--trans:.25s ease;
}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Mukta',sans-serif;background:var(--clr-bg);color:var(--clr-txt-dark);line-height:1.65;overflow-x:hidden;max-width:100%}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto;display:block}
h1,h2,h3,h4,h5,h6,p,li,td,th,dd,dt,figcaption,blockquote,a,span{overflow-wrap:break-word;word-wrap:break-word}
a{color:var(--clr-sec);text-decoration:none;transition:color var(--trans)}
a:hover{color:var(--clr-sec-dark)}
.wrapper{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
main,section,.sec,.container,.xtab-pane{min-width:0}
[id]{scroll-margin-top:76px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:50px;font-family:'Mukta',sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all var(--trans);border:none;text-decoration:none;white-space:nowrap}
.btn--pri{background:var(--clr-pri);color:#fff}
.btn--pri:hover{background:var(--clr-pri-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,65,177,.4)}
.btn--sec{background:var(--clr-sec);color:#fff}
.btn--sec:hover{background:var(--clr-sec-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(44,162,163,.4)}
.btn--ghost{background:transparent;color:var(--clr-hdr);border:2px solid var(--clr-hdr)}
.btn--ghost:hover{background:var(--clr-hdr);color:#fff}
.btn--sm{padding:6px 16px;font-size:.8rem}
.btn--lg{padding:14px 32px;font-size:1.1rem}

.x7f2a-hdr{background:var(--clr-hdr);box-shadow:0 2px 16px rgba(0,0,0,.2);position:sticky;top:0;z-index:9999}
.x7f2a-hdr-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;max-width:1200px;margin:0 auto;flex-wrap:nowrap}
.x7f2a-logo img{height:44px;width:auto}
.x7f2a-nav{display:flex;align-items:center;gap:4px}
.x7f2a-nav a{color:#fff;font-weight:600;font-size:.85rem;padding:6px 10px;border-radius:8px;transition:background var(--trans);display:flex;align-items:center;gap:5px;white-space:nowrap}
.x7f2a-nav a:hover{background:rgba(255,255,255,.15);color:#fff}
.x7f2a-nav svg{flex-shrink:0}
.x7f2a-hdr-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.x7f2a-hdr-right .btn{font-size:.8rem;padding:7px 14px}
.x7f2a-time{color:#fff;font-size:.78rem;font-weight:600;background:rgba(0,0,0,.15);border-radius:6px;padding:4px 8px;white-space:nowrap}
.x7f2a-special{display:flex;gap:4px;flex-wrap:nowrap}
.x7f2a-special a{color:#fff;font-size:.72rem;background:rgba(0,0,0,.2);border-radius:6px;padding:4px 7px;font-weight:600;white-space:nowrap;transition:background var(--trans)}
.x7f2a-special a:hover{background:rgba(0,0,0,.35);color:#fff}
.x7f2a-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:rgba(255,255,255,.15);border-radius:8px;border:none}
.x7f2a-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all var(--trans)}
.x7f2a-burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.x7f2a-burger.active span:nth-child(2){opacity:0}
.x7f2a-burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.x7f2a-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--clr-hdr-dark);z-index:9998;box-shadow:0 8px 24px rgba(0,0,0,.3);max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.x7f2a-mobile-menu.active{display:block}
@supports(height:100dvh){.x7f2a-mobile-menu{max-height:calc(100dvh - 64px)}}
.x7f2a-mobile-menu a{display:flex;align-items:center;gap:8px;color:#fff;padding:12px 20px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);transition:background var(--trans)}
.x7f2a-mobile-menu a:hover{background:rgba(255,255,255,.1)}

.x9k3b-hero{background:linear-gradient(135deg,#c94a14 0%,#E6571B 40%,#FC7E28 100%);position:relative;overflow:hidden;min-height:480px;display:flex;align-items:center}
.x9k3b-hero-bg{position:absolute;inset:0;background:url('/hero-bg.jpg') center/cover no-repeat;opacity:.18;z-index:0}
.x9k3b-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:60px 16px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.x9k3b-hero-txt h1{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:12px}
.x9k3b-hero-txt p{font-size:1.1rem;color:rgba(255,255,255,.9);margin-bottom:24px;line-height:1.6}
.x9k3b-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.x9k3b-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.x9k3b-trust-item{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 14px;color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:6px}
.x9k3b-hero-img{text-align:center}
.x9k3b-hero-img img{border-radius:var(--radius-lg);box-shadow:var(--shadow);max-height:320px;width:100%;object-fit:cover}

.xbc-wrap{background:rgba(0,0,0,.08);padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.xbc{display:flex;align-items:center;gap:6px;font-size:.82rem;flex-wrap:wrap}
.xbc a{color:var(--clr-sec);font-weight:600}
.xbc-sep{color:rgba(0,0,0,.4);font-size:.7rem}
.xbc span{color:rgba(0,0,0,.5)}

.sec{padding:48px 0}
.sec-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.sec-sub{font-size:.95rem;color:rgba(0,0,0,.55);margin-bottom:28px}
.sec-title svg{color:var(--clr-pri)}

.xtab-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;border-bottom:2px solid rgba(0,0,0,.08);padding-bottom:0}
.xtab-btn{padding:10px 20px;border-radius:10px 10px 0 0;font-weight:700;font-size:.88rem;cursor:pointer;background:transparent;border:none;color:rgba(0,0,0,.5);transition:all var(--trans);display:flex;align-items:center;gap:7px;margin-bottom:-2px;border-bottom:2px solid transparent}
.xtab-btn.active{background:#fff;color:var(--clr-pri);border-color:var(--clr-pri);box-shadow:0 -4px 12px rgba(0,0,0,.06)}
.xtab-btn svg{flex-shrink:0}
.xtab-pane{display:none}
.xtab-pane.active{display:block}

.xgame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.xgame-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--trans),box-shadow var(--trans);position:relative}
.xgame-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.xgame-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#f0e6ff,#e6f7ff)}
.xgame-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--trans)}
.xgame-card:hover .xgame-img img{transform:scale(1.06)}
.xgame-demo-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity var(--trans);cursor:pointer;text-decoration:none}
.xgame-card:hover .xgame-demo-btn{opacity:1}
.xgame-demo-btn span{background:#fff;color:var(--clr-pri);font-weight:800;font-size:.8rem;padding:7px 14px;border-radius:50px}
.xgame-info{padding:12px}
.xgame-name{font-weight:700;font-size:.9rem;color:var(--clr-txt-dark);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xgame-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;font-size:.72rem;color:rgba(0,0,0,.45);margin-bottom:10px;min-height:1.2em}
.xgame-play{width:100%;padding:7px;border-radius:8px;background:var(--clr-pri);color:#fff;font-weight:700;font-size:.82rem;border:none;cursor:pointer;transition:background var(--trans)}
.xgame-play:hover{background:var(--clr-pri-dark)}


.xmodal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;display:none;align-items:center;justify-content:center;padding:16px}
.xmodal-overlay.open{display:flex}
.xmodal{background:#fff;border-radius:var(--radius-lg);overflow:hidden;max-width:900px;width:100%;position:relative;max-height:90vh;display:flex;flex-direction:column}
.xmodal-hdr{background:var(--clr-pri);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.xmodal-hdr h3{font-weight:700;font-size:1rem}
.xmodal-close{background:none;border:none;cursor:pointer;color:#fff;font-size:1.4rem;line-height:1;padding:0}
.xmodal-body{flex:1;overflow:auto}
.xmodal-body iframe{width:100%;height:560px;border:none;display:block}
.xmodal-ftr{padding:14px 20px;text-align:center;background:#f9f9fb;flex-shrink:0}

.xcas-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.xcas-tbl th{background:var(--clr-pri);color:#fff;font-size:.82rem;text-align:left;padding:12px 16px;white-space:nowrap}
.xcas-tbl td{padding:11px 16px;border-bottom:1px solid rgba(0,0,0,.06);font-size:.88rem;vertical-align:middle}
.xcas-tbl tr:last-child td{border-bottom:none}
.xcas-tbl tr:nth-child(even) td{background:rgba(0,0,0,.025)}
.xcas-tbl tr:hover td{background:rgba(123,65,177,.04)}
.xcas-ico{width:28px;height:28px;margin-right:10px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;background:var(--clr-pri);border-radius:6px;flex-shrink:0}
.xcas-ico svg{color:#fff}
.xcas-param{display:flex;align-items:center;font-weight:600;color:var(--clr-txt-dark)}
.xcas-val{color:rgba(0,0,0,.6)}
.tbl-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:20px 0}

.xadv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xadv-card{background:#fff;border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-sm);transition:transform var(--trans),box-shadow var(--trans);text-align:center}
.xadv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.xadv-ico{width:56px;height:56px;background:linear-gradient(135deg,var(--clr-pri),var(--clr-sec));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.xadv-ico svg{color:#fff}
.xadv-card h3{font-size:1rem;font-weight:700;color:var(--clr-txt-dark);margin-bottom:8px}
.xadv-card p{font-size:.85rem;color:rgba(0,0,0,.55);line-height:1.55}

.xbon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xbon-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--trans)}
.xbon-card:hover{transform:translateY(-4px)}
.xbon-top{background:linear-gradient(135deg,var(--clr-pri),var(--clr-sec));padding:24px 20px;text-align:center;color:#fff}
.xbon-icon{font-size:2.5rem;margin-bottom:8px}
.xbon-top h3{font-size:1.2rem;font-weight:800;margin-bottom:4px}
.xbon-top p{font-size:.85rem;opacity:.85}
.xbon-body{padding:20px}
.xbon-body ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.xbon-body li{font-size:.85rem;color:rgba(0,0,0,.6);display:flex;align-items:flex-start;gap:8px}
.xbon-body li::before{content:'✓';color:var(--clr-sec);font-weight:700;flex-shrink:0;margin-top:1px}
.xbon-ftr{padding:0 20px 20px;text-align:center}
.xbon-ftr .btn{width:100%}

.xmini-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.xmini-grid>*{min-width:0}
.xslot-wrap{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;position:relative;overflow:hidden}
.xslot-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(123,65,177,.3),transparent 70%);pointer-events:none}
.xslot-title{color:#FFD700;font-size:1.5rem;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}
.xslot-reels{display:flex;gap:8px;justify-content:center;margin-bottom:24px}
.xslot-reel{width:80px;height:90px;background:rgba(255,255,255,.07);border:2px solid rgba(255,215,0,.3);border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:2.8rem}
.xslot-reel.spin{animation:xslot-spin .5s linear infinite}
@keyframes xslot-spin{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.xslot-line{height:3px;background:rgba(255,215,0,.6);width:100%;margin-bottom:20px;border-radius:2px}
.xslot-btn{background:linear-gradient(135deg,#FFD700,#FFA500);color:#1a1a2e;font-size:1.1rem;font-weight:800;padding:14px 40px;border-radius:50px;border:none;cursor:pointer;transition:all var(--trans);box-shadow:0 4px 20px rgba(255,215,0,.4)}
.xslot-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,215,0,.5)}
.xslot-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.xslot-result{margin-top:20px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.xslot-win{color:#FFD700;font-size:1.3rem;font-weight:800;animation:xslot-pulse 1s ease-in-out infinite}
@keyframes xslot-pulse{0%,100%{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 30px rgba(255,215,0,1)}}
.xslot-lose{color:rgba(255,255,255,.5);font-size:1rem}
.xslot-credit{color:rgba(255,255,255,.5);font-size:.85rem;margin-top:8px}

.xwheel-wrap{background:linear-gradient(135deg,#0d0d1a,#1a1a2e,#160024);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;position:relative;overflow:hidden}
.xwheel-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(44,162,163,.2),transparent 70%);pointer-events:none}
.xwheel-title{color:#00e5ff;font-size:1.5rem;font-weight:800;text-shadow:0 0 20px rgba(0,229,255,.5);margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}
.xwheel-container{position:relative;display:inline-block;max-width:100%;margin-bottom:20px}
.xwheel-canvas{border-radius:50%;display:block;box-shadow:0 0 40px rgba(0,229,255,.3);width:280px;max-width:100%;height:auto;aspect-ratio:1/1}
.xwheel-pointer{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.xwheel-btn{background:linear-gradient(135deg,#00e5ff,#0097a7);color:#0d0d1a;font-size:1.1rem;font-weight:800;padding:14px 40px;border-radius:50px;border:none;cursor:pointer;transition:all var(--trans);box-shadow:0 4px 20px rgba(0,229,255,.4)}
.xwheel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,229,255,.5)}
.xwheel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.xwheel-result{margin-top:20px;min-height:60px}

.xauth-card{background:#fff;border-radius:var(--radius-lg);padding:32px;display:flex;gap:28px;align-items:flex-start;box-shadow:var(--shadow-sm)}
.xauth-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--clr-pri)}
.xauth-info h2{font-size:1.2rem;font-weight:800;color:var(--clr-txt-dark);margin-bottom:2px}
.xauth-role{color:var(--clr-pri);font-weight:600;font-size:.88rem;margin-bottom:8px}
.xauth-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.8rem;color:rgba(0,0,0,.5)}
.xauth-meta span{display:flex;align-items:center;gap:5px}
.xauth-bio{font-size:.88rem;color:rgba(0,0,0,.6);line-height:1.6;margin-bottom:14px}
.xauth-links{display:flex;gap:10px;flex-wrap:wrap}
.xauth-links a{background:var(--clr-sec);color:#fff;padding:6px 14px;border-radius:50px;font-size:.78rem;font-weight:700;transition:background var(--trans)}
.xauth-links a:hover{background:var(--clr-sec-dark);color:#fff}
.xauth-updated{font-size:.75rem;color:rgba(0,0,0,.4);margin-top:10px}

.xftr{background:var(--clr-hdr);color:#fff;padding:40px 0 0}
.xftr-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;margin-bottom:32px}
.xftr-logo img{height:70px;margin-bottom:16px}
.xftr-desc{font-size:.82rem;opacity:.75;line-height:1.6;margin-bottom:16px}
.xftr-contact{font-size:.82rem;opacity:.8;display:flex;flex-direction:column;gap:6px}
.xftr-contact a{color:#fff;opacity:.8;display:flex;align-items:center;gap:6px}
.xftr-contact a:hover{opacity:1}
.xftr-nav h4{font-size:.85rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.xftr-nav ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.xftr-nav li a{color:#fff;font-size:.82rem;opacity:.75;transition:opacity var(--trans)}
.xftr-nav li a:hover{opacity:1}
.xftr-trust h4{font-size:.85rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.xftr-trust-logos{display:flex;flex-wrap:wrap;gap:6px}
.xftr-trust-logos span{background:rgba(255,255,255,.12);border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:700;white-space:nowrap}
.xftr-payments{margin-bottom:24px}
.xftr-payments h4{font-size:.85rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.xftr-pay-logos{display:flex;flex-wrap:wrap;gap:6px}
.xftr-pay-logos span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700;color:#fff}
.xftr-providers{margin-bottom:24px}
.xftr-providers h4{font-size:.85rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.xftr-prov-logos{display:flex;flex-wrap:wrap;gap:6px}
.xftr-prov-logos span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 9px;font-size:.7rem;color:#fff;opacity:.8}
.xftr-socials{display:flex;gap:8px;margin-top:12px}
.xftr-socials a{background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:background var(--trans)}
.xftr-socials a:hover{background:rgba(255,255,255,.25)}
.xftr-bottom{background:var(--clr-hdr-dark);padding:20px 0}
.xftr-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.xftr-legal{font-size:.72rem;opacity:.55;line-height:1.5;max-width:700px}
.xftr-flag{font-size:1.5rem}
.xftr-18{background:#fff;color:var(--clr-hdr);font-weight:800;border-radius:6px;padding:3px 8px;font-size:.8rem}
.xftr-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.xinfo-card{background:#fff;border-radius:var(--radius-lg);padding:36px;margin:32px 0;box-shadow:var(--shadow-sm)}
.xinfo-card>h1{font-size:1.8rem;font-weight:800;color:var(--clr-txt-dark);line-height:1.25;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(0,0,0,.06)}

.xcontent h2{font-size:1.4rem;font-weight:700;color:var(--clr-txt-dark);margin:24px 0 12px;line-height:1.3}
.xcontent h3{font-size:1.15rem;font-weight:700;color:var(--clr-txt-dark);margin:20px 0 10px}
.xcontent p{font-size:.92rem;color:rgba(0,0,0,.65);margin-bottom:14px;line-height:1.7}
.xcontent ul,.xcontent ol{margin:0 0 14px 20px;font-size:.92rem;color:rgba(0,0,0,.65);line-height:1.7}
.xcontent li{margin-bottom:6px}
.xcontent table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:.85rem;max-width:100%}
.xcontent table th{background:var(--clr-pri);color:#fff;padding:10px 14px;text-align:left}
.xcontent table td{padding:9px 14px;border-bottom:1px solid rgba(0,0,0,.07)}
.xcontent table tr:nth-child(even) td{background:rgba(0,0,0,.025)}
.xcontent a{color:var(--clr-sec);text-decoration:underline}
.xcontent strong{font-weight:700;color:var(--clr-txt-dark)}
.xcontent blockquote{border-left:3px solid var(--clr-pri);padding:12px 16px;background:rgba(123,65,177,.06);border-radius:0 8px 8px 0;margin-bottom:14px;font-style:italic;color:rgba(0,0,0,.6)}

.xbadge-live{background:linear-gradient(135deg,#e00,#f50);color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;animation:xpulse-live 1.5s ease-in-out infinite}
@keyframes xpulse-live{0%,100%{opacity:1}50%{opacity:.6}}
.xbadge-new{background:linear-gradient(135deg,var(--clr-sec),#1a9d9e);color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}

@media(max-width:1100px){
.x7f2a-special{display:none}
.x7f2a-nav a{padding:6px 8px;font-size:.82rem}
}
@media(max-width:980px){
.x7f2a-time{display:none}
}
@media(max-width:900px){
.x7f2a-nav{display:none}
.x7f2a-burger{display:flex}
.x7f2a-hdr-inner{position:relative;flex-wrap:nowrap;padding:10px 14px}
.x9k3b-hero{min-height:0}
.x9k3b-hero-inner{grid-template-columns:1fr;padding:44px 16px}
.x9k3b-hero-img{display:none}
.x9k3b-hero-txt h1{font-size:1.8rem}
.xadv-grid{grid-template-columns:1fr 1fr}
.xgame-grid,.xbon-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:none}
.xgame-grid::-webkit-scrollbar,.xbon-grid::-webkit-scrollbar{display:none}
.xgame-grid{gap:12px}
.xbon-grid{gap:16px}
.xgame-grid>.xgame-card{flex:0 0 auto;width:clamp(150px,44vw,190px);min-width:0;scroll-snap-align:start}
.xgame-grid>.xgame-card .xgame-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.xbon-grid>.xbon-card{flex:0 0 auto;width:min(280px,86vw);min-width:0;scroll-snap-align:start}
.xftr-grid{grid-template-columns:1fr;gap:26px}
.xauth-card{flex-direction:column;gap:18px}
.xauth-avatar{margin:0 auto}
.xmini-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.sec{padding:34px 0}
.sec-title{font-size:1.35rem;gap:8px}
.sec-sub{font-size:.9rem;margin-bottom:20px}
.xadv-grid{grid-template-columns:1fr 1fr;gap:14px}
.xadv-card{padding:20px 16px}
.xadv-ico{width:48px;height:48px;border-radius:14px;margin-bottom:12px}
.xtab-nav{gap:6px;margin-bottom:20px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.xtab-nav::-webkit-scrollbar{display:none}
.xtab-btn{flex:0 0 auto;padding:9px 14px;font-size:.82rem}
.x9k3b-hero-txt p{font-size:1rem}
.x9k3b-trust{margin-top:22px;gap:8px}
.x9k3b-trust-item{padding:6px 11px;font-size:.72rem}
.xauth-card{padding:22px 18px}
.xinfo-card{padding:24px 18px;margin:22px 0}
.xinfo-card>h1{font-size:1.5rem}
.xslot-wrap,.xwheel-wrap{padding:26px 16px}
.xslot-title,.xwheel-title{font-size:1.25rem;letter-spacing:1px;margin-bottom:18px}
.xcas-tbl th,.xcas-tbl td{padding:10px 12px;font-size:.82rem}
.xcas-tbl th{white-space:normal}
.xcas-ico{width:24px;height:24px;margin-right:8px}
.xmodal-body iframe{height:min(560px,60vh)}
.xftr{padding:30px 0 0}
.xftr-logo img{height:56px}
.xcontent table,.hdhdgq table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:560px){
.sec{padding:28px 0}
.xadv-grid{grid-template-columns:1fr}
.x9k3b-hero-inner{padding:34px 16px}
.x9k3b-hero-txt h1{font-size:1.5rem}
.x9k3b-hero-btns{gap:10px}
.x9k3b-hero-btns .btn{flex:1 1 100%}
.btn--lg{padding:12px 24px;font-size:1rem}
.xftr-nav ul{grid-template-columns:1fr}
.xftr-bottom-inner{flex-direction:column;text-align:center}
.xftr-legal{font-size:.7rem}
.xcontent table{font-size:.8rem}
.xcontent table th,.xcontent table td{padding:8px 9px}
}
@media(max-width:480px){
html{font-size:15px}
.container{padding:0 12px}
.x7f2a-logo img{height:38px}
.x7f2a-hdr-right .btn{font-size:.74rem;padding:7px 11px;gap:4px}
.x9k3b-hero-txt h1{font-size:1.4rem}
.xslot-reels{gap:6px}
.xslot-reel{width:auto;flex:1 1 0;max-width:76px;height:70px;font-size:2rem}
.xslot-btn,.xwheel-btn{width:100%;padding:13px 20px;font-size:1rem}
.xgame-info{padding:10px}
.xgame-name{font-size:.85rem}
.xmodal-overlay{padding:0}
.xmodal{max-height:100vh;border-radius:0}
@supports(height:100dvh){.xmodal{max-height:100dvh}}
.xtab-btn{padding:8px 12px;font-size:.78rem}
}
@media(max-width:380px){
.x7f2a-hdr-right{gap:4px}
.x7f2a-hdr-right .btn{font-size:.7rem;padding:6px 9px}
.x7f2a-hdr-right .btn svg{display:none}
.xslot-reel{height:62px;font-size:1.7rem}
}

.wp-block{display:inline}.elementor-widget{display:inline}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.wp-caption{display:inline}.alignnone{display:inline}.has-text-align-center{display:inline}
.xuniq-a7f3b{display:none;visibility:hidden}.xuniq-c9d2e{position:absolute;left:-9999px}.xuniq-f1a4c{pointer-events:none;opacity:0}

@keyframes xfadein{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.xanimate{animation:xfadein .6s ease forwards}
.xanimate-delay-1{animation-delay:.1s}
.xanimate-delay-2{animation-delay:.2s}
.xanimate-delay-3{animation-delay:.3s}

.hdhdgq {
  max-width: 1200px;
  margin: 0 auto;
  padding: 42px 16px 56px;
  color: var(--clr-txt-dark);
  font-family: 'Mukta', sans-serif;
  line-height: 1.7;
  background: #fff;
  border-radius: var(--radius-lg);
}

.hdhdgq > * {
  max-width: 100%;
}

.hdhdgq h1 {
  font-size: 2.35rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--clr-txt-dark);
  margin: 0 0 20px;
  letter-spacing: -.3px;
}

.hdhdgq h2 {
  position: relative;
  font-size: 1.65rem;
  line-height: 1.3;
  font-weight: 800;
  color: var(--clr-txt-dark);
  margin: 42px 0 16px;
  padding: 0 0 10px 15px;
  border-bottom: 2px solid rgba(123,65,177,.12);
}

.hdhdgq h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 5px;
  height: calc(100% - 12px);
  background: linear-gradient(
    180deg,
    var(--clr-pri),
    var(--clr-sec)
  );
  border-radius: 5px;
}

.hdhdgq h3 {
  font-size: 1.2rem;
  line-height: 1.35;
  font-weight: 800;
  color: var(--clr-txt-dark);
  margin: 28px 0 12px;
}

.hdhdgq h4 {
  font-size: 1rem;
  font-weight: 800;
  color: var(--clr-pri);
  margin: 22px 0 8px;
}

.hdhdgq p {
  font-size: .96rem;
  color: rgba(0,0,0,.68);
  line-height: 1.75;
  margin: 0 0 16px;
}

.hdhdgq p:last-child {
  margin-bottom: 0;
}

.hdhdgq a {
  color: var(--clr-sec);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: color var(--trans);
}

.hdhdgq a:hover {
  color: var(--clr-pri);
}

.hdhdgq strong,
.hdhdgq b {
  color: var(--clr-txt-dark);
  font-weight: 800;
}

.hdhdgq em {
  color: rgba(0,0,0,.65);
}

.hdhdgq ul,
.hdhdgq ol {
  margin: 0 0 20px;
  padding-left: 24px;
  color: rgba(0,0,0,.68);
}

.hdhdgq li {
  margin-bottom: 8px;
  padding-left: 4px;
  line-height: 1.65;
}

.hdhdgq ul li::marker {
  color: var(--clr-pri);
}

.hdhdgq ol li::marker {
  color: var(--clr-pri);
  font-weight: 800;
}

.hdhdgq .lead,
.hdhdgq > p:first-of-type {
  font-size: 1.05rem;
  line-height: 1.8;
}

.hdhdgq .highlight,
.hdhdgq .info-box {
  background: linear-gradient(
    135deg,
    rgba(123,65,177,.08),
    rgba(44,162,163,.08)
  );
  border: 1px solid rgba(123,65,177,.14);
  border-left: 4px solid var(--clr-pri);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 24px 0;
  box-shadow: var(--shadow-sm);
}

.hdhdgq .highlight p,
.hdhdgq .info-box p {
  margin-bottom: 8px;
}

.hdhdgq .highlight p:last-child,
.hdhdgq .info-box p:last-child {
  margin-bottom: 0;
}

.hdhdgq .warning,
.hdhdgq .responsible-gambling {
  background: #fff8ed;
  border: 1px solid rgba(230,87,27,.2);
  border-left: 4px solid var(--clr-hdr);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 24px 0;
}

.hdhdgq .warning strong,
.hdhdgq .responsible-gambling strong {
  color: var(--clr-hdr);
}

.hdhdgq .table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 24px 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.hdhdgq table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  background: #fff;
  font-size: .9rem;
}

.hdhdgq th {
  background: var(--clr-pri);
  color: #fff;
  text-align: left;
  font-size: .84rem;
  font-weight: 800;
  padding: 13px 16px;
  white-space: nowrap;
}

.hdhdgq td {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0,0,0,.07);
  color: rgba(0,0,0,.68);
  vertical-align: top;
}

.hdhdgq tr:last-child td {
  border-bottom: none;
}

.hdhdgq tbody tr:nth-child(even) td {
  background: rgba(0,0,0,.025);
}

.hdhdgq tbody tr:hover td {
  background: rgba(123,65,177,.045);
}

.hdhdgq .check-list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.hdhdgq .check-list li {
  position: relative;
  padding: 10px 14px 10px 38px;
  margin-bottom: 7px;
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.hdhdgq .check-list li::before {
  content: '✓';
  position: absolute;
  left: 13px;
  top: 9px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--clr-sec);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
}

.hdhdgq .steps {
  display: grid;
  gap: 12px;
  margin: 22px 0;
}

.hdhdgq .step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.hdhdgq .step-number {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    var(--clr-pri),
    var(--clr-sec)
  );
  color: #fff;
  font-weight: 800;
  font-size: .9rem;
}

.hdhdgq .step-content {
  flex: 1;
}

.hdhdgq .step-content h3 {
  margin: 0 0 5px;
  font-size: 1rem;
}

.hdhdgq .step-content p {
  margin: 0;
}

.hdhdgq .bonus-card {
  margin: 28px 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow);
}

.hdhdgq .bonus-card-header {
  padding: 22px 24px;
  background: linear-gradient(
    135deg,
    var(--clr-pri),
    var(--clr-sec)
  );
  color: #fff;
}

.hdhdgq .bonus-card-header h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 1.3rem;
}

.hdhdgq .bonus-card-header p {
  margin: 0;
  color: rgba(255,255,255,.85);
}

.hdhdgq .bonus-card-body {
  padding: 22px 24px;
}

.hdhdgq .bonus-amount {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 14px;
  border-radius: 50px;
  background: rgba(123,65,177,.1);
  color: var(--clr-pri);
  font-size: 1.1rem;
  font-weight: 800;
}

.hdhdgq .cta {
  margin: 32px 0;
  padding: 28px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  background: linear-gradient(
    135deg,
    #c94a14 0%,
    var(--clr-hdr) 45%,
    var(--clr-bg) 100%
  );
  box-shadow: var(--shadow);
}

.hdhdgq .cta h2 {
  color: #fff;
  border: none;
  padding: 0;
  margin: 0 0 8px;
}

.hdhdgq .cta h2::before {
  display: none;
}

.hdhdgq .cta p {
  color: rgba(255,255,255,.9);
  margin-bottom: 18px;
}

.hdhdgq .cta a,
.hdhdgq .cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 24px;
  border-radius: 50px;
  background: var(--clr-pri);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transition: all var(--trans);
}

.hdhdgq .cta a:hover,
.hdhdgq .cta .btn:hover {
  background: var(--clr-pri-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(123,65,177,.4);
}

.hdhdgq .faq {
  display: grid;
  gap: 10px;
  margin: 22px 0;
}

.hdhdgq .faq-item {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.hdhdgq .faq-question {
  padding: 16px 18px;
  font-weight: 800;
  color: var(--clr-txt-dark);
}

.hdhdgq .faq-answer {
  padding: 0 18px 16px;
}

.hdhdgq .faq-answer p {
  margin-bottom: 0;
}

.hdhdgq blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 4px solid var(--clr-pri);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: rgba(123,65,177,.06);
  color: rgba(0,0,0,.65);
  font-style: italic;
}

.hdhdgq blockquote p {
  margin: 0;
}

.hdhdgq hr {
  height: 1px;
  margin: 34px 0;
  border: 0;
  background: rgba(0,0,0,.08);
}

.hdhdgq img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 22px auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.hdhdgq figure {
  margin: 24px 0;
}

.hdhdgq figcaption {
  margin-top: 8px;
  text-align: center;
  color: rgba(0,0,0,.45);
  font-size: .78rem;
}

.hdhdgq code {
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(123,65,177,.08);
  color: var(--clr-pri);
  font-size: .88em;
}

.hdhdgq pre {
  overflow-x: auto;
  margin: 20px 0;
  padding: 18px;
  border-radius: var(--radius);
  background: #1a1a2e;
  color: #fff;
}

.hdhdgq .rating {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0;
  padding: 14px 18px;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.hdhdgq .rating-score {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--clr-pri);
}

.hdhdgq .rating-stars {
  color: #f5b400;
  font-size: 1.15rem;
  letter-spacing: 2px;
}

@media (max-width: 768px) {
  .hdhdgq {
    padding: 30px 14px 42px;
  }

  .hdhdgq h1 {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }

  .hdhdgq h2 {
    font-size: 1.4rem;
    margin-top: 32px;
  }

  .hdhdgq h3 {
    font-size: 1.1rem;
  }

  .hdhdgq p,
  .hdhdgq ul,
  .hdhdgq ol {
    font-size: .92rem;
  }

  .hdhdgq .bonus-card-header,
  .hdhdgq .bonus-card-body {
    padding: 18px;
  }

  .hdhdgq .cta {
    padding: 24px 18px;
  }

  .hdhdgq th,
  .hdhdgq td {
    padding: 10px 12px;
  }

  .hdhdgq .step {
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .hdhdgq {
    padding: 24px 12px 36px;
  }

  .hdhdgq h1 {
    font-size: 1.5rem;
  }

  .hdhdgq h2 {
    font-size: 1.25rem;
  }

  .hdhdgq .highlight,
  .hdhdgq .info-box,
  .hdhdgq .warning,
  .hdhdgq .responsible-gambling {
    padding: 14px 15px;
  }

  .hdhdgq .cta a,
  .hdhdgq .cta .btn {
    width: 100%;
  }

  .hdhdgq .step-number {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }
}
