:root{--blue:#1676ff;--blue2:#0d5fe3;--light:#f3f8ff;--line:#d8e9ff;--text:#16365f;--muted:#5d7190;--red:#ff3b44;--gold:#ffc928;--white:#fff;--shadow:0 14px 38px rgba(20,88,160,.13);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;background:linear-gradient(180deg,#ffffff 0,#f6fbff 35%,#eef7ff 100%);color:var(--text);font-size:16px;line-height:1.65}a{color:var(--blue);text-decoration:none}img,video{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.top-video{position:relative;height:162px;overflow:hidden;background:#eaf5ff}.top-video__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.top-video__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(240,248,255,.28),rgba(255,255,255,.75))}.top-video__content{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.live-time{font-size:12px;color:#4a6384;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:999px;padding:8px 13px;backdrop-filter:blur(5px)}.top-actions{display:flex;align-items:center;gap:14px}.pill{position:relative;min-width:128px;text-align:center;background:#f8fbff;border:1.5px solid #75b6ff;color:#2a4870;border-radius:999px;padding:11px 22px;font-weight:700;box-shadow:0 7px 18px rgba(0,110,255,.16)}.pill-register{background:#e9f4ff}.bonus-cloud{position:absolute;right:14px;top:-18px;background:linear-gradient(180deg,#ff5761,#f1132b);color:#fff;font-size:12px;line-height:1;border-radius:999px;padding:4px 7px;box-shadow:0 4px 10px rgba(255,0,0,.22)}.pill-demo{display:flex;align-items:center;justify-content:center;gap:7px}.pill-demo img{width:20px;height:20px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{height:76px;display:flex;align-items:center;gap:22px}.logo img{height:48px;width:auto}.main-nav{display:flex;align-items:center;gap:6px;flex:1}.main-nav a{color:#284766;font-weight:700;font-size:14px;padding:9px 10px;border-radius:999px}.main-nav a:hover{background:#edf7ff}.header-cta{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 19px;font-weight:800;border:1px solid var(--blue);transition:.2s;gap:6px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,118,255,.18)}.btn-blue{background:linear-gradient(180deg,#2191ff,#0669e8);color:#fff}.btn-outline{background:#edf7ff;color:#2b4a70}.btn-bonus{position:relative}.btn-bonus span{position:absolute;top:-16px;right:5px;background:#ff3344;color:#fff;font-size:11px;border-radius:999px;padding:2px 6px}.menu-toggle{display:none;margin-left:auto;background:transparent;border:0}.menu-toggle span{display:block;width:24px;height:3px;background:#1775ff;margin:5px;border-radius:10px}.hero-slider{padding:26px 0 12px}.slider-stage{position:relative;height:310px;perspective:1300px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#e8f5ff,#fff);box-shadow:var(--shadow);border:1px solid var(--line)}.slide{position:absolute;inset:0;opacity:0;transform:translateX(28%) scale(.84) rotateY(-18deg);transition:all .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.slide img{width:100%;height:100%;object-fit:cover}.slide.active{opacity:1;transform:translateX(0) scale(1) rotateY(0);z-index:3;pointer-events:auto}.slide.prev{opacity:.55;transform:translateX(-36%) scale(.78) rotateY(24deg);z-index:2}.slide.next{opacity:.55;transform:translateX(36%) scale(.78) rotateY(-24deg);z-index:2}.slider-dots{display:flex;justify-content:center;gap:8px;margin:13px 0}.slider-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#badcff}.slider-dots button.active{background:var(--blue);width:26px;border-radius:99px}.intro-card,.page-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:30px;margin-top:20px}.intro-card h1,.page-hero h1{font-size:42px;line-height:1.1;margin:8px 0 16px;color:#0e3d7a}.eyebrow{display:inline-block;margin:0 0 8px;background:#edf7ff;border:1px solid var(--line);color:#116ae4;border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px}.intro-img{border-radius:20px;width:100%;height:auto}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.link-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:24px;margin-top:24px}.link-panel h2{margin-top:0}.link-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.link-grid a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;background:#edf7ff;border:1px solid #b9dcff;border-radius:18px;font-weight:800;color:#1b5cba}.split-section{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:30px}.split-section img{max-height:390px;object-fit:contain;margin:auto}.split-section h2,.products h2,.payment-section h2,.game-slider-section h2,.trust-section h2,.faq h2,.news h2,.brand-strip h2,.content-card h2{font-size:30px;line-height:1.2;color:#0e3d7a;margin:6px 0 16px}table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{background:#eaf5ff}tr:last-child td{border-bottom:0}.products,.payment-section,.game-slider-section,.trust-section,.faq,.news,.brand-strip,.content-card{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:30px}.product-grid,.payment-cards,.trust-grid,.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid article,.payment-cards article,.trust-grid article,.news-grid article{background:linear-gradient(180deg,#f8fcff,#eef7ff);border:1px solid var(--line);border-radius:20px;padding:18px}.product-grid h3,.payment-cards h3,.trust-grid h3,.news-grid h3{margin:0 0 9px;color:#0f58b9}.product-grid a,.news-grid a{font-weight:800}.app-section img{max-height:470px}.game-slider{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#f4faff;padding:18px}.game-track{display:flex;gap:18px;width:max-content;animation:gameMove 22s linear infinite}.game-track a:hover{transform:translateY(-7px) scale(1.06);box-shadow:0 14px 28px rgba(0,90,200,.22)}.game-track a{transition:.22s ease}.game-track a:hover img{animation:gamePulse .55s ease both}@keyframes gamePulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-3deg)}100%{transform:scale(1.03) rotate(2deg)}}.game-track a{display:block;width:104px;height:104px;flex:0 0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 20px rgba(24,84,145,.12)}.game-track img{width:104px;height:104px;object-fit:contain}@keyframes gameMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}.brand-strip div{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap}.brand-strip img{width:60px;height:50px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,80,180,.12))}.faq details{border:1px solid var(--line);border-radius:18px;background:#f7fbff;margin:10px 0;padding:14px 16px}.faq summary{font-weight:800;cursor:pointer;color:#0e4d9e}.page-hero img{max-height:330px;object-fit:contain;margin:auto}.content-card ol{padding-left:20px}.site-footer{margin-top:48px;background:linear-gradient(180deg,#f3f9ff,#dcefff);border-top:1px solid var(--line);padding:38px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px}.footer-brand img{height:58px;width:auto;margin-bottom:12px}.site-footer h3{color:#0e3d7a}.site-footer a{display:block;color:#24496f;margin:7px 0;font-weight:700}.sprite-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footer-icon{width:40px;height:40px;overflow:hidden;display:block!important}.footer-icon img{height:auto;width:auto;max-width:none;transform:translateY(0);transition:.2s}.footer-icon:hover img{transform:translateY(-50%)}.keywords{margin-top:24px;padding:16px;border-top:1px solid #c7e3ff;color:#345a82;font-size:14px}.copyright{text-align:center;background:#cce8ff;color:#24496f;font-weight:800;padding:13px;margin-top:8px}.side-gif{position:fixed;top:50%;transform:translateY(-50%);z-index:45;width:120px;filter:drop-shadow(0 8px 20px rgba(0,50,120,.22))}.side-gif-left{left:8px}.side-gif-right{right:8px}.side-gif img{width:100%;height:auto}.popup{position:fixed;inset:0;background:rgba(10,42,82,.48);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.popup.show{display:flex}.popup__box{position:relative;width:min(420px,100%)}.popup__close{position:absolute;right:-8px;top:-12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#0e3d7a;font-size:24px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.2);z-index:3}.popup__bg{width:100%}.popup__btn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:78%;display:block}.popup__btn img{width:100%}.sticky-mobile-cta{display:none}@media (max-width:1180px){.side-gif{width:84px}.main-nav a{font-size:13px;padding:8px 7px}.link-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.top-video{height:210px}.top-video__content{flex-direction:column;justify-content:center}.top-actions{flex-wrap:wrap;justify-content:center}.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:12px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.header-cta{display:none}.nav-wrap{height:72px}.logo img{height:42px}.intro-card,.page-hero,.split-section{grid-template-columns:1fr;padding:22px}.intro-card h1,.page-hero h1{font-size:32px}.product-grid,.payment-cards,.trust-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.slider-stage{height:230px}.side-gif{display:none}.link-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.container{width:min(100% - 22px,1180px)}.pill{min-width:112px;padding:10px 14px}.top-actions{gap:10px}.hero-slider{padding-top:14px}.slider-stage{height:168px;border-radius:18px}.intro-card h1,.page-hero h1{font-size:27px}.split-section h2,.products h2,.payment-section h2,.game-slider-section h2,.trust-section h2,.faq h2,.news h2,.brand-strip h2,.content-card h2{font-size:24px}.product-grid,.payment-cards,.trust-grid,.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.link-grid{grid-template-columns:1fr}.hero-buttons .btn{width:100%}.page-hero img,.split-section img{max-height:260px}.popup__btn{bottom:15px}.logo img{height:38px}.nav-wrap{gap:8px}.top-video{height:230px}}

.page-banner{width:min(1180px,calc(100% - 32px));margin:24px auto 0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.page-banner img{width:100%;height:auto;display:block}.brand-strip.no-title{margin-top:24px;padding:18px}.brand-strip.no-title div{justify-content:center}.product-grid.clickable a.card-link{display:block;color:inherit}.product-grid.clickable a.card-link:hover article{transform:translateY(-5px);box-shadow:0 16px 30px rgba(22,118,255,.14);border-color:#91c7ff}.product-grid.clickable article{height:100%;transition:.2s ease}.footer-icons-row{width:min(1180px,calc(100% - 32px));margin:24px auto 0;display:flex!important;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;overflow-x:auto;padding:14px 0;border-top:1px solid #c7e3ff}.footer-icons-row .footer-icon{flex:0 0 auto}.site-footer .keywords{display:none!important}@media (max-width:560px){.footer-icons-row{justify-content:flex-start}.page-banner{width:min(100% - 22px,1180px);border-radius:18px}}


/* final popup button size fix */
.popup__btn{width:100%!important;}
.popup__btn img{width:100%!important;max-width:100%!important;height:auto!important;margin:auto;}
@media (max-width:560px){.popup__btn{width:190px!important;max-width:58%!important}.popup__btn img{width:100%!important}}