*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:80px;}
body{min-height:100dvh;line-height:1.6;font-family:'Segoe UI',system-ui,Arial,sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#e2e4ed;background-color:#1B2230;}
img,picture{display:block;max-width:100%;height:auto;}
input,button,textarea,select{font:inherit;color:inherit;}
h1,h2,h3,h4{text-wrap:balance;line-height:1.15;}
button{cursor:pointer;background:none;border:none;}
table{border-collapse:collapse;width:100%;}
a,button,[role="button"]{transition:color 180ms cubic-bezier(0.16,1,0.3,1),background 180ms cubic-bezier(0.16,1,0.3,1),box-shadow 180ms cubic-bezier(0.16,1,0.3,1);}
:focus-visible{outline:2px solid #AF0217;outline-offset:3px;border-radius:3px;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
.skip-link{position:absolute;top:-60px;left:10px;background:#AF0217;color:#fff;padding:8px 16px;border-radius:4px;font-size:0.9rem;z-index:9999;text-decoration:none;}
.skip-link:focus{top:8px;}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 10px;}
#site-header{background:#020214;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,0.45);}
.hdr-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:72px;max-width:1200px;margin:0 auto;gap:12px;}
.hdr-logo{flex-shrink:0;width:144px;height:55px;display:flex;align-items:center;}
.hdr-logo img{width:144px;height:55px;object-fit:contain;display:block;}
.desk-nav{display:none;flex:1;}
.desk-nav-list{display:flex;align-items:center;list-style:none;}
.desk-nav-list>li{display:flex;align-items:center;position:relative;}
.desk-nav-list>li>a,.desk-nav-list>li>.nav-active{display:inline-flex;align-items:center;padding:8px 12px;color:#e2e4ed;text-decoration:none;font-size:0.9rem;white-space:nowrap;}
.desk-nav-list>li>a:hover{color:#AF0217;}
.nav-active{color:#AF0217;font-weight:600;}
.arrow-desk{display:inline-flex;align-items:center;padding-left:2px;font-size:0.68rem;color:#9aa0b0;transition:transform 180ms cubic-bezier(0.16,1,0.3,1);}
.has-sub-desk:hover .arrow-desk{transform:rotate(180deg);}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#020214;list-style:none;z-index:400;box-shadow:0 6px 18px rgba(0,0,0,0.5);}
.has-sub-desk:hover .desk-sub{display:block;}
.desk-sub li{display:block;}
.desk-sub a{display:block;padding:10px 18px;color:#e2e4ed;text-decoration:none;white-space:nowrap;font-size:0.88rem;}
.desk-sub a:hover{color:#AF0217;}
.desk-auth{display:none;align-items:center;gap:8px;flex-shrink:0;}
.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid #AF0217;color:#e2e4ed;text-decoration:none;border-radius:4px;font-size:0.86rem;white-space:nowrap;}
.btn-login:hover{background:#AF0217;color:#fff;}
.btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;background:#AF0217;color:#fff;text-decoration:none;border-radius:4px;font-size:0.86rem;white-space:nowrap;}
.btn-signup:hover{background:#8e0113;}
.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;flex-shrink:0;}
.hamburger span{display:block;width:22px;height:2px;background:#e2e4ed;border-radius:2px;margin-bottom:5px;}
.hamburger span:last-child{margin-bottom:0;}
@media(min-width:1081px){
.desk-nav{display:flex;}
.desk-auth{display:flex;}
.hamburger{display:none;}
}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#020214;z-index:500;overflow-y:auto;}
.mob-menu.is-open{display:flex;}
@media(min-width:1081px){.mob-menu{display:none!important;}}
.mob-menu-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(226,228,237,0.1);min-height:72px;}
.mob-close{font-size:1.8rem;color:#e2e4ed;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.mob-close:hover{color:#AF0217;}
.mob-nav-list{padding:10px 0;list-style:none;}
.mob-nav-list>li{display:flex;align-items:center;flex-wrap:wrap;}
.mob-nav-list>li>a,.mob-nav-list>li>.nav-active{display:inline-flex;align-items:center;padding:13px 20px;color:#e2e4ed;text-decoration:none;font-size:1rem;flex:1;}
.mob-nav-list>li>a:hover{color:#AF0217;}
.arrow-mob{display:inline-flex;align-items:center;padding:13px 16px 13px 2px;cursor:pointer;font-size:0.75rem;color:#9aa0b0;transition:transform 180ms ease;}
.arrow-mob.is-open{transform:rotate(180deg);}
.mob-sub{display:none;width:100%;flex-direction:column;list-style:none;}
.mob-sub.is-open{display:flex;}
.mob-sub li{display:block;}
.mob-sub a{display:block;padding:11px 20px 11px 44px;color:#b0b4c0;text-decoration:none;font-size:0.9rem;white-space:nowrap;}
.mob-sub a:hover{color:#AF0217;}
.mob-auth{display:flex;padding:16px 10px;border-top:1px solid rgba(226,228,237,0.1);gap:8px;}
.mob-auth .btn-login{flex:1;}
.mob-auth .btn-signup{flex:1;}
.hero-sec{background:linear-gradient(135deg,#020214 0%,#0d1525 55%,#18103a 100%);padding:44px 0;}
.hero-inner{display:flex;flex-direction:column;gap:28px;}
.hero-text{flex:1;}
.hero-text h1{font-size:clamp(1.9rem,1.3rem + 2.5vw,3.4rem);color:#fff;margin-bottom:14px;}
.hero-text p{font-size:clamp(0.95rem,0.88rem + 0.35vw,1.1rem);color:#b8bbcc;margin-bottom:22px;}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:#AF0217;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;font-size:0.92rem;white-space:nowrap;}
.btn-cta:hover{background:#8e0113;}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border:1px solid rgba(226,228,237,0.35);color:#e2e4ed;text-decoration:none;border-radius:4px;font-size:0.92rem;white-space:nowrap;}
.btn-ghost:hover{border-color:#AF0217;color:#fff;}
.btn-cta-sec{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:rgba(175,2,23,0.15);color:#e2e4ed;text-decoration:none;border-radius:4px;font-size:0.92rem;border:1px solid rgba(175,2,23,0.4);white-space:nowrap;}
.btn-cta-sec:hover{background:#AF0217;color:#fff;}
.hero-img-box{display:flex;justify-content:center;align-items:center;}
.hero-img-box img{max-width:100%;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.45);}
@media(min-width:768px){
.hero-inner{flex-direction:row;align-items:center;}
.hero-img-box{width:40%;max-width:320px;min-width:180px;flex-shrink:0;}
}
.about-sec{padding:52px 0;}
.about-sec h2{font-size:clamp(1.3rem,1rem + 1vw,2rem);color:#fff;margin-bottom:14px;}
.about-sec p{color:#b8bbcc;margin-bottom:14px;}
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;}
@media(min-width:481px){.about-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:768px){.about-grid{grid-template-columns:repeat(4,1fr);}}
.about-card{background:rgba(255,255,255,0.05);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.about-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4);}
.ac-icon{font-size:1.35rem;}
.ac-label{font-size:0.72rem;color:#8090a8;text-transform:uppercase;letter-spacing:0.055em;}
.ac-val{font-size:0.88rem;color:#e2e4ed;font-weight:600;line-height:1.3;}
.reg-sec{padding:52px 0;background:rgba(0,0,0,0.18);}
.reg-sec h2{font-size:clamp(1.2rem,1rem + 0.8vw,1.75rem);color:#fff;margin-bottom:14px;}
.reg-sec p{color:#b8bbcc;margin-bottom:12px;}
.reg-steps{list-style:decimal;padding-left:22px;color:#b8bbcc;}
.reg-steps li{margin-bottom:8px;padding-left:4px;}
.cta-box{display:flex;justify-content:center;margin-top:28px;}
.games-sec{padding:52px 0;}
.games-sec h2{font-size:clamp(1.2rem,1rem + 0.8vw,1.75rem);color:#fff;margin-bottom:14px;}
.games-sec p{color:#b8bbcc;margin-bottom:26px;}
.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media(min-width:768px){.games-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:968px){.games-grid{grid-template-columns:repeat(4,1fr);}}
.game-card{background:rgba(255,255,255,0.05);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.25);}
.game-card img{width:100%;display:block;}
.gc-body{padding:10px 12px;display:flex;flex-direction:column;gap:3px;}
.gc-name{font-weight:700;font-size:0.88rem;color:#e2e4ed;}
.gc-prov{font-size:0.74rem;color:#8090a8;}
.gc-rtp{font-size:0.74rem;color:#d94f5f;font-weight:600;}
.pay-sec{padding:52px 0;background:rgba(0,0,0,0.18);}
.pay-sec h2{font-size:clamp(1.2rem,1rem + 0.8vw,1.75rem);color:#fff;margin-bottom:14px;}
.pay-sec p{color:#b8bbcc;margin-bottom:14px;}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px;}
.pay-tbl{min-width:540px;}
.pay-tbl th{background:#020214;color:#e2e4ed;padding:10px 14px;text-align:left;font-size:0.84rem;white-space:nowrap;}
.pay-tbl td{padding:10px 14px;color:#b8bbcc;font-size:0.84rem;border-bottom:1px solid rgba(226,228,237,0.07);white-space:nowrap;}
.pay-tbl tr:hover td{background:rgba(175,2,23,0.06);}
@media(max-width:480px){.pay-tbl th,.pay-tbl td{font-size:0.76rem;padding:8px 10px;}}
@media(max-width:320px){.pay-tbl th,.pay-tbl td{font-size:0.7rem;padding:6px 8px;}}
.trust-sec{padding:52px 0;}
.trust-sec h2{font-size:clamp(1.2rem,1rem + 0.8vw,1.75rem);color:#fff;margin-bottom:14px;}
.trust-sec p{color:#b8bbcc;margin-bottom:14px;}
#site-footer{background:#020214;padding:44px 0 20px;}
.ftr-wrap{max-width:1200px;margin:0 auto;padding:0 10px;}
.ftr-cols{display:flex;flex-direction:column;gap:28px;margin-bottom:32px;}
@media(min-width:768px){.ftr-cols{flex-direction:row;justify-content:space-between;align-items:flex-start;}}
.ftr-brand{max-width:460px;}
.ftr-brand img{margin-bottom:12px;}
.ftr-disc{font-size:0.78rem;color:#8090a8;line-height:1.65;}
.ftr-links{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:8px;}
@media(min-width:480px){.ftr-links{flex-direction:row;flex-wrap:wrap;gap:6px 18px;}}
.ftr-links a{color:#8090a8;text-decoration:none;font-size:0.84rem;}
.ftr-links a:hover{color:#AF0217;}
.ftr-logos-row{margin-top:24px;}
.ftr-logo-label{font-size:0.72rem;color:#8090a8;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;}
.ftr-logo-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
.ftr-logo-strip img{height:25px;width:auto;opacity:0.75;}
.ftr-logo-strip img:hover{opacity:1;}
.ftr-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(226,228,237,0.08);}
@media(min-width:768px){.ftr-bottom{flex-direction:row;justify-content:space-between;}}
.ftr-copy{font-size:0.76rem;color:#8090a8;text-align:center;}
.ftr-trust{display:flex;align-items:center;gap:14px;}
.ftr-trust img{opacity:0.8;}