:root{--teal-surface: #1C211D;--dark-teal-surface: #151414;--black-surface: #0B0B0C;--accent-gold: #F2CD06;--wintk-green: #079626;--link-lime: #F2CD06;--text-white: #FFFFFF;--canvas-bg: #0E0E0F}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--canvas-bg);background-image:radial-gradient(circle at 18% 15%,rgba(242,205,6,.16) 0%,transparent 45%),radial-gradient(circle at 82% 75%,rgba(7,150,38,.18) 0%,transparent 50%),linear-gradient(180deg,#09090a,#121214,#070708);background-attachment:fixed;background-size:cover;color:var(--text-white);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text-white);font-family:Roboto,sans-serif;margin-top:0;line-height:1.28;word-break:break-word}h1{font-size:32px;font-weight:800;text-align:center;margin-bottom:18px}h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:16px}h3{font-size:22px;font-weight:700;margin-bottom:12px}h4{font-size:19px;font-weight:700;margin-bottom:10px;color:#fff2a1}p{margin-top:0;margin-bottom:16px;color:var(--text-white)}a{color:var(--link-lime);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease,transform .2s ease}a:hover,a:focus-visible{color:#22c55e}img{max-width:100%;height:auto;display:block}.sticky-top-header{position:sticky;top:0;z-index:999;width:100%;background-image:linear-gradient(180deg,#09090a,#151414);box-shadow:0 5px 12px #f2cd068c;border-bottom:2px groove #F2CD06;padding:10px 16px}.header-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-col-logo{width:25%;display:flex;align-items:center}.brand-logo-img{width:210px;max-width:100%;height:auto}.header-col-nav{width:50%}.icon-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.icon-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;text-decoration:none;padding:6px 4px;border-radius:10px;transition:transform .2s ease,color .2s ease}.nav-svg-icon{width:40px;height:40px;color:#fff;transition:color .2s ease,transform .2s ease}.nav-label{font-family:Roboto,sans-serif;font-size:15px;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.5px;transition:color .2s ease}.icon-nav-item:hover,.icon-nav-item:focus-visible{transform:scale(1.1);color:#f2cd06}.icon-nav-item:hover .nav-svg-icon,.icon-nav-item:focus-visible .nav-svg-icon,.icon-nav-item:hover .nav-label,.icon-nav-item:focus-visible .nav-label{color:#f2cd06}.header-col-actions{width:25%;display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-header-register,.btn-header-login{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:900;text-decoration:none;padding:8px 16px;border:3px groove #F2CD06;border-radius:10px;box-shadow:0 0 10px #f2cd068c;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background-color .2s ease,transform .2s ease,color .2s ease}.btn-header-register{background-color:#079626;border-color:#f2cd06;color:#fff}.btn-header-login{background-color:#f2cd06;border-color:#fff;color:#151414}.btn-header-register:hover,.btn-header-login:hover,.btn-header-register:focus-visible,.btn-header-login:focus-visible{background-color:#151414;color:#f2cd06;transform:scale(1.1)}.sticky-mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background-image:linear-gradient(180deg,#151414,#09090a);box-shadow:0 -4px 10px #f2cd068c;border-top:2px groove #F2CD06;padding:6px 4px}.mobile-bottom-item{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-decoration:none;padding:4px 2px}.mobile-bottom-icon{color:#fff}.mobile-bottom-label{font-size:12px;font-weight:900;text-transform:uppercase;color:#fff}.mobile-bottom-item:hover,.mobile-bottom-item:focus-visible,.mobile-bottom-item:hover .mobile-bottom-icon,.mobile-bottom-item:hover .mobile-bottom-label{color:#d28209}.site-main{width:100%;max-width:1200px;margin:0 auto;padding:18px 14px 40px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.top-banner-stage{width:1200px;max-width:100%;margin:8px auto 18px}.floating-banner{width:1200px;max-width:100%;height:auto;border-radius:12px;border:3px solid #F2CD06;box-shadow:0 0 25px #f2cd068c;animation:floaty 4s ease-in-out infinite;margin:0 auto}@keyframes scrollLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper{display:flex;align-items:center;background:linear-gradient(to right,#151414,#0a3615);border:3px groove #F2CD06;padding:6px 25px;border-radius:20px;width:1200px;max-width:100%;overflow:hidden;margin:14px auto 22px;box-shadow:0 0 12px #f2cd068c}.speaker-icon{width:24px;height:24px;margin-right:12px;flex-shrink:0;color:#f2cd06}.marquee-viewport{overflow:hidden;width:100%}.marquee-text-track{display:inline-block;white-space:nowrap;animation:scrollLoop 30s linear infinite;font-weight:700;color:#fff;font-size:15px}.groove-section-welcome,.groove-section-dark,.groove-section-teal{max-width:1140px;width:100%;margin:20px auto 28px;padding:32px 28px;border:3px groove #F2CD06;border-radius:20px;box-shadow:0 0 12px #f2cd0680}.groove-section-welcome,.groove-section-dark{background-color:#151414}.groove-section-teal{background-color:#18231b}.answer-capsule{background:#0c140e;border:2px solid #079626;border-radius:14px;padding:18px 22px;margin:0 auto 20px;color:#fff;font-size:16.5px;line-height:1.65;box-shadow:0 0 10px #07962666}.answer-capsule strong{color:#f2cd06}.groove-subcard-black{background-color:#0b0b0c;border:3px groove #F2CD06;border-radius:20px;padding:24px;box-shadow:0 0 10px #f2cd064d}.split-2col{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px}.split-col-50{width:50%}.feature-collage-img{width:85%;margin:0 auto;border-radius:20px;border:3px groove #FFFFFF;box-shadow:0 0 10px #fff}@keyframes kenBurns{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#genie{width:85%;margin:0 auto;border-radius:20px;border:3px groove #FFFFFF;box-shadow:0 0 10px #fff;animation:kenBurns 8s ease-in-out infinite}.step-graphic-img{width:90%;margin:0 auto;border-radius:20px;border:3px groove #FFFFFF;box-shadow:0 0 10px #fff}.groove-bullet-list{list-style:none;padding:0;margin:14px 0 20px}.groove-bullet-list li{position:relative;padding-left:26px;margin-bottom:12px;color:#fff}.groove-bullet-list li:before{content:"✔";position:absolute;left:0;top:0;color:#22c55e;font-weight:900}.directory-hub-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.directory-hub-card h3{text-align:center;width:100%}.directory-spoke-list{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto 14px;padding:0;text-align:center}.directory-spoke-list li{position:static;padding-left:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.directory-spoke-list li:before{position:static;display:inline-block}.pill-cta-wrap{text-align:center;margin:24px auto 10px}.btn-pill-white{display:inline-flex;align-items:center;justify-content:center;background-color:#f2cd06;color:#151414;font-family:Roboto,sans-serif;font-size:26px;font-weight:900;text-decoration:none;padding:12px 32px;border:3px groove #FFFFFF;border-radius:30px;box-shadow:0 0 12px #f2cd06bf;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background-color .2s ease,color .2s ease,transform .2s ease}.btn-pill-white:hover,.btn-pill-white:focus-visible{background-color:#079626;color:#fff;transform:scale(1.08)}.dual-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:20px 0}.btn-groove-gold,.btn-groove-teal{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:900;text-decoration:none;padding:12px 24px;border:3px groove #F2CD06;border-radius:12px;box-shadow:0 0 10px #f2cd068c;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background-color .2s ease,transform .2s ease,color .2s ease}.btn-groove-gold{background-color:#f2cd06;border-color:#fff;color:#151414}.btn-groove-teal{background-color:#079626;border-color:#f2cd06;color:#fff}.btn-groove-gold:hover,.btn-groove-teal:hover,.btn-groove-gold:focus-visible,.btn-groove-teal:focus-visible{background-color:#151414;color:#f2cd06;transform:scale(1.06)}.game-tablist{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 22px}.game-tab-btn{background:#151414;color:#fff;border:3px groove #F2CD06;border-radius:10px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;padding:10px 22px;cursor:pointer;box-shadow:0 0 8px #f2cd0680;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:background-color .2s ease,transform .2s ease,color .2s ease}.game-tab-btn:hover,.game-tab-btn:focus-visible,.game-tab-btn.active{background:#079626;color:#fff;border-color:#f2cd06;transform:scale(1.05)}.game-tab-panel{background-color:#0b0b0c;border:3px groove #F2CD06;border-radius:20px;padding:24px;box-shadow:0 0 10px #f2cd0673}.tab-panel-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.tab-info-col{width:52%}.tab-wall-col{width:48%}.tab-spoke-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-spoke-chip{display:inline-block;background:#151414;color:#f2cd06;border:1.5px solid #079626;border-radius:8px;padding:5px 11px;font-size:13.5px;font-weight:700;text-decoration:none}.inline-spoke-chip:hover{background:#079626;color:#fff}@keyframes vScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes vScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.marquee-container{display:flex;gap:1vw;overflow:hidden;background:#101012;border-radius:10px;border:2px solid #F2CD06;padding:0 1vw;width:100%;height:300px;position:relative}.fade-top,.fade-bottom{position:absolute;left:0;right:0;height:40px;z-index:2;pointer-events:none}.fade-top{top:0;background:linear-gradient(180deg,#000,#0000)}.fade-bottom{bottom:0;background:linear-gradient(0deg,#000,#0000)}.marquee-col{flex:1;overflow:hidden}.marquee-track{display:flex;flex-direction:column;gap:10px}.scroll-down .marquee-track{animation:vScrollDown 20s linear infinite}.scroll-up .marquee-track{animation:vScrollUp 20s linear infinite}.marquee-game-card{display:block;border-radius:10px;overflow:hidden;border:2px solid #FFFFFF}.marquee-game-card img{width:100%;height:auto;border-radius:10px}.cards-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:20px}.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.game-grid-card{background:#000;border:3px groove #FFFFFF;border-radius:20px;padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 8px #ffffff80}.game-grid-card img{border-radius:12px;margin:0 auto 12px}.table-scroll-wrap{width:100%;overflow-x:auto;margin:18px 0;border-radius:14px;border:3px groove #FFFFFF}.groove-table{width:100%;border-collapse:collapse;background-color:#000;color:#fff;font-size:15px}.groove-table th,.groove-table td{padding:12px 14px;border:1px solid rgba(255,255,255,.3);text-align:left}.groove-table th{background-color:#079626;color:#fff;font-weight:800;text-transform:uppercase;font-size:14px}.groove-table tr:nth-child(2n) td{background-color:#16181a}.breadcrumb-bar{max-width:1140px;margin:4px auto 14px;padding:8px 16px;background:#000;border:2px groove #FFFFFF;border-radius:12px;font-size:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.faq-accordion-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.faq-groove-item{background-color:#000;border:3px groove #FFFFFF;border-radius:20px;padding:16px 22px;box-shadow:0 0 8px #ffffff73}.faq-groove-item summary{font-family:Roboto,sans-serif;font-size:18px;font-weight:800;color:#fff2a1;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-groove-item summary::-webkit-details-marker{display:none}.faq-groove-item summary:after{content:"+";font-size:24px;font-weight:900;color:#22c55e;flex-shrink:0}.faq-groove-item[open] summary:after{content:"−";color:#f2cd06}.faq-answer-body{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);color:#fff;font-size:15.5px}.patokbet-footer{background-image:linear-gradient(180deg,#151414,#070708);box-shadow:0 -4px 12px #f2cd068c;border-top:2px groove #F2CD06;margin-top:50px;padding:36px 16px 28px;color:#fff}.footer-container{max-width:1140px;margin:0 auto}.footer-nav-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px;padding-bottom:24px;border-bottom:2px groove rgba(255,255,255,.5)}.footer-nav-link{font-family:Roboto,sans-serif;font-weight:900;font-size:15px;text-transform:uppercase;color:#fff;text-decoration:none;letter-spacing:.6px}.footer-nav-link:hover,.footer-nav-link:focus-visible{color:#d28209}.footer-trust-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 0;border-bottom:2px groove rgba(255,255,255,.5)}.footer-trust-col{width:33.33%;text-align:center}.footer-logo-img{width:220px;margin:0 auto 10px}.footer-col-caption,.footer-support-links{font-size:13.5px;color:#fff;margin:8px 0 0}.trust-col-heading{font-weight:900;font-size:14px;color:#fff2a1;margin-bottom:12px;letter-spacing:.5px}.trust-badge-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.trust-pill{display:inline-block;padding:6px 12px;border-radius:10px;border:2px groove #FFFFFF;font-size:13px;font-weight:800;color:#fff;text-decoration:none;background-color:#000}.badge-bkash{background-color:#b80f57}.badge-nagad{background-color:#c76b00}.badge-rocket{background-color:#6f2575}.badge-upay{background-color:#005994}.badge-18plus{background-color:#b91c1c}.badge-selfex{background-color:#151414}.badge-curacao{background-color:#079626}.footer-copy-row{text-align:center;padding-top:20px;font-size:13.5px}@media (max-width: 1024px){body{padding-bottom:80px}.header-col-nav{display:none}.header-col-logo{width:42%}.header-col-actions{width:58%}.sticky-mobile-bottom-bar{display:flex;align-items:center;justify-content:space-between}.cards-grid-4,.cards-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){body{font-size:14px;padding-bottom:84px}h1{font-size:26px}h2{font-size:24px}h3{font-size:21px}h4{font-size:18px}.sticky-top-header{padding:8px 10px}.brand-logo-img{width:142px}.header-col-actions{gap:6px}.btn-header-register,.btn-header-login{font-size:14px;padding:6px 10px}.groove-section-welcome,.groove-section-dark,.groove-section-teal{padding:20px 14px;margin:14px auto 20px}.groove-subcard-black,.game-tab-panel{padding:16px 12px}.split-2col,.tab-panel-grid,.footer-trust-row{flex-direction:column;width:100%}.split-col-50,.tab-info-col,.tab-wall-col,.footer-trust-col,.feature-collage-img,#genie,.step-graphic-img{width:100%}.cards-grid-2,.cards-grid-3,.cards-grid-4{grid-template-columns:1fr}.btn-pill-white{font-size:15px;padding:10px 18px;width:100%}.btn-groove-gold,.btn-groove-teal{font-size:15px;padding:10px 16px;width:100%}.game-tab-btn{font-size:14px;padding:8px 12px;flex:1 1 calc(50% - 8px)}.marquee-wrapper{padding:5px 12px}}
