.sud,.DarkWaves,.wave-divider,.wave-separator,.wave-shape,.wave-back,.wave-mid,.wave-front,[class*="wave"]:not(.provider-chip):not(input):not(span),.fil2{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;position:absolute!important;pointer-events:none!important}
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,figure,footer,header,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:rgba(255,255,255,.85);text-align:left;background-color:#060d17}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.list-unstyled{padding-left:0;list-style:none}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-12,.col-6,.col-lg-10,.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-8,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-12,.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}}@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.table{width:100%;margin-bottom:1rem;color:rgba(255,255,255,.85)}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#060d17}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.btn{display:inline-block;font-weight:400;color:rgba(255,255,255,.85);text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:rgba(255,255,255,.85);text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:rgba(255,255,255,.85);text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:rgba(255,255,255,.85);text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}}@media (min-width:992px){.modal-lg{max-width:800px}}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active{display:block}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.rounded{border-radius:.25rem!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:-ms-flexbox!important;display:flex!important}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}@media (min-width:768px){.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}}.float-right{float:right!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.w-100{width:100%!important}.h-100{height:100%!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-5{margin-bottom:3rem!important}.pt-1{padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.py-3{padding-top:1rem!important}.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.pt-4{padding-top:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.mr-auto,.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-left{text-align:left!important}.text-center{text-align:center!important}@media (min-width:768px){.text-md-right{text-align:right!important}}.text-uppercase{text-transform:uppercase!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fab{font-family:"Font Awesome 5 Brands"}.far{font-weight:400}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-vertical{transform:scale(-1)}.fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-angle-down:before{content:"\f107"}.fa-angle-up:before{content:"\f106"}.fa-apple-alt:before{content:"\f5d1"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-at:before{content:"\f1fa"}.fa-ban:before{content:"\f05e"}.fa-bars:before{content:"\f0c9"}.fa-bolt:before{content:"\f0e7"}.fa-book:before{content:"\f02d"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-calculator:before{content:"\f1ec"}.fa-calendar-plus:before{content:"\f271"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-clock:before{content:"\f017"}.fa-cloud:before{content:"\f0c2"}.fa-coins:before{content:"\f51e"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-crown:before{content:"\f521"}.fa-cube:before{content:"\f1b2"}.fa-database:before{content:"\f1c0"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dollar-sign:before{content:"\f155"}.fa-download:before{content:"\f019"}.fa-edit:before{content:"\f044"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-external-link-alt:before{content:"\f35d"}.fa-eye:before{content:"\f06e"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-film:before{content:"\f008"}.fa-fire:before{content:"\f06d"}.fa-fish:before{content:"\f578"}.fa-folder:before{content:"\f07b"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gem:before{content:"\f3a5"}.fa-gift:before{content:"\f06b"}.fa-globe-asia:before{content:"\f57e"}.fa-hand-pointer:before{content:"\f25a"}.fa-heartbeat:before{content:"\f21e"}.fa-history:before{content:"\f1da"}.fa-info-circle:before{content:"\f05a"}.fa-laravel:before{content:"\f3bd"}.fa-layer-group:before{content:"\f5fd"}.fa-lemon:before{content:"\f094"}.fa-list:before{content:"\f03a"}.fa-lock:before{content:"\f023"}.fa-magic:before{content:"\f0d0"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-memory:before{content:"\f538"}.fa-minus:before{content:"\f068"}.fa-monument:before{content:"\f5a6"}.fa-newspaper:before{content:"\f1ea"}.fa-palette:before{content:"\f53f"}.fa-paper-plane:before{content:"\f1d8"}.fa-paw:before{content:"\f1b0"}.fa-percentage:before{content:"\f541"}.fa-php:before{content:"\f457"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-project-diagram:before{content:"\f542"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-random:before{content:"\f074"}.fa-redo:before{content:"\f01e"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-search:before{content:"\f002"}.fa-server:before{content:"\f233"}.fa-shield-alt:before{content:"\f3ed"}.fa-shopping-cart:before{content:"\f07a"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-sitemap:before{content:"\f0e8"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-spinner:before{content:"\f110"}.fa-square:before{content:"\f0c8"}.fa-star:before{content:"\f005"}.fa-star-of-life:before{content:"\f621"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tasks:before{content:"\f0ae"}.fa-times:before{content:"\f00d"}.fa-trophy:before{content:"\f091"}.fa-unlock-alt:before{content:"\f13e"}.fa-user:before{content:"\f007"}.fa-users:before{content:"\f0c0"}.fa-wallet:before{content:"\f555"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}:root{--text-primary:#fff;--text-secondary:rgba(255,255,255,0.7);--bg-primary:#0a0e17;--bg-secondary:#111827;--accent-gold:#d4af37;--accent-red:#00d4ff;--accent-blue:#00d4ff;--font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1{font-size:clamp(1.5rem, 3vw, 2.2rem);color:var(--text-primary);font-weight:700;line-height:1.2;margin-top:0}h2{font-size:clamp(1.25rem, 2.5vw, 1.75rem);color:var(--text-primary);font-weight:700;line-height:1.25}h3{font-size:clamp(1.1rem, 2vw, 1.4rem);color:var(--text-primary);font-weight:600;line-height:1.3}h4{font-size:clamp(1rem, 1.5vw, 1.2rem);color:var(--text-primary);font-weight:600}h5{font-size:clamp(.9rem, 1.2vw, 1.05rem);color:var(--text-primary);font-weight:600}h6{font-size:clamp(.85rem, 1vw, .95rem);color:var(--text-secondary);font-weight:600}.page-family-home h1{font-size:clamp(2.2rem, 5vw, 3.6rem)}.page-family-home h2{font-size:clamp(1.5rem, 3vw, 2.2rem)}.page-family-slot-single h1{font-size:clamp(1.3rem, 2.5vw, 1.8rem)}.page-family-slot-single h2{font-size:clamp(1.15rem, 2vw, 1.5rem)}.page-family-guides h1,.page-family-layout h1,.page-family-slots h1{font-size:clamp(1.5rem, 3vw, 2.2rem)}.page-family-provider h1{font-size:clamp(1.4rem, 2.5vw, 2rem)}.page-family-provider h2{font-size:clamp(1.2rem, 2.2vw, 1.6rem)}.page-family-tools h1{font-size:clamp(1.4rem, 2.5vw, 2rem)}a{color:var(--accent-blue);text-decoration:none}a:hover{color:#fff}.h4Title,.nav-link,body,h1,h2,h3,h4{font-family:var(--font-family)}.has-premium-header{padding-top:70px}@media (max-width:991px){.has-premium-header{padding-top:60px}}@media (max-width:991px){.site-upgrade-banner{display:none}}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-to-content:focus{left:20px;width:auto;height:auto}body,html{overflow-x:hidden;width:100%;max-width:100%}*{box-sizing:border-box}.container,.row,footer,header,main,nav,section{max-width:100%}iframe,img,video{max-width:100%;height:auto}.premium-header{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#6c120e 0%,#981b14 48%,#c52e1b 100%);padding:0;border-bottom:1px solid rgba(255,212,74,.22);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.header-container{max-width:1480px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff6d6;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.header-logo img{display:block;width:auto;height:42px;max-width:220px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2))}.header-nav{display:flex;align-items:center;gap:8px}.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 11px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.01em;border-radius:999px;transition:background .2s,transform .2s,color .2s;border:none;background:0 0;cursor:pointer;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.14);color:#fff7d8;transform:translateY(-1px)}.nav-dropdown.dropdown-active>.nav-link,.nav-link[aria-expanded=true]{background:rgba(255,255,255,.16);color:#fff7d8}.nav-link i{font-size:14px;color:#ffd24a}.dropdown-arrow{font-size:10px;transition:transform .2s}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#8f1811 0,#71120f 100%);border:1px solid rgba(255,212,74,.18);border-radius:18px;min-width:250px;padding:16px;box-shadow:0 20px 48px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;z-index:10001;margin-top:10px}.nav-dropdown.dropdown-active .dropdown-menu,.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;margin-top:5px}.nav-dropdown.dropdown-active .dropdown-arrow,.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}.dropdown-title{color:gold;font-weight:700;font-size:14px}.view-all-link{color:#fff;font-size:12px;text-decoration:none}.view-all-link:hover{text-decoration:underline}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;max-height:400px;overflow-y:auto}.dropdown-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:420px;overflow-y:auto}.dropdown-grid-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:840px;max-width:min(92vw,900px);max-height:480px;overflow-y:auto}.dropdown-list{display:flex;flex-direction:column;gap:5px}.dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;color:#fff;text-decoration:none;font-size:13px;line-height:1.35;border-radius:12px;transition:background .2s,transform .2s,color .2s}.dropdown-item span{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.dropdown-item:hover{background:rgba(255,255,255,.12);transform:translateX(2px);color:#fff7d8}.dropdown-item i{color:gold;width:16px;text-align:center}.provider-logo{width:24px;height:24px;object-fit:contain;border-radius:4px}.providers-dropdown{min-width:450px}.mobile-menu-toggle{display:none}body.has-premium-header{padding-top:70px}@media (max-width:1199px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;background:0 0;border:none;cursor:pointer}.hamburger-line{width:25px;height:3px;background:gold;border-radius:2px}.header-container{height:60px}.header-logo img{height:36px;max-width:190px}body.has-premium-header{padding-top:60px}}@media (min-width:1200px) and (max-width:1340px){.header-container{padding:0 12px}.nav-link{gap:6px;padding:9px 8px;font-size:12px}.nav-link i{font-size:12px}.header-logo img{height:38px;max-width:186px}.dropdown-grid-3col{grid-template-columns:repeat(2,minmax(0,1fr));min-width:680px}}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9998;opacity:0;visibility:hidden;transition:all .3s}.mobile-overlay.overlay-active{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;width:min(360px,92vw);height:100%;background:linear-gradient(180deg,#8a1710 0,#61110d 100%);border-left:1px solid rgba(255,212,74,.18);z-index:9999;overflow-y:auto}.mobile-drawer.drawer-open{right:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.drawer-logo{color:gold;font-size:20px;font-weight:700}.drawer-close{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer}.drawer-content{padding:15px 16px 24px}.drawer-link{display:flex;align-items:center;gap:12px;padding:15px;color:#fff;text-decoration:none;font-size:16px;border-radius:14px}.drawer-link:hover{background:rgba(255,255,255,.1);color:#fff7d8}.drawer-link i{color:gold;width:20px}.drawer-accordion{margin-bottom:5px}.accordion-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:15px;background:0 0;border:none;color:#fff;font-size:16px;text-align:left;cursor:pointer;border-radius:14px}.accordion-trigger:hover{background:rgba(255,255,255,.1)}.accordion-trigger i:first-child{color:gold;width:20px}.accordion-arrow{margin-left:auto;transition:transform .2s}.accordion-content{padding-left:20px;max-height:0;overflow:hidden;transition:max-height .35s ease-out,padding .35s ease-out}.drawer-accordion.accordion-open .accordion-content{max-height:2000px}.drawer-accordion.accordion-open .accordion-arrow{transform:rotate(180deg)}.accordion-link{display:flex;align-items:center;gap:10px;padding:10px 15px;color:rgba(255,255,255,.9);text-decoration:none;font-size:14px;border-radius:12px}.accordion-link:hover{color:gold;background:rgba(255,255,255,.06)}.drawer-footer{padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-size:12px}body.menu-open{overflow:hidden!important;touch-action:none}.mobile-menu-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-drawer{transform:translateX(100%);-webkit-transform:translateX(100%);transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease}.mobile-drawer.drawer-open{transform:translateX(0);-webkit-transform:translateX(0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .35s ease-out,padding .35s ease-out}.drawer-accordion.accordion-open .accordion-content{max-height:2000px;padding:10px 0}.accordion-link,.accordion-trigger,.drawer-close,.drawer-link{min-height:44px;-webkit-tap-highlight-color:rgba(255,215,0,0.2)}@media (max-width:480px){.header-container{padding:0 12px;gap:8px}.header-logo{min-width:0;flex:1 1 0}.header-logo img{max-width:min(160px,55vw);max-height:36px;height:auto}.mobile-menu-toggle{flex-shrink:0;padding:8px 10px}.hamburger-line{width:22px;height:2.5px}}@media (max-width:375px){.mobile-drawer{width:280px;max-width:90vw}.header-container{padding:0 10px}.header-logo img{max-width:min(140px,48vw)}.accordion-trigger,.drawer-link{font-size:15px;padding:12px 12px}.accordion-link{font-size:13px;padding:10px 12px 10px 18px}.drawer-content{padding:8px 10px}}@supports (-webkit-touch-callout:none){body.menu-open{-webkit-overflow-scrolling:auto}.mobile-drawer{height:-webkit-fill-available}}.direct-link::after,.direct-link::before,.dropdown-trigger::after,.dropdown-trigger::before,.header-container::after,.header-container::before,.header-nav.desktop-nav::after,.header-nav.desktop-nav::before,.nav-link::after,.nav-link::before{display:none!important;content:none!important;width:0!important;height:0!important}.premium-header .dropdown-menu{border:none!important}.mobile-drawer:not(.drawer-open){visibility:hidden!important;opacity:0}.mobile-drawer.drawer-open{visibility:visible!important;opacity:1}.mobile-overlay:not(.overlay-active){visibility:hidden;opacity:0;pointer-events:none}.drawer-link svg,.nav-link svg{display:inline-block;vertical-align:middle;width:14px;height:14px;flex-shrink:0}@media (min-width:1200px){.premium-header{z-index:2147483000!important;overflow:visible!important;isolation:isolate}.header-container,.header-nav,.nav-dropdown{overflow:visible!important}.nav-dropdown .dropdown-menu,.premium-header .dropdown-menu{z-index:2147483646!important}}@media (min-width:1200px){.premium-header .nav-dropdown{position:relative}.nav-dropdown .dropdown-menu,.premium-header .dropdown-menu{width:max-content;max-width:min(94vw,1040px);padding:18px 18px 16px;border:1px solid rgba(255,212,74,.18)!important;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),linear-gradient(180deg,#8e1711 0,#1a1a2e 100%);box-shadow:0 26px 60px rgba(0,0,0,.42);backdrop-filter:blur(10px)}.premium-header .dropdown-header{gap:14px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.premium-header .dropdown-title{font-size:15px;letter-spacing:.02em}.premium-header .view-all-link{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff7d8;font-size:12px;font-weight:700;text-decoration:none}.premium-header .view-all-link:hover{background:rgba(255,212,74,.18);text-decoration:none}.premium-header .dropdown-grid-2col{grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;min-width:min(92vw,540px);max-width:min(92vw,620px);padding-right:2px}.premium-header .dropdown-grid-3col{grid-template-columns:repeat(3,minmax(210px,1fr));gap:10px 12px;min-width:min(92vw,760px);max-width:min(94vw,980px);padding-right:2px}.premium-header .dropdown-list{gap:10px}.premium-header .dropdown-item{align-items:flex-start;min-height:58px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.045)}.premium-header .dropdown-item span{font-size:13px;font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:auto}.premium-header .dropdown-item:hover{background:rgba(255,212,74,.12);border-color:rgba(255,212,74,.24);transform:translateY(-1px)}.premium-header .dropdown-item i{width:18px;margin-top:1px;flex-shrink:0}.premium-header .providers-dropdown{min-width:min(92vw,560px)}}@media (min-width:992px) and (max-width:1280px){.premium-header .dropdown-grid-3col{grid-template-columns:repeat(2,minmax(220px,1fr));min-width:min(92vw,640px);max-width:min(92vw,740px)}}@media (max-width:1199px){.mobile-overlay{inset:0!important;width:100%!important;height:100dvh!important;min-height:100vh!important}.mobile-drawer{top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(360px,92vw)!important;height:100dvh!important;min-height:100vh!important;max-height:100dvh!important;background:radial-gradient(460px 240px at top right,rgba(255,212,74,.12),transparent 58%),linear-gradient(180deg,#7d1510 0,#59100d 100%);box-shadow:-24px 0 48px rgba(0,0,0,.36);overflow-y:auto!important;-webkit-overflow-scrolling:touch}.drawer-header{padding:18px 18px 16px;background:rgba(0,0,0,.1);backdrop-filter:blur(10px)}.drawer-content{display:grid;gap:8px;padding:14px 14px 24px;min-height:calc(100dvh - 92px);align-content:start}.accordion-trigger,.drawer-link{min-height:52px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.accordion-trigger:hover,.drawer-link:hover{background:rgba(255,255,255,.1)}.accordion-content{padding-left:0}.drawer-accordion.accordion-open .accordion-content{padding:8px 0 2px}.accordion-link{min-height:42px;margin-top:6px;padding:11px 14px 11px 16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:rgba(255,255,255,.92)}.accordion-link:hover{background:rgba(255,212,74,.12);color:#fff7d8}.accordion-link.view-all{margin-top:10px;font-weight:800;background:rgba(255,212,74,.14);border-color:rgba(255,212,74,.18);color:#fff7d8}.accordion-link span,.accordion-trigger span,.drawer-link span{min-width:0;overflow-wrap:break-word}}.premium-header{box-shadow:0 4px 12px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.3)!important;border-bottom:none!important}@media (min-width:1200px){.header-container{padding-left:32px;padding-right:32px}}.ocean-game-grid{min-height:200px}.ocean-game-card img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.game-card-image{aspect-ratio:3/2;overflow:hidden;background:#1a1a2e}.game-card-image img{width:100%;height:100%;object-fit:cover}#single-game-section .newHeader,.newHeader{min-height:420px}#single-game-section .newHeader .software-bg-logo,.newHeader .software-bg-logo{width:160px;height:160px;aspect-ratio:1/1;object-fit:contain}.cBreadcrumb{min-height:24px}.single-slot-hero-meta{min-height:42px}.single-slot-hero-actions{min-height:48px}@media (max-width:991px){#single-game-section .newHeader,.newHeader{min-height:360px}}@media (max-width:480px){#single-game-section .newHeader,.newHeader{min-height:320px}#single-game-section .newHeader .software-bg-logo,.newHeader .software-bg-logo{width:120px;height:120px}}.game-iframe-wrapper{aspect-ratio:16/9;min-height:400px;background:#0f0f23;contain:layout style}.game-iframe-container{width:100%;height:100%}.game-iframe-container .game-frame,.game-iframe-container iframe{width:100%;height:100%;border:none}.game-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.play-overlay-logo{width:80px;height:80px;aspect-ratio:1/1;object-fit:contain}.iframe-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}@media (max-width:768px){.game-iframe-wrapper{min-height:300px}}@media (max-width:480px){.game-iframe-wrapper{min-height:260px}}.mobile-demo-card{min-height:280px;contain:layout style}.mobile-demo-card-logo{width:100px;height:100px;aspect-ratio:1/1;object-fit:contain}.popular_casino_row{content-visibility:auto;contain-intrinsic-size:auto 600px}.play-game-content,.single-slot-review-shell{content-visibility:auto;contain-intrinsic-size:auto 1200px}.similar-games{content-visibility:auto;contain-intrinsic-size:auto 500px}#slot-faq{content-visibility:auto;contain-intrinsic-size:auto 400px}.casino-section,.provider-grid-surface{min-height:100px}.slot-hub-breadcrumb{min-height:24px}.fallback-game-logo{width:50px;height:50px;aspect-ratio:1/1;object-fit:contain}img[width][height]{height:auto;max-width:100%}.slot-context-nav{min-height:48px}body{font-synthesis:weight style;text-rendering:optimizeSpeed}.hero-ocean{min-height:100vh;contain:layout style}.hero-video-bg{position:absolute;width:100%;height:100%}.hero-video-bg img,.hero-video-bg video{width:100%;height:100%;object-fit:cover}.fresh-releases-grid{min-height:200px;contain:layout style}.fresh-release-card{min-height:120px}.fresh-release-media{aspect-ratio:320/220;overflow:hidden;background:#1a1a2e}.fresh-release-media img{width:100%;height:100%;object-fit:cover}.games-grid-ocean{min-height:400px;contain:layout style}.game-card-ocean{min-height:180px}.game-card-ocean img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;background:#1a1a2e}.news-grid-ocean{min-height:300px;contain:layout style}.news-card-ocean{min-height:200px}.news-image{aspect-ratio:16/9;overflow:hidden;background:#1a1a2e}.news-image img{width:100%;height:100%;object-fit:cover}.provider-grid-surface{min-height:200px}.depth-deep,.depth-mid{content-visibility:auto;contain-intrinsic-size:auto 800px}@media (max-width:768px){.hero-ocean{min-height:80vh}.games-grid-ocean{min-height:300px}.fresh-releases-grid{min-height:150px}}@media (min-width:992px){:root{--slm-desktop-shell-max:1540px;--slm-desktop-copy-max:1320px}body.page-family-home main#main-content,body.page-family-slots main#main-content,body.route-frontend-layout-page main#main-content{display:block}body.page-family-home #footer .container,body.page-family-home main#main-content .container,body.page-family-home main#main-content .container-fluid,body.page-family-slots #footer .container,body.page-family-slots main#main-content .container,body.page-family-slots main#main-content .container-fluid,body.route-frontend-layout-page #footer .container,body.route-frontend-layout-page main#main-content .container,body.route-frontend-layout-page main#main-content .container-fluid{width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}body.page-family-home #offers-section,body.page-family-home .depth-abyss,body.page-family-home .depth-deep,body.page-family-home .depth-mid,body.page-family-home .depth-twilight{opacity:1!important;transform:none!important}body.page-family-slots .popular_casino_row,body.page-family-slots .seo-content-box,body.route-frontend-layout-page #laypage,body.route-frontend-layout-page .layout-page-surface,body.route-frontend-layout-page .popular_casino_row{width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}body.page-family-slots .seo-content-box>h1,body.page-family-slots .seo-content-box>h2,body.page-family-slots .seo-content-box>h3,body.page-family-slots .seo-content-box>h4,body.page-family-slots .seo-content-box>ol,body.page-family-slots .seo-content-box>p,body.page-family-slots .seo-content-box>ul,body.route-frontend-layout-page #laypage>h1,body.route-frontend-layout-page #laypage>h2,body.route-frontend-layout-page #laypage>h3,body.route-frontend-layout-page #laypage>h4,body.route-frontend-layout-page #laypage>ol,body.route-frontend-layout-page #laypage>p,body.route-frontend-layout-page #laypage>ul{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}main#main-content{display:flex;flex-direction:column;align-items:center;width:100%}main#main-content .container,main#main-content .container-fluid{max-width:var(--slm-desktop-shell-max);margin-left:auto;margin-right:auto;width:100%}.game-detail-content .software-description,.new-slots-shell .container,.new-slots-shell .container-fluid,.popular_casino_row,.sectionPTPB .container,.sectionPTPB .container-fluid,.seo-content-box{max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important;width:100%}.has-premium-header #footer .container,.page-family-guides main>.container,.page-family-guides main>.container-fluid,.page-family-provider .provider-surface,.page-family-slots .container,.page-family-tools .filter-bar .container,.page-family-tools .jackpots-section .container,.page-family-tools .recent-wins .container,.page-family-tools .rtp-database-page,.page-family-tools .rtp-database-page>.container,.page-family-tools .rtp-database-page>section.container,.page-family-tools .rtp-faq .container,.page-family-tools .rtp-filters,.page-family-tools .rtp-hero .container,.page-family-tools .rtp-info-section .container,.page-family-tools .rtp-table-container,.route-frontend-layout-page .layout-page-surface{max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important}.faq-page-offers,.faq-page-search,.faq-page-surface,.page-family-provider .software-description,.page-family-provider .software-intro-card,.page-family-slots .seo-content-box,.page-family-tools .rtp-main,.route-frontend-layout-page #laypage,.route-frontend-layout-page #laypage .software-description,body[class*=route-frontend-new-slots-] .game-detail-content .software-description,body[class*=route-frontend-new-slots-] .new-slots-grid-shell,body[class*=route-frontend-new-slots-] .new-slots-hero-panel,body[class*=route-frontend-new-slots-] .new-slots-overview,body[class*=route-frontend-new-slots-] .new-slots-summary-card{width:min(100%,var(--slm-desktop-shell-max))!important;max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important}.page-family-provider .software-description>h1,.page-family-provider .software-description>h2,.page-family-provider .software-description>h3,.page-family-provider .software-description>h4,.page-family-provider .software-description>ol,.page-family-provider .software-description>p,.page-family-provider .software-description>ul,.page-family-provider .software-intro-card>h1,.page-family-provider .software-intro-card>h2,.page-family-provider .software-intro-card>h3,.page-family-provider .software-intro-card>h4,.page-family-provider .software-intro-card>p,.page-family-slots .seo-content-box>h1,.page-family-slots .seo-content-box>h2,.page-family-slots .seo-content-box>h3,.page-family-slots .seo-content-box>h4,.page-family-slots .seo-content-box>ol,.page-family-slots .seo-content-box>p,.page-family-slots .seo-content-box>ul,.page-family-tools .rtp-main>h1,.page-family-tools .rtp-main>h2,.page-family-tools .rtp-main>h3,.page-family-tools .rtp-main>h4,.page-family-tools .rtp-main>ol,.page-family-tools .rtp-main>p,.page-family-tools .rtp-main>ul,.route-frontend-layout-page #laypage .faq-accordion,.route-frontend-layout-page #laypage .panel-group,.route-frontend-layout-page #laypage .software-description>h2,.route-frontend-layout-page #laypage .software-description>h3,.route-frontend-layout-page #laypage .software-description>h4,.route-frontend-layout-page #laypage .software-description>p,.route-frontend-layout-page #laypage .software-description>p:first-of-type,.route-frontend-layout-page #laypage>h1,.route-frontend-layout-page #laypage>h2,.route-frontend-layout-page #laypage>h3,.route-frontend-layout-page #laypage>h4,.route-frontend-layout-page #laypage>ol,.route-frontend-layout-page #laypage>p,.route-frontend-layout-page #laypage>ul,body[class*=route-frontend-new-slots-] .new-slots-overview-copy,body[class*=route-frontend-new-slots-] .new-slots-section-copy,body[class*=route-frontend-new-slots-] .new-slots-summary-copy{width:min(100%,var(--slm-desktop-copy-max))!important;max-width:var(--slm-desktop-copy-max)!important;margin-left:auto!important;margin-right:auto!important}.faq-page-offers,.faq-page-search,.faq-page-surface,.page-family-provider .software-description,.page-family-provider .software-description h1,.page-family-provider .software-description h2,.page-family-provider .software-description h3,.page-family-provider .software-description h4,.page-family-provider .software-description p,.page-family-provider .software-intro-card,.page-family-provider .software-intro-card h1,.page-family-provider .software-intro-card h2,.page-family-provider .software-intro-card h3,.page-family-provider .software-intro-card h4,.page-family-provider .software-intro-card p,.page-family-slots .seo-content-box,.route-frontend-layout-page #laypage>p,body[class*=route-frontend-new-slots-] .new-slots-grid-header,body[class*=route-frontend-new-slots-] .new-slots-overview,body[class*=route-frontend-new-slots-] .new-slots-section-copy,body[class*=route-frontend-new-slots-] .new-slots-summary-card{text-align:center!important}body[class*=route-frontend-new-slots-] .new-slots-grid-header h2,body[class*=route-frontend-new-slots-] .new-slots-grid-header p,body[class*=route-frontend-new-slots-] .new-slots-grid-header>div,body[class*=route-frontend-new-slots-] .new-slots-summary-card p{text-align:center!important}body[class*=route-frontend-new-slots-] .new-slots-grid-shell .play-overlay{background:linear-gradient(180deg,rgba(8,12,28,.68),rgba(8,12,28,.92));border-radius:20px;padding:10px;left:12px!important;right:12px!important;bottom:14px!important;pointer-events:none;opacity:0;transform:translateY(10px);box-shadow:0 18px 40px rgba(0,0,0,.45);transition:opacity .26s ease,transform .26s ease}body[class*=route-frontend-new-slots-] .new-slots-grid-shell .play-overlay .epic-play-btn{width:100%;padding:14px 16px;border-radius:16px;font-size:.95rem;letter-spacing:.02em;background:linear-gradient(135deg,#ffd166,#ffb347);color:#0b1220;box-shadow:0 16px 38px rgba(255,179,71,.45)}body[class*=route-frontend-new-slots-] .new-slots-grid-shell .epic-game-card:focus-within .play-overlay,body[class*=route-frontend-new-slots-] .new-slots-grid-shell .epic-game-card:hover .play-overlay{opacity:1!important;transform:translateY(0)!important}body.route-frontend-software .newHeader{padding:0!important;background:linear-gradient(135deg,rgba(15,32,59,.9),rgba(3,7,18,.6))!important;box-shadow:0 25px 60px rgba(0,0,0,.5);position:relative;overflow:hidden}body.route-frontend-software .newHeader::after,body.route-frontend-software .newHeader::before{display:none!important}body.route-frontend-software #newHeader,body.route-frontend-software .newHeader{background-image:none!important;background-color:rgba(7,10,25,.65)!important;background-blend-mode:normal!important}body.route-frontend-software .game-banner-content{width:min(100%,var(--slm-desktop-shell-max))!important;max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;padding:clamp(2.5rem,4vw,4.5rem) clamp(1.5rem,5vw,3rem) clamp(3rem,5vw,5rem)!important;position:relative;z-index:1}body.route-frontend-software .provider-context-nav,body.route-frontend-software .software-directory-copy,body.route-frontend-software .software-directory-surface{max-width:var(--slm-desktop-shell-max)!important;width:min(100%,var(--slm-desktop-shell-max))!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}body.route-frontend-software .games-section-content>.container,body.route-frontend-software .games-section-content>.container-fluid,body.route-frontend-software .software-directory-content,body.route-frontend-software .software-directory-intro,body.route-frontend-software .software-directory-surface{max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important}body.route-frontend-software .software-directory-surface{border-radius:26px;border:1px solid rgba(255,255,255,.12)!important;background:rgba(4,9,22,.75)!important;box-shadow:0 35px 70px rgba(0,0,0,.55)!important;padding:clamp(28px,4vw,40px) clamp(24px,4vw,48px) clamp(24px,4vw,40px)!important}body.route-frontend-software .provider-context-nav{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:center!important}body.route-frontend-software .software-description,body.route-frontend-software .software-directory-copy ul{max-width:var(--slm-desktop-copy-max)!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important}body.route-frontend-software .software-directory-surface{border-radius:26px;border:1px solid rgba(255,255,255,.12)!important;background:rgba(4,9,22,.85);box-shadow:0 25px 60px rgba(0,0,0,.55);padding:clamp(28px,4vw,40px) clamp(24px,4vw,48px) clamp(24px,4vw,40px)!important}body.route-frontend-software .provider-context-nav,body.route-frontend-software .software-directory-copy,body.route-frontend-software .software-directory-intro .intro-text{text-align:center!important}body.route-frontend-software .software-directory-content{padding:clamp(28px,4vw,42px) clamp(24px,4vw,48px)!important}body.route-frontend-software .software-description,body.route-frontend-software .software-directory-copy ul{max-width:var(--slm-desktop-copy-max);margin-left:auto;margin-right:auto;text-align:left!important}.faq-page-offers .popular_casino_row,.faq-page-search .search-bar,.faq-page-surface .faq-accordion,.page-family-provider .provider-context-nav,.page-family-provider .software-description .table,.page-family-provider .software-description blockquote,.page-family-provider .software-description ol,.page-family-provider .software-description table,.page-family-provider .software-description ul,.page-family-slots .faq-section,.page-family-slots .seo-content-box .table,.page-family-slots .seo-content-box ol,.page-family-slots .seo-content-box table,.page-family-slots .seo-content-box ul,.page-family-tools .filter-row,.page-family-tools .results-info,.page-family-tools .rtp-main,.page-family-tools .rtp-table-container,.route-frontend-layout-page #laypage .calc-container,.route-frontend-layout-page #laypage .calc-grid,.route-frontend-layout-page #laypage .faq-accordion,.route-frontend-layout-page #laypage .panel-body,.route-frontend-layout-page #laypage .panel-group,.route-frontend-layout-page #laypage .quick-stats,.route-frontend-layout-page #laypage .stats-grid,.route-frontend-layout-page #laypage .table,.route-frontend-layout-page #laypage table,.route-frontend-layout-page #laypage>ol,.route-frontend-layout-page #laypage>ul,body[class*=route-frontend-new-slots-] .game-detail-content .software-description table,body[class*=route-frontend-new-slots-] .game-detail-content .software-description>ol,body[class*=route-frontend-new-slots-] .game-detail-content .software-description>ul{text-align:left!important}.page-family-provider .popular_casino_row,.page-family-slots .popular_casino_row,.route-frontend-layout-page #laypage .popular_casino,.route-frontend-layout-page #laypage .popular_casino_row{max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important}.route-frontend-layout-page #laypage .calc-actions,.route-frontend-layout-page #laypage .calc-container,.route-frontend-layout-page #laypage .calc-desc,.route-frontend-layout-page #laypage .calc-helper,.route-frontend-layout-page #laypage .calc-summary-callout,.route-frontend-layout-page #laypage .comparison-box,.route-frontend-layout-page #laypage .quick-stats,.route-frontend-layout-page #laypage .stats-grid{width:min(100%,var(--slm-desktop-shell-max))!important;max-width:var(--slm-desktop-shell-max)!important;margin-left:auto!important;margin-right:auto!important}.route-frontend-layout-page #laypage .calc-desc,.route-frontend-layout-page #laypage .calc-helper,.route-frontend-layout-page #laypage .comparison-box p,.route-frontend-layout-page #laypage .quick-stats p,.route-frontend-layout-page #laypage .stats-grid p,.route-frontend-layout-page #laypage>ol,.route-frontend-layout-page #laypage>p,.route-frontend-layout-page #laypage>ul{max-width:var(--slm-desktop-copy-max)!important}body.route-frontend-layout-page #laypage .feature-icon svg,body.route-frontend-layout-page #laypage .intro-highlights svg,body.route-frontend-layout-page #laypage .provider-card svg,body.route-frontend-layout-page #laypage svg.icon,body.route-frontend-layout-page #laypage svg[class*="-icon"]{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex:0 0 32px!important;display:inline-block!important}}.ocean-game-card{display:flex;flex-direction:column;height:100%}.ocean-game-card .ocean-game-card-link{display:flex;flex-direction:column;min-height:100%}.ocean-game-card .game-card-image{position:relative;overflow:hidden}.ocean-game-card .game-card-image img{display:block;width:100%;height:100%}.ocean-game-card .game-card-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(3,10,20,.04) 0,rgba(3,10,20,.7) 74%,rgba(3,10,20,.88) 100%);transition:opacity .22s ease,visibility .22s ease}.ocean-game-card:focus-within .game-card-overlay,.ocean-game-card:hover .game-card-overlay{opacity:1;visibility:visible}.ocean-game-card .game-card-inline-cta,.ocean-game-card .game-card-inline-link,.ocean-game-card .play-btn-ocean{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffd166 0,#ffb347 100%);color:#08111d!important;font-size:.92rem;font-weight:800;letter-spacing:.01em;text-decoration:none!important;box-shadow:0 12px 24px rgba(255,179,71,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.ocean-game-card .game-card-inline-cta svg,.ocean-game-card .game-card-inline-link svg,.ocean-game-card .play-btn-ocean svg{flex:0 0 auto}.ocean-game-card:focus-within .game-card-inline-cta,.ocean-game-card:focus-within .game-card-inline-link,.ocean-game-card:focus-within .play-btn-ocean,.ocean-game-card:hover .game-card-inline-cta,.ocean-game-card:hover .game-card-inline-link,.ocean-game-card:hover .play-btn-ocean{transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,179,71,.3);filter:brightness(1.02)}.ocean-game-card .game-card-info{display:flex;flex:1 1 auto;flex-direction:column;gap:10px}.ocean-game-card .game-card-footer{margin-top:auto;padding-top:4px}.ocean-game-card .game-card-stats{margin-bottom:0}.route-frontend-all-games .ocean-game-card,.route-frontend-all-games .ocean-game-card .ocean-game-card-link{cursor:pointer}.route-frontend-all-games .ocean-game-card .game-card-overlay{display:none!important}@media (max-width:991px){.ocean-game-card .game-card-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ocean-game-card:active .game-card-overlay,.ocean-game-card:focus-within .game-card-overlay{opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,rgba(3,10,20,.02) 0,rgba(3,10,20,.5) 78%,rgba(3,10,20,.76) 100%)!important}.ocean-game-card .game-card-inline-cta,.ocean-game-card .game-card-inline-link,.ocean-game-card .play-btn-ocean{min-height:42px;padding:10px 14px;font-size:.86rem}}@media (max-width:767px){.ocean-game-card .game-card-info{gap:8px}.ocean-game-card .game-card-footer{padding-top:2px}}#popUp18plus{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b004b 0,#1a0a5c 50%,#0b004b 100%);width:100vw;height:100vh;height:100dvh;z-index:2147483647;display:grid;place-items:center;text-align:center;font-family:Montserrat,sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch}#popUp18plus::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:150px 150px;pointer-events:none;animation:ageTwinkle 3s ease-in-out infinite}@keyframes ageTwinkle{0%,100%{opacity:.5}50%{opacity:1}}.age-gate-card{background:linear-gradient(145deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);border-radius:24px;padding:40px 50px;box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 40px rgba(0,212,255,0.12),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,215,0,.3);max-width:420px;position:relative;z-index:1}.age-gate-logo{margin-bottom:20px}.age-gate-logo img{max-width:180px;height:auto;filter:drop-shadow(0 4px 15px rgba(0,212,255,0.2))}.age-gate-badge{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#00d4ff 0,#ff4136 100%);border-radius:50%;margin-bottom:20px;box-shadow:0 8px 25px rgba(0,212,255,0.25);border:3px solid rgba(255,215,0,.5)}.age-gate-badge span{color:#fff;font-size:28px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}#popUp18plus h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}#popUp18plus .age-gate-subtitle{color:rgba(255,255,255,.9);font-size:16px;margin-bottom:25px;line-height:1.5}.popUp-btns{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.pop-btn{border:none;border-radius:12px;padding:14px 40px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.pop-btn-yes{background:linear-gradient(135deg,gold 0,#ffb800 50%,orange 100%);color:#0b004b;box-shadow:0 8px 25px rgba(255,215,0,.4),inset 0 1px 0 rgba(255,255,255,.4)}.pop-btn-yes:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(255,215,0,.5)}#ageNoBtn,#pop-btn-no{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 40px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}#ageNoBtn:hover,#pop-btn-no:hover{background:rgba(255,255,255,.15);color:#fff}.age-gate-footer{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.age-gate-footer p{color:rgba(255,255,255,.5);font-size:11px;margin:0;line-height:1.4}@media(max-width:480px){.age-gate-card{margin:20px;padding:30px 25px}#popUp18plus h2{font-size:22px}.pop-btn{padding:12px 30px;font-size:14px}}.cookie-consent-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,rgba(10,38,71,.98) 0,rgba(6,26,48,.98) 100%);padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom));z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.3);font-family:Montserrat,sans-serif;animation:cookieSlideUp .4s ease-out;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;backdrop-filter:blur(10px);border-top:1px solid rgba(0,212,255,.2)}@keyframes cookieSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-bar.hidden{display:none}.cookie-consent-message{color:rgba(255,255,255,.9);font-size:14px;line-height:1.4;margin:0;display:flex;align-items:center;gap:10px}.cookie-icon{font-size:20px}.cookie-consent-message a{color:#00d4ff;text-decoration:none;font-weight:600}.cookie-consent-message a:hover{color:#fff;text-decoration:underline}.cookie-consent-buttons{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cookie-btn-accept{background:linear-gradient(135deg,#00d4ff 0,#09c 100%);color:#000;box-shadow:0 2px 10px rgba(0,212,255,.3)}.cookie-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,212,255,.4)}.cookie-btn-decline{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.cookie-btn-decline:hover{background:rgba(255,255,255,.15);color:#fff}@media(max-width:768px){.cookie-consent-bar{padding:12px 15px;gap:12px}.cookie-consent-message{font-size:12px;text-align:center;flex:1 1 100%;justify-content:center}.cookie-consent-buttons{flex:1 1 100%;justify-content:center}.cookie-btn{padding:10px 20px;font-size:12px}}#footer a:hover{color:#00d4ff}@media(max-width:768px){#footer [style*=grid-template-columns]{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:480px){#footer [style*=grid-template-columns]{grid-template-columns:1fr}}
/* === RESPONSIVE ENHANCEMENT PATCH 2026-03-17 === */
/* 1440px+ large desktop */
@media (min-width:1440px){.container{max-width:1400px}.page-family-home .container{max-width:1400px}}
/* Ensure large desktop game grids use 6 columns */
@media (min-width:1440px){.game-grid,.games-grid{grid-template-columns:repeat(6,1fr)}}
/* Large desktop provider grid */
@media (min-width:1440px){.providers-list,.software-list,.provider-grid{grid-template-columns:repeat(5,1fr)}}
/* Touch target minimum - only for interactive elements without explicit sizing */
@media (pointer:coarse){a:not([class*="logo"]):not([class*="brand"]),button,[role="button"]{min-height:44px}}
/* Print styles */
@media print{.premium-header,#footer,.age-gate-card,.cookie-consent-bar,.sud{display:none!important}main{padding:0!important}}


/* === Missing shared styles (from old combined bundles) === */

/* Panel / FAQ accordion base styles (Bootstrap 3 compat) */
.panel-default {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-bottom: 8px;
}

.panel-collapse:not(.show) {
    display: none;
}

.panel-collapse.collapsing {
    display: block;
}

.panel-heading a,
.panel-heading a.collapsed,
.panel-title a,
.faq-question-text {
    color: #ffffff !important;
}

/* FAQ toggle icon */
.faq-toggle-icon {
    color: var(--site-accent, #00d4ff);
    transition: transform .2s ease;
}

/* FAQ section header */
.faq-section-header {
    text-align: center;
    color: #ffffff !important;
}

/* FAQ header divider */
.faq-header-divider {
    width: 120px;
    height: 3px;
    margin: 16px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--site-accent-2, #a855f7), transparent);
}

/* Drawer / nav highlight */
.drawer-link-highlight {
    color: var(--site-accent, #00d4ff) !important;
    font-weight: 600;
}

.nav-link-highlight {
    color: var(--site-accent, #00d4ff) !important;
    font-weight: 600;
}

/* popUp header (cookie consent / modals) */
.popUp-header {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

/* Casino modal link */
.casino-modal-link {
    color: var(--site-accent, #00d4ff);
    text-decoration: underline;
    cursor: pointer;
}
.casino-modal-link:hover {
    opacity: 0.8;
}

/* Casino UK disclaimer (hidden for non-UK) */
.casino-uk {
    display: none;
}

/* DarkWaves background utility */
.DarkWaves {
    position: relative;
    overflow: hidden;
}

/* Bootstrap col-xl-8 if not in bootstrap */
@media (min-width: 1200px) {
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

/* SVG fill utility */
.fil2 {
    fill: currentColor;
}

/* Inline styles moved from templates (core) */

    @media (min-width: 1200px) {
        .mobile-menu-toggle { display: none !important; }
        .nav-dropdown { position: relative; }
        .nav-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 15px; display: none; }
        .nav-dropdown:hover::after, .nav-dropdown.dropdown-active::after { display: block; }
        .nav-dropdown .dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; pointer-events: none; margin-top: 8px; transition: all 0.2s ease; }
        .nav-dropdown:hover .dropdown-menu, .nav-dropdown:focus-within .dropdown-menu, .nav-dropdown.dropdown-active .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; margin-top: 5px; }
        .nav-dropdown:hover .dropdown-arrow, .nav-dropdown:focus-within .dropdown-arrow, .nav-dropdown.dropdown-active .dropdown-arrow { transform: rotate(180deg); }
        .nav-link::before, .nav-link::after { display: none !important; content: none !important; }
    }
    .mobile-drawer { right: 0; transform: translateX(100%); -webkit-transform: translateX(100%); visibility: hidden; opacity: 0; transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; }
    .mobile-drawer.drawer-open { right: 0; transform: translateX(0); -webkit-transform: translateX(0); visibility: visible; opacity: 1; }
    .providers-dropdown { min-width: 380px; }
    .dropdown-list { display: flex; flex-direction: column; gap: 2px; }
    .dropdown-grid-2col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }
    .desktop-nav > .nav-link > i:first-child,
    .desktop-nav .nav-dropdown > .dropdown-trigger > i:first-child,
    .drawer-content > .drawer-link > i:first-child,
    .drawer-content .drawer-accordion > .accordion-trigger > i:first-child {
        display: none !important;
    }


.header-age-badge {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-left: 12px;
    flex-shrink: 0;
}
.age-badge-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #dc2626;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.5px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: transform 0.2s ease;
}
.header-age-badge:hover .age-badge-icon {
    transform: scale(1.1);
}
@media (max-width: 991px) {
    .age-badge-icon {
        width: 28px;
        height: 28px;
        font-size: 10px;
    }
    .header-age-badge {
        margin-left: 8px;
    }
}


/* Context navigation chips */
.context-nav-label{font-size:13px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}
.context-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.context-chip{display:inline-flex;align-items:center;padding:6px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:rgba(255,255,255,.75);font-size:13px;text-decoration:none;transition:all .2s}
.context-chip:hover{background:rgba(0,212,255,.12);border-color:rgba(0,212,255,.3);color:#fff}

/* Provider surface headers */
.provider-surface-header{margin-bottom:16px}
.provider-surface-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.4);margin-bottom:4px}
.provider-surface-title{font-size:22px;font-weight:700;color:#fff}

/* Pagination wrapper */
.pagination-wrapper{display:flex;justify-content:center;padding:30px 0}

/* Footer styles (moved from inline) */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#060d17 0%,#040a12 100%);border-top:none;padding:48px 0 0;font-family:Montserrat,sans-serif;margin-top:0}
.site-footer::before{display:none!important;content:none!important}
.site-footer::after{display:none!important;content:none!important}
.footer-inner{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:48px 24px 32px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
@media(max-width:767px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer-heading{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.footer-heading-secondary{margin-top:24px;margin-bottom:12px}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer-link{color:rgba(255,255,255,0.55);font-size:13px;text-decoration:none;transition:color .2s}
.footer-link:hover{color:rgba(255,255,255,0.85)}
.footer-link-accent{color:#00d4ff;font-size:13px;text-decoration:none}
.footer-link-accent:hover{color:#4de0ff}
.footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,0.06);padding:20px 24px}
.footer-bottom-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:767px){.footer-bottom-inner{flex-direction:column;text-align:center}}
@media(max-width:767px){.site-footer::before{display:none!important;content:none!important}}
@media(max-width:767px){.site-footer::after{display:none!important}}
.footer-responsible{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:767px){.footer-responsible{justify-content:center}}
.footer-rg-link{display:flex;align-items:center;gap:10px;text-decoration:none}
.footer-age-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#dc2626;border-radius:50%;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.5px;border:2px solid rgba(255,255,255,0.15);flex-shrink:0}
.footer-disclaimer{max-width:480px}
.footer-disclaimer-text{color:rgba(255,255,255,0.5);font-size:11px;line-height:1.5;margin:0 0 4px}
.footer-helpline{color:rgba(255,255,255,0.4);font-size:10px;margin:0}
.footer-helpline-number{color:rgba(255,255,255,0.6)}
.footer-copyright{color:rgba(255,255,255,0.3);font-size:11px;text-align:right}
@media(max-width:767px){.footer-copyright{text-align:center}}
.footer-brand{color:rgba(255,255,255,0.5)}
.footer-affiliate{font-size:10px;opacity:.7}
/* Maintenance banner */
.maint-banner{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;text-align:center;padding:12px 20px;font-family:'Segoe UI',sans-serif;font-size:14px;line-height:1.5;position:relative;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.maint-banner-icon{margin-right:8px}
.maint-banner-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;margin-left:15px;opacity:.8}
.maint-banner-close:hover{opacity:1}
/* Skip-to-content focus styles */
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:10px 20px;background:#00d4ff;color:#fff;text-decoration:none;font-weight:bold}
.skip-to-content:focus{left:20px;width:auto;height:auto}

/* Shared utility */
.text-gold{color:#ffd700}


/* === MISSING CSS CLASSES - extracted from old files === */

/* From combined CSS bundles */
.slot-hub-kicker,.slot-hub-panel-kicker{margin:0 0 10px;color:#ffd166;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase}

.slot-hub-stats,.slot-hub-links{display:flex;gap:14px;flex-wrap:wrap}

.slot-hub-stats{margin-top:28px}

.slot-hub-stat,.slot-hub-link,.slot-hub-panel,.page-family-tools .rtp-filters,.page-family-tools .rtp-table-container,.page-family-tools .rtp-info-section .info-card,.page-family-tools .rtp-faq .faq-item,.page-family-tools .results-info{border:1px solid rgba(255,255,255,0.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.015)),linear-gradient(160deg,rgba(13,25,43,0.96),rgba(8,15,27,0.98));box-shadow:0 20px 48px rgba(0,0,0,0.24)}

.slot-hub-stat{min-width:148px;padding:16px 18px}

.slot-hub-stat strong{display:block;color:#ffd166;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1}

.slot-hub-stat span{display:block;margin-top:8px;color:rgba(244,248,255,0.72);font-size:0.88rem;letter-spacing:0.06em;text-transform:uppercase}

.slot-hub-links{margin-top:18px}

.slot-hub-link{padding:11px 16px;color:rgba(244,248,255,0.9);text-decoration:none}

.slot-hub-link:hover,.slot-hub-card-cta:hover{background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.32)}

.route-frontend-layout-page .layout-page-wrap{background:radial-gradient(900px 460px at 20% 0%,rgba(34,211,238,0.05),transparent 60%),linear-gradient(180deg,#091321 0%,#060d17 100%)}

.route-frontend-layout-page .layout-page-title{max-width:13ch;margin:0 auto;font-size:clamp(2.8rem,6vw,4.6rem);line-height:1;letter-spacing:-0.05em}

.route-frontend-layout-page .layout-page-subtitle{max-width:760px;margin:18px auto 0;color:rgba(244,248,255,0.82);font-size:clamp(1rem,2vw,1.12rem)}

@media (max-width:768px){.site-upgrade-banner .container{padding-top:12px;padding-bottom:12px}.site-upgrade-banner p{font-size:0.88rem;text-align:left}.route-frontend-layout-page .layout-page-wrap,.route-frontend-layout-page .layout-page-shell,.route-frontend-layout-page .layout-page-surface,.route-frontend-layout-page #laypage,.route-frontend-layout-page #laypage .software-description,.route-frontend-layout-page #laypage .html-content,.route-frontend-layout-page #laypage .content-area,.route-frontend-layout-page #laypage .panel-body,.route-frontend-layout-page #laypage .cell,.route-frontend-layout-page #laypage .row,.route-frontend-layout-page #laypage .row > [class*="col-"]{background:transparent !important}.route-frontend-layout-page #laypage *[style*="background:#fff"],.route-frontend-layout-page #laypage *[style*="background:#fff"],.route-frontend-layout-page #laypage *[style*="background-color:#fff"],.route-frontend-layout-page #laypage *[style*="background-color:#fff"],.route-frontend-layout-page #laypage *[style*="background:white"],.route-frontend-layout-page #laypage *[style*="background:white"],.route-frontend-layout-page #laypage *[style*="background-color:white"],.route-frontend-layout-page #laypage *[style*="background-color:white"]{background:transparent !important;background-color:transparent !important}.route-frontend-layout-page #laypage .software-description,.route-frontend-layout-page #laypage .html-content,.route-frontend-layout-page #laypage .panel-body{padding-left:0;padding-right:0}}

.route-frontend-layout-page .layout-page-title{text-wrap:balance}

@media (max-width:768px){.route-frontend-layout-page .layout-page-title{max-width:13ch;margin-left:auto;margin-right:auto}.route-frontend-layout-page .calc-actions{text-align:center}.route-frontend-layout-page .calc-actions button,.route-frontend-layout-page .calc-actions .btn,.route-frontend-layout-page .calc-actions .button{width:100%}.page-family-tools .rtp-table-container,.route-frontend-layout-page .rtp-table-container{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}}

/* FIX 3: Layout page hero title - responsive sizing for long titles */
.layout-page-title {
    max-width: 100% !important;
    font-size: clamp(1.6rem, 4vw, 3.2rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    text-wrap: balance !important;
    word-break: break-word !important;
    padding: 0 15px !important;
}

@media (min-width: 768px) {
    .layout-page-title {
        max-width: 800px !important;
        font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .layout-page-title {
        max-width: 900px !important;
        font-size: clamp(2rem, 3vw, 3.2rem) !important;
    }
}

/* === End Static Page Styling Fix === */

/* === Fix GrapeJS .row/.cell text clipping in layout pages (Mar 2026) === */
#laypage>.row,#laypage .cell>.row{display:block !important;overflow:visible !important;padding:0;margin:0 !important}

#laypage .cell{display:block !important;width:100% !important;height:auto !important}

/* Fix old GrapeJS row/cell containers - make full width */
#laypage .row,
#laypage [class*="row"],
#laypage .cell,
#laypage #iuqkq,
#laypage #iwlq,
#laypage #iznn1,
#laypage #i3b7,
#laypage #iouos,
#laypage #inkyg,
#laypage #isu39 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

.slot-hub-kicker,.slot-hub-panel-kicker{margin:0 0 10px;color:#ffd166;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase}

.slot-hub-stats,.slot-hub-links{display:flex;gap:14px;flex-wrap:wrap}

.slot-hub-stats{margin-top:28px}

.slot-hub-stat,.slot-hub-link,.slot-hub-panel,.page-family-tools .rtp-filters,.page-family-tools .rtp-table-container,.page-family-tools .rtp-info-section .info-card,.page-family-tools .rtp-faq .faq-item,.page-family-tools .results-info{border:1px solid rgba(255,255,255,0.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.015)),linear-gradient(160deg,rgba(13,25,43,0.96),rgba(8,15,27,0.98));box-shadow:0 20px 48px rgba(0,0,0,0.24)}

.slot-hub-stat{min-width:148px;padding:16px 18px}

.slot-hub-stat strong{display:block;color:#ffd166;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1}

.slot-hub-stat span{display:block;margin-top:8px;color:rgba(244,248,255,0.72);font-size:0.88rem;letter-spacing:0.06em;text-transform:uppercase}

.slot-hub-links{margin-top:18px}

.slot-hub-link{padding:11px 16px;color:rgba(244,248,255,0.9);text-decoration:none}

.slot-hub-link:hover,.slot-hub-card-cta:hover{background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.32)}

.route-frontend-layout-page .layout-page-wrap{background:radial-gradient(900px 460px at 20% 0%,rgba(34,211,238,0.05),transparent 60%),linear-gradient(180deg,#091321 0%,#060d17 100%)}

.route-frontend-layout-page .layout-page-title{max-width:13ch;margin:0 auto;font-size:clamp(2.8rem,6vw,4.6rem);line-height:1;letter-spacing:-0.05em}

.route-frontend-layout-page .layout-page-subtitle{max-width:760px;margin:18px auto 0;color:rgba(244,248,255,0.82);font-size:clamp(1rem,2vw,1.12rem)}

@media (max-width:768px){.site-upgrade-banner .container{padding-top:12px;padding-bottom:12px}.site-upgrade-banner p{font-size:0.88rem;text-align:left}.route-frontend-layout-page .layout-page-wrap,.route-frontend-layout-page .layout-page-shell,.route-frontend-layout-page .layout-page-surface,.route-frontend-layout-page #laypage,.route-frontend-layout-page #laypage .software-description,.route-frontend-layout-page #laypage .html-content,.route-frontend-layout-page #laypage .content-area,.route-frontend-layout-page #laypage .panel-body,.route-frontend-layout-page #laypage .cell,.route-frontend-layout-page #laypage .row,.route-frontend-layout-page #laypage .row > [class*="col-"]{background:transparent !important}.route-frontend-layout-page #laypage *[style*="background:#fff"],.route-frontend-layout-page #laypage *[style*="background:#fff"],.route-frontend-layout-page #laypage *[style*="background-color:#fff"],.route-frontend-layout-page #laypage *[style*="background-color:#fff"],.route-frontend-layout-page #laypage *[style*="background:white"],.route-frontend-layout-page #laypage *[style*="background:white"],.route-frontend-layout-page #laypage *[style*="background-color:white"],.route-frontend-layout-page #laypage *[style*="background-color:white"]{background:transparent !important;background-color:transparent !important}.route-frontend-layout-page #laypage .software-description,.route-frontend-layout-page #laypage .html-content,.route-frontend-layout-page #laypage .panel-body{padding-left:0;padding-right:0}}

.route-frontend-layout-page .layout-page-title{text-wrap:balance}

@media (max-width:768px){.route-frontend-layout-page .layout-page-title{max-width:13ch;margin-left:auto;margin-right:auto}.route-frontend-layout-page .calc-actions{text-align:center}.route-frontend-layout-page .calc-actions button,.route-frontend-layout-page .calc-actions .btn,.route-frontend-layout-page .calc-actions .button{width:100%}.page-family-tools .rtp-table-container,.route-frontend-layout-page .rtp-table-container{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}}


/* From inline blade styles */
.cell { flex-basis: 50%;flex-grow:1;height:auto }

@media (max-width: 768px){
        .cell {
            width: 100%;
            display: block;
            flex-basis: 100%;
        }
        .layout-page-banner {
            height: auto;
        }
    }


/* From layout-page-design.css */

/* Classes that need new definitions */

/* Taxonomy pages */
.taxonomy-content{max-width:1360px;margin:0 auto;padding:40px 20px}
.taxonomy-type{display:inline-block;padding:4px 12px;background:rgba(0,212,255,.1);border-radius:12px;font-size:12px;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.taxonomy-internal-links{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}

/* Layout page content */
.layout-page-seo-content{max-width:900px;margin:32px auto;padding:0 20px;line-height:1.7;color:rgba(255,255,255,.8)}
.layout-page-seo-content h2,.layout-page-seo-content h3{color:#fff;margin:24px 0 12px}
.layout-page-seo-content p{margin-bottom:16px}
.layout-page-seo-content a{color:#00d4ff}

/* Ocean quick filters */
.ocean-quick-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}

/* Legal/terms page */
.legal-content{max-width:900px;margin:0 auto;padding:40px 20px;line-height:1.8;color:rgba(255,255,255,.85)}
.legal-content h1,.legal-content h2{color:#fff;margin:32px 0 16px}
.legal-content h3{color:rgba(255,255,255,.9);margin:24px 0 12px}
.legal-content p{margin-bottom:16px}
.legal-content ul,.legal-content ol{margin:12px 0 16px 24px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:#00d4ff}

/* Generic page family */
.page-family-generic .page-content{max-width:1360px;margin:0 auto;padding:20px}

/* Route body classes (no visual styling needed, but define for completeness) */


/* === Inline styles migrated from templates === */
/* From partials/casino-card.blade.php */

/* CASINO CARD — Single consistent background, no banding */
.casino-cards-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    padding: 4px !important;
}
.casino-cards {
    flex: 0 0 auto !important;
    width: 360px !important;
    max-width: 100% !important;
    opacity: 0;
    animation: ccReveal .45s ease-out forwards;
}
.casino-cards:nth-child(2) { animation-delay: .08s }
.casino-cards:nth-child(3) { animation-delay: .16s }
.casino-cards:nth-child(4) { animation-delay: .24s }
@keyframes ccReveal {
    from { opacity:0; transform: translateY(14px) }
    to   { opacity:1; transform: translateY(0) }
}
.casino-card {
    position: relative !important;
    background: #151b2e !important;
    border-radius: 16px !important;
    padding: 0 !important;
    border: 1px solid rgba(212,175,55,.14) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.35) !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.casino-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(212,175,55,.3) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,.45), 0 0 20px rgba(212,175,55,.06) !important;
}
.cc-inner {
    position: relative;
    z-index: 1;
    padding: 28px 24px 16px;
    display: flex;
    flex-direction: column;
}
.casino-card-logo {
    text-align: center !important;
    margin-bottom: 18px !important;
    padding: 22px 16px !important;
    background: rgba(255,255,255,.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.05) !important;
}
.casino-card-logo a { display: inline-block; }
.casino-card-logo img {
    max-width: 200px !important;
    max-height: 90px !important;
    height: auto !important;
    object-fit: contain !important;
}
.casino-card-content { text-align: center !important; }
.casino-card-detail {
    color: #edf0f4 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}
.casino-card-detail span {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.8px !important;
    color: #d4af37 !important;
    margin-bottom: 6px !important;
}
.cc-divider {
    height: 1px;
    margin: 16px 0 0;
    background: rgba(255,255,255,.06);
}
.casino-payment-methods {
    margin: 0 !important;
    padding: 16px 24px !important;
    background: transparent !important;
    text-align: center !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
}
.casino-payment-methods .payment-label {
    display: block !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    color: rgba(255,255,255,.4) !important;
    margin-bottom: 10px !important;
}
.casino-payment-methods .payment-badges-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 8px !important;
}
.casino-payment-methods .pm-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
}
.casino-payment-methods .pm-icon {
    width: 40px !important;
    height: 26px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
}
.casino-payment-methods .pm-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
.casino-payment-methods .pm-name {
    font-size: 7px !important;
    color: rgba(255,255,255,.4) !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    max-width: 48px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.casino-uk-licence {
    margin: 0 !important;
    padding: 16px 24px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    text-align: center !important;
    background: transparent !important;
}
.casino-uk-licence img {
    max-width: 160px !important;
    opacity: .85 !important;
    filter: brightness(1.1) !important;
}
.casino-uk-licence .ukdiss {
    font-size: 10px !important;
    color: rgba(255,255,255,.35) !important;
    margin-top: 6px !important;
    line-height: 1.4 !important;
}
.casino-providers-section {
    margin: 0 !important;
    padding: 14px 24px !important;
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    text-align: center !important;
}
.casino-providers-section .providers-label {
    display: block !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    color: rgba(255,255,255,.4) !important;
    margin-bottom: 8px !important;
}
.casino-providers-section .provider-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    justify-content: center !important;
}
.casino-providers-section .provider-tag {
    background: rgba(255,255,255,.05) !important;
    color: rgba(255,255,255,.6) !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    border: 1px solid rgba(255,255,255,.04) !important;
}
.casino-providers-section .provider-tag-more {
    color: #d4af37 !important;
    border-color: rgba(212,175,55,.12) !important;
    background: rgba(212,175,55,.05) !important;
}
.casino-play-content {
    padding: 16px 24px 24px !important;
    margin: 0 !important;
}
.play-now-btn {
    display: block !important;
    background: #d4af37 !important;
    color: #111317 !important;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
    transition: all .25s ease !important;
    box-shadow: 0 4px 16px rgba(212,175,55,.2) !important;
    width: 100% !important;
}
.play-now-btn:hover {
    background: #e6c04a !important;
    color: #111317 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(212,175,55,.35) !important;
    text-decoration: none !important;
}
@media (max-width: 600px) {
    .casino-cards-row { gap: 16px !important; padding: 0 !important; }
    .casino-cards { width: 100% !important; }
    .casino-card { border-radius: 14px !important; }
    .cc-inner { padding: 22px 18px 14px; }
    .casino-card-logo { margin-bottom: 12px !important; padding: 16px 10px !important; }
    .casino-card-logo img { max-width: 180px !important; max-height: 80px !important; }
    .casino-card-detail { font-size: 15px !important; }
    .casino-card-detail span { font-size: 9px !important; }
    .cc-divider { margin: 12px 0 0; }
    .casino-payment-methods { padding: 12px 18px !important; }
    .casino-payment-methods .pm-icon { width: 36px !important; height: 24px !important; }
    .casino-uk-licence { padding: 12px 18px !important; }
    .casino-uk-licence img { max-width: 140px !important; }
    .casino-uk-licence .ukdiss { font-size: 9px !important; }
    .casino-providers-section { padding: 10px 18px 12px !important; }
    .casino-providers-section .provider-tag { font-size: 8px !important; padding: 2px 7px !important; }
    .casino-play-content { padding: 14px 18px 20px !important; }
    .play-now-btn { padding: 14px 20px !important; font-size: 14px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
    .casino-cards { width: 320px !important; }
}

/* From partials/casino-banner.blade.php */

.casino-banner-strip {
    overflow: hidden;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 12px 0 0;
    margin: 16px auto 24px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.casino-banner-strip::before,
.casino-banner-strip::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 24px;
    width: 40px;
    z-index: 2;
    pointer-events: none;
}
.casino-banner-strip::before {
    left: 0;
    background: linear-gradient(90deg, #1e293b 0%, transparent 100%);
}
.casino-banner-strip::after {
    right: 0;
    background: linear-gradient(270deg, #0f172a 0%, transparent 100%);
}
.casino-banner-track {
    display: flex;
    gap: 24px;
    width: max-content;
    will-change: transform;
}
.casino-banner-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
    flex-shrink: 0;
}
.casino-banner-item:hover { background: rgba(255,255,255,0.12); text-decoration: none; }
.casino-banner-logo { width: 32px; height: 32px; border-radius: 6px; object-fit: contain; }
.casino-banner-name { color: #e2e8f0; font-weight: 600; font-size: 14px; }
.casino-banner-bonus { color: #10b981; font-size: 12px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.casino-banner-cta {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #000;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.casino-banner-legal {
    text-align: center;
    font-size: 9px;
    color: rgba(255,255,255,0.25);
    margin: 0;
    padding: 4px 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}
@media (max-width: 768px) {
    .casino-banner-item { padding: 6px 10px; gap: 6px; }
    .casino-banner-bonus { display: none; }
    .casino-banner-logo { width: 24px; height: 24px; }
}

/* From partials/finnish-offers.blade.php */

.finnish-offers-section {
        background: linear-gradient(135deg, #003580 0%, #001a40 100%);
        padding: 50px 0;
        position: relative;
        border-top: 3px solid #ffd700;
        border-bottom: 3px solid #ffd700;
    }
    .fi-flag { font-size: 28px; margin-right: 8px; vertical-align: middle; }
    .fi-header {
        text-align: center;
        margin-bottom: 30px;
    }
    .fi-header h2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 8px;
    }
    .fi-header p {
        color: rgba(255,255,255,0.7);
        font-size: 14px;
        margin: 0;
    }
    .fi-offers-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 16px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .fi-offer-card {
        display: flex;
        align-items: center;
        gap: 14px;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 12px;
        padding: 14px;
        transition: transform 0.2s, background 0.2s;
    }
    .fi-offer-card:hover {
        transform: translateY(-3px);
        background: rgba(255,255,255,0.14);
    }
    .fi-logo {
        width: 60px;
        height: 60px;
        border-radius: 10px;
        object-fit: cover;
        flex-shrink: 0;
        background: #fff;
    }
    .fi-offer-info {
        flex: 1;
        min-width: 0;
    }
    .fi-offer-info h3 {
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 3px;
    }
    .fi-offer-info .fi-bonus {
        color: #ffd700;
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 2px;
    }
    .fi-offer-info .fi-detail {
        color: rgba(255,255,255,0.6);
        font-size: 12px;
        margin: 0;
    }
    .fi-offer-info .fi-badges {
        display: flex;
        gap: 6px;
        margin-top: 4px;
    }
    .fi-badge {
        font-size: 10px;
        padding: 2px 6px;
        border-radius: 4px;
        font-weight: 600;
    }
    .fi-badge-wager {
        background: rgba(0,200,83,0.2);
        color: #69f0ae;
    }
    .fi-badge-license {
        background: rgba(255,215,0,0.2);
        color: #ffd700;
    }
    .fi-cta {
        flex-shrink: 0;
        background: #ffd700;
        color: #001a40;
        padding: 10px 16px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 700;
        font-size: 13px;
        transition: background 0.2s;
        white-space: nowrap;
    }
    .fi-cta:hover {
        background: #ffea00;
        color: #001a40;
    }
    .fi-disclaimer {
        text-align: center;
        color: rgba(255,255,255,0.4);
        font-size: 11px;
        margin-top: 20px;
        padding: 0 15px;
    }
    @media (max-width: 640px) {
        .fi-offers-grid { grid-template-columns: 1fr; }
        .fi-offer-card { padding: 12px; }
        .fi-logo { width: 48px; height: 48px; }
    }

/* From frontend/page.blade.php */

/* Dynamic Page - Dark Theme Matching Site */
.dynamic-page-wrap {
    background: #0b004b;
    min-height: 100vh;
    padding-bottom: 60px;
}

/* Hero Banner */
.dynamic-hero {
    background: linear-gradient(135deg, #08022a 0%, #1a0d5c 50%, #08022a 100%);
    padding: 50px 20px 40px;
    text-align: center;
    border-bottom: 2px solid rgba(218, 31, 21, 0.3);
}
.dynamic-hero h1 {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 800;
    color: #ffffff;
    margin: 0 auto 15px;
    max-width: 800px;
    line-height: 1.2;
}
.dynamic-hero .hero-subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.75);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.5;
}
.dynamic-hero .hero-stats {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 25px;
    flex-wrap: wrap;
}
.dynamic-hero .stat-item {
    text-align: center;
}
.dynamic-hero .stat-number {
    font-size: 2rem;
    font-weight: 800;
    color: #00d4ff;
    display: block;
}
.dynamic-hero .stat-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Game Grid Section */
.games-grid-section {
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px 20px;
}
.games-grid-section h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    padding-left: 5px;
}
.dynamic-game-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
@media (min-width: 576px) {
    .dynamic-game-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
    .dynamic-game-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
    .dynamic-game-grid { grid-template-columns: repeat(5, 1fr); gap: 18px; }
}
@media (min-width: 1200px) {
    .dynamic-game-grid { grid-template-columns: repeat(6, 1fr); }
}

.dyn-game-card {
    background: #1a0d5c;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
    display: block;
}
.dyn-game-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    border-color: rgba(218, 31, 21, 0.4);
}
.dyn-game-card .card-img-wrap {
    position: relative;
    aspect-ratio: 4/3;
    background: #12084a;
    overflow: hidden;
}
.dyn-game-card .card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}
.dyn-game-card:hover .card-img-wrap img {
    transform: scale(1.05);
}
.dyn-game-card .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.dyn-game-card:hover .card-overlay {
    opacity: 1;
}
.dyn-game-card .play-btn {
    background: #00d4ff;
    color: #fff;
    padding: 10px 24px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dyn-game-card .card-info {
    padding: 10px 12px 12px;
}
.dyn-game-card .card-title {
    font-size: 0.85rem;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}
.dyn-game-card .card-provider {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
}
.dyn-game-card .card-rtp {
    font-size: 0.75rem;
    color: #4ade80;
    font-weight: 600;
}

/* Content Section */
.dynamic-content-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 60px;
    color: rgba(255, 255, 255, 0.9);
}
.dynamic-content-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-top: 35px;
    margin-bottom: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(218, 31, 21, 0.3);
}
.dynamic-content-section h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    margin-top: 25px;
    margin-bottom: 12px;
}
.dynamic-content-section p {
    line-height: 1.75;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
}
.dynamic-content-section ul,
.dynamic-content-section ol {
    margin-bottom: 18px;
    padding-left: 25px;
}
.dynamic-content-section li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}
.dynamic-content-section table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: rgba(26, 13, 92, 0.6);
    border-radius: 8px;
    overflow: hidden;
}
.dynamic-content-section table th {
    padding: 12px 16px;
    background: rgba(218, 31, 21, 0.15);
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.dynamic-content-section table td {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: rgba(255, 255, 255, 0.8);
}
.dynamic-content-section table tr:last-child td {
    border-bottom: none;
}
.dynamic-content-section a {
    color: #ff6b6b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}
.dynamic-content-section a:hover {
    border-bottom-color: #ff6b6b;
}
.dynamic-content-section strong {
    color: #ffffff;
}

/* View All Button */
.view-all-games {
    text-align: center;
    margin-top: 30px;
}
.view-all-games a {
    display: inline-block;
    background: #00d4ff;
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background 0.2s ease, transform 0.15s ease;
}
.view-all-games a:hover {
    background: #00d4ff;
    transform: translateY(-2px);
}

/* Breadcrumb */
.dynamic-breadcrumb {
    max-width: 1300px;
    margin: 0 auto;
    padding: 15px 20px 0;
    font-size: 0.85rem;
}
.dynamic-breadcrumb a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
}
.dynamic-breadcrumb a:hover {
    color: rgba(255,255,255,0.8);
}
.dynamic-breadcrumb span {
    color: rgba(255,255,255,0.3);
    margin: 0 8px;
}
.dynamic-breadcrumb .current {
    color: rgba(255,255,255,0.7);
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .dynamic-hero { padding: 35px 15px 30px; }
    .dynamic-hero .hero-stats { gap: 20px; }
    .dynamic-hero .stat-number { font-size: 1.5rem; }
    .dynamic-content-section { padding: 25px 15px 40px; }
    .games-grid-section { padding: 25px 12px; }
}

/* From frontend/contact.blade.php */

.contact-hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    padding: 60px 0 40px;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.contact-hero h1 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 15px;
}
.contact-hero .breadcrumb-nav {
    color: #aaa;
}
.contact-hero .breadcrumb-nav a {
    color: #ffd700;
    text-decoration: none;
}
.contact-content {
    padding: 50px 0;
}
.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}
.contact-card {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-radius: 12px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.contact-card-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px;
}
.contact-card h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.contact-card p {
    color: #c0c0c0;
    line-height: 1.7;
    margin-bottom: 15px;
}
.contact-card a {
    color: #ffd700;
    text-decoration: none;
    font-weight: 600;
}
.contact-card a:hover {
    text-decoration: underline;
}
.contact-intro {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.contact-intro p {
    color: #e0e0e0;
    font-size: 1.1rem;
    line-height: 1.8;
}
.response-time {
    background: rgba(255,215,0,0.1);
    border: 1px solid rgba(255,215,0,0.3);
    border-radius: 8px;
    padding: 20px;
    margin-top: 40px;
    text-align: center;
}
.response-time p {
    color: #ffd700;
    margin: 0;
    font-weight: 500;
}

/* From frontend/about-us.blade.php */

ul {
            color: white;
        }

        #about-section-page p {
            font-weight: normal;
        }

/* From frontend/news.blade.php */

.gtco-testimonials {
  position: relative;
}
.gtco-testimonials h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
}
.gtco-testimonials .owl-stage-outer {
  padding: 0px 0 30px;
}
.gtco-testimonials .owl-nav {
  display: block;
}
.gtco-testimonials .owl-dots {
  text-align: center;
}
.gtco-testimonials .owl-dots span {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 2px solid #01b0f8;
  margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
  box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
  background: #01b0f8;
  box-shadow: none;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.gtco-testimonials .card {
  background: #fff;
  box-shadow: 0 8px 30px -7px #c9dff0;
  margin: 0 20px;
  padding: 0 10px;
  border-radius: 20px;
  border: 0;
}
.gtco-testimonials .card .card-img-top {
  max-width: 100px;
  border-radius: 50%;
  margin: 15px auto 0;
  box-shadow: 0 8px 20px -4px #95abbb;
  width: 100px;
  height: 100px;
}
.gtco-testimonials .card h5 {
  color: #01b0f8;
  font-size: 21px;
  line-height: 1.3;
}
.gtco-testimonials .card h5 span {
  font-size: 18px;
  color: #666666;
}
.gtco-testimonials .card p {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
}
.gtco-testimonials .center h5 {
  font-size: 24px;
}
.gtco-testimonials .center h5 span {
  font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
  max-width: 100%;
  height: 120px;
  width: 120px;
}
.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
	height: 100%;
}
.sl-new-section li{
  list-style: disc;
}
.owl-prev {
	left: 7px;
}

.owl-next {
	right: 7px;
}
.owl-nav .fas{
    color:#fff
}
@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  outline: 0;
}
.owl-carousel button.owl-dot {
  outline: 0;
}

/* From casino.blade.php */

#top-banner{
        color: #fff;
        padding: 45px 80px;
        background-color: #000 !important;
        background-repeat: no-repeat;
        text-align: right;
        background-image: url(/asset/frontend/img/background/bannerbg.png),linear-gradient(#1b1b1b,#000);
     }
     #top-banner img{
        border: 2px solid #fff;
        margin: 0 15px 0 0;
        padding: 5px;
     }
    .casino-logo{
        left: 70px;
        text-align: left;
        top: 25%;
    }
    .review-casino-btn{
        Display: inline-block;
    }
    .clos{
        cursor: pointer;
    }
    .casino-review-tab p {
        text-align: justify;
    }
    @media screen and (max-width:768px){
        .casino-bonus{
        text-align:center!important;
    }
     #top-banner .casino-logo {
         position: static !important;
         text-align: center;
         left: 0;
         top: 0;
     }
     .cBreadcrumb{
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 10px;
     }
    .casino-content{
        padding:0 !important;
        text-align:center!important
    }
    }

/* From frontend/casino.blade.php */

#top-banner{
        color: #fff;
        padding: 45px 80px;
        background-color: #000 !important;
        background-repeat: no-repeat;
        text-align: right;
        background-image: url(/asset/frontend/img/background/bannerbg.png),linear-gradient(#1b1b1b,#000);
     }
     #top-banner img{
        border: 2px solid #fff;
        margin: 0 15px 0 0;
        padding: 5px;
     }
    .casino-logo{
        left: 70px;
        text-align: left;
        top: 25%;
    }
    .review-casino-btn{
        Display: inline-block;
    }
    .clos{
        cursor: pointer;
    }
    .casino-review-tab p {
        text-align: justify;
    }
    @media screen and (max-width:768px){
        .casino-bonus{
        text-align:center!important;
    }
     #top-banner .casino-logo {
         position: static !important;
         text-align: center;
         left: 0;
         top: 0;
     }
     .cBreadcrumb{
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 10px;
     }
    .casino-content{
        padding:0 !important;
        text-align:center!important
    }
    }

/* From errors/illustrated-layout.blade.php */

html {
                line-height: 1.15;
                    -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
            }

            body {
                margin: 0;
            }

            header,
            nav,
            section {
                display: block;
            }

            figcaption,
            main {
                display: block;
            }

            a {
                background-color: transparent;
                -webkit-text-decoration-skip: objects;
            }

            strong {
                font-weight: inherit;
            }

            strong {
                font-weight: bolder;
            }

            code {
                font-family: monospace, monospace;
                font-size: 1em;
            }

            dfn {
                font-style: italic;
            }

            svg:not(:root) {
                overflow: hidden;
            }

            button,
            input {
                font-family: sans-serif;
                font-size: 100%;
                line-height: 1.15;
                margin: 0;
            }

            button,
            input {
                overflow: visible;
            }

            button {
                text-transform: none;
            }

            button,
            html [type="button"],
            [type="reset"],
            [type="submit"] {
                -webkit-appearance: button;
            }

            button::-moz-focus-inner,
            [type="button"]::-moz-focus-inner,
            [type="reset"]::-moz-focus-inner,
            [type="submit"]::-moz-focus-inner {
                border-style: none;
                padding: 0;
            }

            button:-moz-focusring,
            [type="button"]:-moz-focusring,
            [type="reset"]:-moz-focusring,
            [type="submit"]:-moz-focusring {
                outline: 1px dotted ButtonText;
            }

            legend {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                color: inherit;
                display: table;
                max-width: 100%;
                padding: 0;
                white-space: normal;
            }

            [type="checkbox"],
            [type="radio"] {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding: 0;
            }

            [type="number"]::-webkit-inner-spin-button,
            [type="number"]::-webkit-outer-spin-button {
                height: auto;
            }

            [type="search"] {
                -webkit-appearance: textfield;
                outline-offset: -2px;
            }

            [type="search"]::-webkit-search-cancel-button,
            [type="search"]::-webkit-search-decoration {
                -webkit-appearance: none;
            }

            ::-webkit-file-upload-button {
                -webkit-appearance: button;
                font: inherit;
            }

            menu {
                display: block;
            }

            canvas {
                display: inline-block;
            }

            template {
                display: none;
            }

            [hidden] {
                display: none;
            }

            html {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                font-family: sans-serif;
            }

            *,
            *::before,
            *::after {
                -webkit-box-sizing: inherit;
                        box-sizing: inherit;
            }

            p {
                margin: 0;
            }

            button {
                background: transparent;
                padding: 0;
            }

            button:focus {
                outline: 1px dotted;
                outline: 5px auto -webkit-focus-ring-color;
            }

            *,
            *::before,
            *::after {
                border-width: 0;
                border-style: solid;
                border-color: #dae1e7;
            }

            button,
            [type="button"],
            [type="reset"],
            [type="submit"] {
                border-radius: 0;
            }

            button,
            input {
                font-family: inherit;
            }

            input::-webkit-input-placeholder {
                color: inherit;
                opacity: .5;
            }

            input:-ms-input-placeholder {
                color: inherit;
                opacity: .5;
            }

            input::-ms-input-placeholder {
                color: inherit;
                opacity: .5;
            }

            input::placeholder {
                color: inherit;
                opacity: .5;
            }

            button,
            [role=button] {
                cursor: pointer;
            }

            .bg-transparent {
                background-color: transparent;
            }

            .bg-white {
                background-color: #fff;
            }

            .bg-teal-light {
                background-color: #64d5ca;
            }

            .bg-blue-dark {
                background-color: #2779bd;
            }

            .bg-indigo-light {
                background-color: #7886d7;
            }

            .bg-purple-light {
                background-color: #a779e9;
            }

            .bg-no-repeat {
                background-repeat: no-repeat;
            }

            .bg-cover {
                background-size: cover;
            }

            .border-grey-light {
                border-color: #dae1e7;
            }

            .hover\:border-grey:hover {
                border-color: #b8c2cc;
            }

            .rounded-lg {
                border-radius: .5rem;
            }

            .border-2 {
                border-width: 2px;
            }

            .hidden {
                display: none;
            }

            .flex {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .items-center {
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
            }

            .justify-center {
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
            }

            .font-sans {
                font-family: Nunito, sans-serif;
            }

            .font-light {
                font-weight: 300;
            }

            .font-bold {
                font-weight: 700;
            }

            .font-black {
                font-weight: 900;
            }

            .h-1 {
                height: .25rem;
            }

            .leading-normal {
                line-height: 1.5;
            }

            .m-8 {
                margin: 2rem;
            }

            .my-3 {
                margin-top: .75rem;
                margin-bottom: .75rem;
            }

            .mb-8 {
                margin-bottom: 2rem;
            }

            .max-w-sm {
                max-width: 30rem;
            }

            .min-h-screen {
                min-height: 100vh;
            }

            .py-3 {
                padding-top: .75rem;
                padding-bottom: .75rem;
            }

            .px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }

            .pb-full {
                padding-bottom: 100%;
            }

            .absolute {
                position: absolute;
            }

            .relative {
                position: relative;
            }

            .pin {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .text-black {
                color: #22292f;
            }

            .text-grey-darkest {
                color: #3d4852;
            }

            .text-grey-darker {
                color: #606f7b;
            }

            .text-2xl {
                font-size: 1.5rem;
            }

            .text-5xl {
                font-size: 3rem;
            }

            .uppercase {
                text-transform: uppercase;
            }

            .antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .tracking-wide {
                letter-spacing: .05em;
            }

            .w-16 {
                width: 4rem;
            }

            .w-full {
                width: 100%;
            }

            @media (min-width: 768px) {
                .md\:bg-left {
                    background-position: left;
                }

                .md\:bg-right {
                    background-position: right;
                }

                .md\:flex {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                .md\:my-6 {
                    margin-top: 1.5rem;
                    margin-bottom: 1.5rem;
                }

                .md\:min-h-screen {
                    min-height: 100vh;
                }

                .md\:pb-0 {
                    padding-bottom: 0;
                }

                .md\:text-3xl {
                    font-size: 1.875rem;
                }

                .md\:text-15xl {
                    font-size: 9rem;
                }

                .md\:w-1\/2 {
                    width: 50%;
                }
            }

            @media (min-width: 992px) {
                .lg\:bg-center {
                    background-position: center;
                }
            }

/* From errors/minimal.blade.php */

html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 100;
                height: 100vh;
                margin: 0;
            }

            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .code {
                border-right: 2px solid;
                font-size: 26px;
                padding: 0 15px 0 15px;
                text-align: center;
            }

            .message {
                font-size: 18px;
                text-align: center;
            }

/* From errors/layout.blade.php */

html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 100;
                height: 100vh;
                margin: 0;
            }

            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .content {
                text-align: center;
            }

            .title {
                font-size: 36px;
                padding: 20px;
            }

/* From frontend/india.blade.php */

img{
      color: rgba(0,0,0,0);
    }
    .header-banner-in {
        background: url(/asset/frontend/img/india-page/backimg.webp) no-repeat;
        background-size: cover;
        background-position: center;
        box-shadow: inset 0px 0px 152px 53px #000;
    }
    #banner-in h1{
      text-transform: uppercase;
      text-shadow: 5px 4px 10px #160b3c;
    }
    .button-in {
        top: -61px;
        left: 10px;
    }
    .button-in a {
        background: url(/asset/frontend/img/india-page/btn-img-in.webp) no-repeat;
        background-size: contain;
        padding: 37px;
        background-position: center;
        font-size: 20px;
        font-weight: 900;
        text-transform: uppercase;
        color: #dfdfdf;
        text-shadow: -2px 2px 4px #710cb98a, 1px 1px 10px #2742e0,0px 0px 1px #ffffff80;
    }
    .key-feature-in{
      margin-top: 100px
    }
    .key-feature-in li {
        padding: 8px 21px;
        background: linear-gradient(90deg,rgba(0,24,126,0.85),rgba(79,99,187,0.85));;
        margin: 15px 0;
        font-weight: 800;
        text-shadow: -2px 2px 4px #710cb98a, 1px 1px 10px #2742e0,0px 0px 1px #ffffff80;
        font-size: 28px;
        color: #dfdfdf;
        border-radius: 10px;
        line-height: 37px;
        width: calc(100% - 30px);
    }
    .key-feature-in li::after{
        content: "";
        background: url(/asset/frontend/img/india-page/casino-chip.webp) no-repeat;
        width: 95px;
        height: 97px;
        position: absolute;
        background-size: cover;
        background-position: center;
        margin-top: -45px;
        right: 0px;
    }
    .key-feature-in li:nth-child(odd)::after{
        filter: hue-rotate(180deg)
    }

    #game-categories-in .nav li{
        cursor: pointer;
        position: relative;
        padding:0;
    }
    #game-categories-in .tab-section-in .nav li{
        padding:0 30px;
    }
    .tab-section-in .nav li h3{
        padding: 18px 0 0 0;
    }
    .tab-section-in .nav li:first-child:before{
        border-right: none;
    }
    .tab-section-in .nav li::before{
        content: "";
        border-right: 1px solid #fff;
        position: absolute;
        max-height: 100px;
        height: 100%;
        top:0;
        left: 0;
    }
    .tab-section-in .nav .nav-item.active::after {
        content: "";
        border: 10px solid #00d4ff;
        position: absolute;
        transform: rotate(45deg);
        z-index: -1;
        margin-top: 7px;
    }
    .tab-section-in .active .nav-link {
        color: #00d4ff;
    }
    .tab-section-in li{
      transition: 0.5s ease;
    }
    .tab-section-in li:hover img, .tab-section-in li:hover h3{
        color: #979797;
        transition: 0.5s ease-out;
        filter: grayscale(100%);
    }
    .tab-section-in .nav-link {
        font-size: 20px;
        font-weight: 900;
        font-family: Montserrat,sans-serif;
    }
    .sub-tab-section-in {
        background: #00d4ff;
        display: flex;
        padding: 10px;
        border-radius: 50px;
        width: 100%;
    }
     .nav-link {
        color: #fff;
        font-weight: 700;
    }

    .all-games-in img{
        border-radius:15px
    }
    .sub-tab-section-in span{
      transition: 0.5s ease;
    }
    .sub-tab-section-in .active span, .sub-tab-section-in li:hover span{
        color: #0b004b;
        font-weight: 700;
        text-decoration: underline;
    }
    #slot-type-in{
        padding: 10px 0 50px 0;
        background: #76a1ec;
    }
    p{
        color: #fff;
    }
    .slotUl{
        padding: 0;
        margin: 0 auto;
        width: 90%;
        display: inline-block;
    }
    .slotLi {
	    width: 20%;
	    text-align: center;
	    transition: 0.5s ease;
	    margin: 0 -2px;
	    padding: 3px;
	    display: inline-block;
	   }
      .slotLi a {
      color: #fff;
      display: inline-block;
      padding: 10px 20px;
      background-color: #0b004b;
      width: 100%;
      font-size: 15px
    }
    .slotUl li.slotLi:nth-child(2n) a {
      background-color: #1977cc;
    }
    .slotUl li.slotLi:nth-child(3n) a {
      background-color: #00417d;
    }
    .slotUl li.slotLi a:hover {
      background-color: #00d4ff;
    }
    .bg-img-ani img {
        position: absolute;
        opacity: 0.6;
        animation: aniIn infinite;
    }

    .bg-img-ani img:nth-child(1) {
        top: 28%;
        width: 77px;
        animation-duration: 6s;
        left: 9%;
    }
    .bg-img-ani img:nth-child(2) {
        right: 2%;
        top: 50%;
        animation-duration: 3s;
    }
    .bg-img-ani img:nth-child(3) {
        top: 50%;
        left: 50%;
        width: 92px;
        opacity: 0.3;
        animation-duration: 4.4s;
    }
    .bg-img-ani img:nth-child(4) {
        top: 86%;
        width: 56px;
        left: 65%;
        transform: rotate(-86deg);
        animation-duration: 4s;
    }
    .bg-img-ani img:nth-child(5) {
        right: 2%;
        width: 87px;
        top: 15%;
        animation-duration: 5s;
    }
    .bg-img-ani img:nth-child(6) {
        top: 83%;
        width: 100px;
        left: 3%;
        animation-duration: 3.5s;
    }
    @keyframes aniIn{
        from { transform: translateY(0) }
        50% {transform: translateY(14px) }
        to {transform: translateY(0px) }
    }

    @media only screen and (max-width: 1198px){
            #game-categories-in .tab-section-in .nav li {
              padding: 0 23px;
            }
        .tab-section-in .nav-link{
          font-size: 18px;
        }
         .key-feature-in li::after{
           margin-left: 15px;
        }
        .key-feature-in li{
            font-size: 22px;
        }

        .bg-img-ani img:nth-child(1) {
            width: 67px;
        }
        .bg-img-ani img:nth-child(3) {
            width: 82px;
        }
        .bg-img-ani img:nth-child(4) {
            top: 72%;
            width: 50px;
            left: 55%;
        }
        .bg-img-ani img:nth-child(5) {
            width: 80px;
        }
        .bg-img-ani img:nth-child(6) {
            top: 62%;
            width: 85px;
        }
        .slotLi{
          width: 25%;
        }
    }
    @media only screen and (max-width: 998px){
      #game-categories-in  .container{
          max-width: 845px;
        }
        #overSection{
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .overSection{
            width:1000px;
            position: relative;
            margin: 0 10px;
          }

        .key-feature-in li {
            font-size: 15px;
            line-height: 32px;
          }
          .key-feature-in li::after {
            margin-left: -16px;
            margin-top: -40px;
            width: 85px;
            height: 86px;
          }
          .button-in{
            top: -47px;
          }
          .button-in a{
            font-size: 15px;
          }
          .bg-img-ani img:nth-child(1){
              top: 11%;
              width: 45px;
              left: 5%;
          }
          .bg-img-ani img:nth-child(2){
              top: 39%;
              width: 130px;
              opacity: 0.2;
          }
          .bg-img-ani img:nth-child(3) {
              top: 32%;
              width: 70px;
              opacity: 0.7;
              left: 43%;
            }
          .bg-img-ani img:nth-child(4){
              top: 54%;
          }
          .slotLi {
              width: 33%;
            }
          .bg-img-ani img:nth-child(6) {
            top: 54%;
            width: 85px;
          }
    }
    @media only screen and (max-width: 764px){
      #game-categories-in .col-6{
        max-width: 33%;
      }
      .key-feature-in{
          padding: 0 0 0 5%;
          margin-top: 0;
      }
      .key-feature-in li {
          font-size: 24px;
          width: 96%;
      }
       .key-feature-in li::after {
            margin-left: 26px;
            width: 84px;
            height: 84px;
            margin-top: -39px;
        }

        .bg-img-ani img:nth-child(1) {
            width: 87px;
        }
        .bg-img-ani img:nth-child(2){
            top: 94%;
            opacity: 0.4;
        }
        .bg-img-ani img:nth-child(4) {
            top: 100%;
            width: 119px;
            left: 4%;
          }
          .slotLi {
            width: 50%;
          }
  }
    @media only screen and (max-width: 460px){
      .key-feature-in li {
        font-size: 16px;
        width: 96%;
      }
      .bg-img-ani img:nth-child(4) {
        top: 68%;
        width: 106px;
        left: 67%;
      }
      .bg-img-ani img:nth-child(2) {
        top: 86%;
        opacity: 1;
        width: 68px;
        left: 2%;
      }
      .bg-img-ani img:nth-child(3) {
        top: 42%;
        width: 70px;
        opacity: 0.2;
        left: 79%;
      }
      .button-in {
        top: -40px;
      }
      .button-in a {
      font-size: 14px;
      padding: 18px;
    }
    .slotLi {
      width: 100%;
    }
    }
    @media not all and (min-resolution:.001dpcm){
      .header-banner-in{
        background:url(/asset/frontend/img/india-page/backimg.jpg) no-repeat;
      }
      .key-feature-in li::after{
        background: url(/asset/frontend/img/india-page/casino-chip.png) no-repeat;
      }
      .button-in a {
          background: url(/asset/frontend/img/india-page/btn-img-in.png) no-repeat;
        }
    }


/* Filter pill sub-types (JS hooks - inherit from .feature-filter-pill) */
.rtp-pill,.vol-pill,.feat-pill,.theme-pill{}

/* Quick filter buttons for RTP database */
.quick-filter-btn{display:inline-flex;align-items:center;padding:8px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:rgba(255,255,255,.7);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}
.quick-filter-btn:hover,.quick-filter-btn.active{background:rgba(0,212,255,.12);border-color:rgba(0,212,255,.3);color:#fff}

/* Related pages navigation */
.related-pages{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}
.related-pages a{padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;transition:all .2s}
.related-pages a:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.25);color:#fff}

/* Provider listing animations */
.content-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transition:opacity .3s}
.fadeIn-top{animation:fadeInTop .4s ease-out}
@keyframes fadeInTop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}


/* === Content normalization (merged from content-normalize.css) === */
/* ============================================================
   Content Normalization CSS - Unified Typography
   Slottomat.com - All Page Types
   Created: 2026-03-13
   Purpose: Override inconsistent inline styles from AI-generated
            content across game, software, layout, and dynamic pages.
   ============================================================ */

/* ---- Base Content Typography ---- */
.play-game-content [itemprop="reviewBody"],
.play-game-content .game-intro,
.software-content .software-description,
.swg-description-block,
.layout-page-body,
.dynamic-content-section,
.news-content,
.blog-content,
.page-content,
.review-content {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #e0e0e0 !important;
    letter-spacing: 0.01em !important;
    word-spacing: 0.02em !important;
}

/* ---- H2 Headings ---- */
.play-game-content [itemprop="reviewBody"] h2,
.software-description h2,
.swg-description-block h2,
.layout-page-body h2,
.dynamic-content-section h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin: 2rem 0 0.8rem !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
}

/* ---- H3 Headings ---- */
.play-game-content [itemprop="reviewBody"] h3,
.software-description h3,
.swg-description-block h3,
.layout-page-body h3,
.dynamic-content-section h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin: 1.6rem 0 0.6rem !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
}

/* ---- H4 Headings ---- */
.play-game-content [itemprop="reviewBody"] h4,
.software-description h4,
.swg-description-block h4,
.layout-page-body h4,
.dynamic-content-section h4 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 1.4rem 0 0.5rem !important;
    line-height: 1.4 !important;
    color: #f0f0f0 !important;
}

/* ---- Paragraphs ---- */
.play-game-content [itemprop="reviewBody"] p,
.software-description p,
.swg-description-block p,
.layout-page-body p,
.dynamic-content-section p {
    margin: 0 0 1rem !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #e0e0e0 !important;
}

/* ---- Lists ---- */
.play-game-content [itemprop="reviewBody"] ul,
.play-game-content [itemprop="reviewBody"] ol,
.software-description ul,
.software-description ol,
.swg-description-block ul,
.swg-description-block ol,
.layout-page-body ul,
.layout-page-body ol,
.dynamic-content-section ul,
.dynamic-content-section ol {
    margin: 0.5rem 0 1.2rem 1.5rem !important;
    padding: 0 !important;
    color: #e0e0e0 !important;
}

.play-game-content [itemprop="reviewBody"] li,
.software-description li,
.swg-description-block li,
.layout-page-body li,
.dynamic-content-section li {
    margin-bottom: 0.4rem !important;
    line-height: 1.65 !important;
    font-size: 16px !important;
    color: #e0e0e0 !important;
}

/* ---- Links ---- */
.play-game-content [itemprop="reviewBody"] a,
.software-description a,
.layout-page-body a,
.dynamic-content-section a {
    color: #4fc3f7 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.play-game-content [itemprop="reviewBody"] a:hover,
.software-description a:hover,
.layout-page-body a:hover,
.dynamic-content-section a:hover {
    color: #81d4fa !important;
    text-decoration: underline !important;
}

/* ---- Tables ---- */
.play-game-content [itemprop="reviewBody"] table,
.software-description table,
.swg-description-block table,
.layout-page-body table,
.dynamic-content-section table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1.2rem 0 !important;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.play-game-content [itemprop="reviewBody"] th,
.play-game-content [itemprop="reviewBody"] td,
.software-description th,
.software-description td,
.swg-description-block th,
.swg-description-block td,
.layout-page-body th,
.layout-page-body td,
.dynamic-content-section th,
.dynamic-content-section td {
    padding: 10px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    color: #e0e0e0 !important;
}

.play-game-content [itemprop="reviewBody"] th,
.software-description th,
.swg-description-block th,
.layout-page-body th,
.dynamic-content-section th {
    background: rgba(26, 26, 46, 0.8) !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

/* ---- Blockquotes ---- */
.play-game-content [itemprop="reviewBody"] blockquote,
.software-description blockquote,
.layout-page-body blockquote,
.dynamic-content-section blockquote {
    margin: 1.5rem 0 !important;
    padding: 1rem 1.5rem !important;
    border-left: 4px solid #4fc3f7 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 0 8px 8px 0 !important;
    font-style: italic !important;
    color: #ccc !important;
}

/* ---- Strong / Bold ---- */
.play-game-content [itemprop="reviewBody"] strong,
.software-description strong,
.swg-description-block strong,
.layout-page-body strong,
.dynamic-content-section strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ---- Inline Style Overrides ---- */

/* Font-size overrides: reset wild inline font-sizes to inherit */
.play-game-content [style*="font-size"],
.software-description [style*="font-size"],
.layout-page-body [style*="font-size"],
.dynamic-content-section [style*="font-size"] {
    font-size: inherit !important;
}
/* Re-assert heading sizes after the above reset */
.play-game-content h2[style*="font-size"],
.software-description h2[style*="font-size"],
.layout-page-body h2[style*="font-size"],
.dynamic-content-section h2[style*="font-size"] {
    font-size: 1.5rem !important;
}
.play-game-content h3[style*="font-size"],
.software-description h3[style*="font-size"],
.layout-page-body h3[style*="font-size"],
.dynamic-content-section h3[style*="font-size"] {
    font-size: 1.25rem !important;
}
.play-game-content h1[style*="font-size"],
.software-description h1[style*="font-size"],
.layout-page-body h1[style*="font-size"],
.dynamic-content-section h1[style*="font-size"] {
    font-size: 1.75rem !important;
}

/* Light background overrides - force dark theme consistency */
.play-game-content [style*="background-color: #f"],
.play-game-content [style*="background-color:#f"],
.play-game-content [style*="background: #f"],
.software-description [style*="background-color: #f"],
.software-description [style*="background-color:#f"],
.layout-page-body [style*="background-color: #f"],
.layout-page-body [style*="background-color:#f"],
.layout-page-body [style*="background: #f"],
.dynamic-content-section [style*="background-color: #f"],
.dynamic-content-section [style*="background-color:#f"] {
    background-color: rgba(255, 255, 255, 0.04) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 8px !important;
}

/* White/near-white background overrides */
.play-game-content [style*="background-color: #e"],
.play-game-content [style*="background-color:#e"],
.play-game-content [style*="background: white"],
.play-game-content [style*="background-color: white"],
.software-description [style*="background-color: #e"],
.layout-page-body [style*="background-color: #e"],
.layout-page-body [style*="background: white"],
.layout-page-body [style*="background-color: white"],
.dynamic-content-section [style*="background-color: #e"],
.dynamic-content-section [style*="background: white"] {
    background-color: rgba(255, 255, 255, 0.04) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Dark text on dark bg overrides */
.play-game-content [style*="color: #000"],
.play-game-content [style*="color:#000"],
.play-game-content [style*="color: black"],
.play-game-content [style*="color: #333"],
.play-game-content [style*="color:#333"],
.play-game-content [style*="color: #222"],
.play-game-content [style*="color:#222"],
.software-description [style*="color: #000"],
.software-description [style*="color:#000"],
.software-description [style*="color: #333"],
.software-description [style*="color:#333"],
.layout-page-body [style*="color: #000"],
.layout-page-body [style*="color:#000"],
.layout-page-body [style*="color: black"],
.layout-page-body [style*="color: #333"],
.layout-page-body [style*="color:#333"],
.layout-page-body [style*="color: #222"],
.dynamic-content-section [style*="color: #000"],
.dynamic-content-section [style*="color:#000"],
.dynamic-content-section [style*="color: black"],
.dynamic-content-section [style*="color: #333"] {
    color: #e0e0e0 !important;
}

/* White text on colored bg: normalize to theme white */
.layout-page-body [style*="color: white"],
.dynamic-content-section [style*="color: white"] {
    color: #ffffff !important;
}

/* Green border-left callout overrides */
.play-game-content [style*="border-left: 4px solid #1a5c"],
.play-game-content [style*="border-left: 3px solid"],
.layout-page-body [style*="border-left: 4px solid #1a5c"],
.layout-page-body [style*="border-left: 3px solid"] {
    border-left-color: #4fc3f7 !important;
}

/* ---- Related / Internal Links Sections ---- */
.related-links,
.internal-links,
.related-games-links {
    margin-top: 2rem !important;
    padding: 1.5rem !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ---- Hero Banners in Layout Pages ---- */
.layout-page-body .hero-banner,
.layout-page-body [class*="hero-banner"] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ---- Calculator containers in layout pages ---- */
.layout-page-body .calculator-container,
.layout-page-body [class*="calculator-container"] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    color: #e0e0e0 !important;
}
.layout-page-body .calculator-container h2,
.layout-page-body [class*="calculator-container"] h2 {
    color: #ffffff !important;
}

/* ---- Game quick-facts box ---- */
.game-quick-facts p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #e0e0e0 !important;
}

/* ---- Key Takeaways box ---- */
.key-takeaways {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.key-takeaways h3 {
    color: #ffffff !important;
}
.key-takeaways li {
    color: #e0e0e0 !important;
}

/* ---- FAQ Sections ---- */
.faq-answer-text {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #e0e0e0 !important;
}
.faq-question-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* ---- Responsive: Mobile ---- */
@media (max-width: 768px) {
    .play-game-content [itemprop="reviewBody"],
    .software-description,
    .swg-description-block,
    .layout-page-body,
    .dynamic-content-section {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .play-game-content [itemprop="reviewBody"] h2,
    .software-description h2,
    .swg-description-block h2,
    .layout-page-body h2,
    .dynamic-content-section h2 {
        font-size: 1.35rem !important;
        margin: 1.5rem 0 0.7rem !important;
    }

    .play-game-content [itemprop="reviewBody"] h3,
    .software-description h3,
    .swg-description-block h3,
    .layout-page-body h3,
    .dynamic-content-section h3 {
        font-size: 1.15rem !important;
        margin: 1.3rem 0 0.5rem !important;
    }

    .play-game-content [itemprop="reviewBody"] p,
    .software-description p,
    .layout-page-body p,
    .dynamic-content-section p {
        font-size: 15px !important;
    }

    .play-game-content [itemprop="reviewBody"] li,
    .software-description li,
    .layout-page-body li,
    .dynamic-content-section li {
        font-size: 15px !important;
    }

    .play-game-content [itemprop="reviewBody"] table,
    .software-description table,
    .layout-page-body table,
    .dynamic-content-section table {
        font-size: 13px !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .play-game-content [itemprop="reviewBody"] th,
    .play-game-content [itemprop="reviewBody"] td,
    .software-description th,
    .software-description td,
    .layout-page-body th,
    .layout-page-body td,
    .dynamic-content-section th,
    .dynamic-content-section td {
        padding: 8px 10px !important;
        white-space: nowrap !important;
    }
}

/* ---- Print ---- */
@media print {
    .play-game-content [itemprop="reviewBody"],
    .software-description,
    .layout-page-body,
    .dynamic-content-section {
        color: #000 !important;
        font-size: 12pt !important;
    }
    .play-game-content [itemprop="reviewBody"] a,
    .software-description a,
    .layout-page-body a,
    .dynamic-content-section a {
        color: #000 !important;
        text-decoration: underline !important;
    }
}


/* === FIX: About page styling === */
.sectionMTMB {
    padding: 60px 0;
    background: #0d1b2a;
}
#about-section-page {
    background: #0d1b2a;
    color: #e0e0e0;
}
#about-section-page h1 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 3px solid #00d4ff;
}
#about-section-page h2 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 32px 0 16px;
}
#about-section-page h3 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 24px 0 12px;
}
#about-section-page p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: normal;
    margin-bottom: 16px;
}
#about-section-page ul,
#about-section-page ol {
    color: #d0d0d0;
    padding-left: 20px;
    margin-bottom: 20px;
}
#about-section-page ul li,
#about-section-page ol li {
    margin-bottom: 10px;
    line-height: 1.6;
}
#about-section-page a {
    color: #ffd700;
    text-decoration: none;
}
#about-section-page a:hover {
    text-decoration: underline;
}


/* === FIX: Contact page dark theme enforcement === */
.contact-content {
    background: #0d1b2a !important;
    padding: 50px 0;
}
.contact-card {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    color: #c0c0c0;
}
.contact-card h2 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.contact-card h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.contact-intro h2 {
    color: #fff !important;
    margin-bottom: 20px;
}


/* === FIX: Ensure dark background on about and contact pages === */
body.route-frontend-page-about-us,
body.route-frontend-page-contact {
    background-color: #0a0e17 !important;
}
body.route-frontend-page-about-us main,
body.route-frontend-page-contact main {
    background-color: #0d1b2a !important;
}


/* === CRITICAL: Dark theme body override === */
body{background-color:#060d17!important;color:rgba(255,255,255,.85)!important}
main,#main-content,.page-content,.content-wrapper{background-color:transparent}
#laypage,.software-description,.html-content,.panel-body{color:rgba(255,255,255,.85)}
#laypage *[style*="background:#fff"],#laypage *[style*="background-color:#fff"],
#laypage *[style*="background:white"],#laypage *[style*="background-color:white"],
#laypage *[style*="background: #fff"],#laypage *[style*="background: white"]{background:transparent!important;background-color:transparent!important}
#laypage *[style*="color:#000"],#laypage *[style*="color:black"],#laypage *[style*="color: #000"],
#laypage *[style*="color:#333"],#laypage *[style*="color: #333"]{color:rgba(255,255,255,.85)!important}
.page-family-generic main,.page-family-static main{background:#060d17}

/* === CRITICAL: Dark theme text color overrides === */
body,p,span,div,li,td,th,label,a{color:rgba(255,255,255,.85)}
h1,h2,h3,h4,h5,h6{color:#fff}
a{color:#00d4ff}
a:hover{color:#22d3ee}
.btn,.btn-primary,.btn-ocean-primary{color:#fff}

/* CRITICAL: html root dark bg - prevents white showing through body */
html{background-color:#060d17!important;color:rgba(255,255,255,.85)!important}
html,body{min-height:100%}

/* === FIX: Desktop header dropdown menus - override Bootstrap display:none === */
.premium-header .nav-dropdown .dropdown-menu{display:block!important;position:absolute;top:100%;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;pointer-events:none;margin-top:10px;transition:opacity .2s ease,visibility .2s ease,margin-top .2s ease;z-index:2147483646;background:linear-gradient(180deg,#8e1711 0%,#1a1a2e 100%);border:1px solid rgba(255,212,74,.18);border-radius:22px;padding:18px;box-shadow:0 26px 60px rgba(0,0,0,.42);backdrop-filter:blur(10px);min-width:250px;width:max-content;max-width:min(94vw,1040px)}
.premium-header .nav-dropdown:hover>.dropdown-menu,.premium-header .nav-dropdown.dropdown-active>.dropdown-menu,.premium-header .nav-dropdown:focus-within>.dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;margin-top:5px!important}
.premium-header .nav-dropdown{position:relative;overflow:visible!important}
.premium-header .nav-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:15px;display:none}
.premium-header .nav-dropdown:hover::after,.premium-header .nav-dropdown.dropdown-active::after{display:block}
.premium-header .nav-dropdown:hover>.dropdown-trigger .dropdown-arrow,.premium-header .nav-dropdown.dropdown-active>.dropdown-trigger .dropdown-arrow{transform:rotate(180deg)}
.premium-header .nav-dropdown .dropdown-trigger{cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:6px}
.premium-header .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}
.premium-header .dropdown-title{font-weight:700;font-size:14px;color:#ffd44a;text-transform:uppercase;letter-spacing:.05em}
.premium-header .view-all-link{color:#ffd44a;font-size:13px;text-decoration:none;font-weight:600}
.premium-header .view-all-link:hover{text-decoration:underline;color:#fff}
.layout-page-shell{background:linear-gradient(180deg,#0d2847 0%,#0a1628 100%)!important;width:100%;padding:20px 0}.layout-page-hero+.layout-page-shell{padding-top:30px}.ocean-search-section,.feature-filter-section,.ocean-game-grid,.ocean-quick-filters{max-width:1220px;margin-left:auto;margin-right:auto}.casino-banner-strip{background:rgba(255,255,255,.03);border-radius:12px;max-width:1220px;margin:0 auto 20px}


.casino-banner-strip{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
.sud{background:#060d17!important;color:#0b1a2e!important}.sud svg{opacity:.6}.fil2{fill:#0b1a2e!important}

/* === Global mobile alignment fix (all pages) === */
@media(max-width:991px){
  .pull-md-2{margin-right:0!important}
  body{overflow-x:hidden}
  .container{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .row{margin-left:0!important;margin-right:0!important}
  .col-md-12,.col-12{padding-left:0!important;padding-right:0!important}
  .col-sm-6{padding-left:6px!important;padding-right:6px!important}
}

/* === Breadcrumb - not sticky === */
.cBreadcrumb{position:relative!important}
nav[aria-label='Breadcrumb']{position:relative!important}

/* === Casino cards mobile fix (global) === */
@media(max-width:767px){
  .casino-cards-row{margin-left:0!important;margin-right:0!important}
  .casino-cards.col-12{padding-left:4px!important;padding-right:4px!important}
  .casino-card{border-radius:14px;overflow:hidden}
  .casino-card-logo{min-height:50px;background:rgba(255,255,255,.06);border-radius:10px;padding:8px;display:flex!important;align-items:center!important;justify-content:center!important}
  .casino-card-logo img{width:100%!important;max-width:100px!important;height:auto!important;max-height:55px!important;object-fit:contain!important}
  .casino-card-detail{font-size:.9rem!important;color:#fff!important}
  .casino-card-detail span{font-size:.72rem!important;color:rgba(255,255,255,.5)!important;display:block;margin-bottom:2px}
  .cc-divider{display:none}
  .casino-payment-methods .payment-badges-wrap{display:flex;flex-wrap:wrap;gap:6px}
  .play-now-btn{display:block;width:100%;text-align:center;padding:12px;border-radius:8px;font-weight:700}
  .popular-casino-card-heading{font-size:1.3rem!important;text-align:center}
  .casino-section-intro{font-size:.85rem!important}
  .casino-banner-strip{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
  .casino-banner-item{flex:0 0 200px!important}
}

/* === Layout/listing page mobile alignment === */
@media(max-width:991px){
  .ocean-content-area .container{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .layout-page-shell .container{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .popular_casino_row{margin-left:0!important;margin-right:0!important}
  .popular_casino_row .col-md-12{padding-left:0!important;padding-right:0!important}
  .single-game-content .container{max-width:100%!important;overflow-x:hidden!important}
}
@media (min-width:992px){
body.page-family-slots{
background:linear-gradient(180deg,#123a6b 0%,#0b2441 18%,#07111d 100%)!important;
}
body.page-family-slots main,
body.page-family-slots #main-content{
background:transparent!important;
}
body.page-family-slots .ocean-breadcrumb{
width:min(100% - 48px,1380px);
max-width:1380px;
margin:0 auto 18px;
padding:0 24px;
}
body.page-family-slots .casino-banner-strip{
padding:10px 12px;
}
body.page-family-slots .casino-banner-track{
gap:12px;
align-items:stretch;
}
body.page-family-slots .casino-banner-item{
min-width:250px;
width:250px;
max-width:250px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
padding:12px 12px 14px;
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:10px;
text-align:center;
overflow:hidden;
}
body.page-family-slots .casino-banner-logo{
width:100%;
max-width:120px;
height:44px;
margin:0 auto;
object-fit:contain;
}
body.page-family-slots .casino-banner-name{
display:block;
margin:0;
font-size:.95rem!important;
font-weight:700;
line-height:1.3!important;
white-space:normal;
overflow-wrap:anywhere;
}
body.page-family-slots .casino-banner-bonus{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:2.9em;
font-size:.8rem;
line-height:1.45;
color:rgba(255,255,255,.74);
}
body.page-family-slots .casino-banner-cta{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:40px;
margin-top:auto;
padding:10px 12px;
font-size:.84rem;
font-weight:800;
white-space:nowrap;
}
body.page-family-slots .container{
max-width:1380px;
}
}
@media (max-width:767px){
body.page-family-slots .casino-banner-track{
gap:10px;
}
body.page-family-slots .casino-banner-item{
min-width:200px!important;
width:200px!important;
max-width:200px!important;
padding:10px 10px 12px!important;
gap:8px!important;
border-radius:16px!important;
}
body.page-family-slots .casino-banner-logo{
max-width:104px;
height:38px;
}
body.page-family-slots .casino-banner-name{
font-size:.88rem!important;
}
body.page-family-slots .casino-banner-bonus{
font-size:.74rem!important;
min-height:2.8em;
}
body.page-family-slots .casino-banner-cta{
min-height:36px;
font-size:.78rem;
padding:8px 10px;
}
}

@media (hover:none),(pointer:coarse){
.casino-banner-item:hover,
body.page-family-slots .casino-banner-item:hover{
background:rgba(255,255,255,.04)!important;
text-decoration:none!important;
}
body.page-family-slots .casino-banner-cta:hover{
transform:none!important;
filter:none!important;
box-shadow:inherit!important;
}
}

/* Shared breadcrumb stability */
.newHeader .cBreadcrumb,
#newHeader .cBreadcrumb,
#single-game-section .newHeader .cBreadcrumb,
body[class*=route-frontend-new-slots-] .cBreadcrumb{
display:flex!important;
justify-content:center!important;
align-items:center!important;
flex-wrap:wrap!important;
width:100%!important;
max-width:100%!important;
margin:14px auto 0!important;
padding:0 8px!important;
gap:6px 10px!important;
line-height:1.45!important;
position:relative!important;
transform:none!important;
}
.newHeader .cBreadcrumb span,
#newHeader .cBreadcrumb span,
#single-game-section .newHeader .cBreadcrumb span,
body[class*=route-frontend-new-slots-] .cBreadcrumb span{
display:inline-flex!important;
align-items:center!important;
max-width:100%!important;
white-space:normal!important;
}
.newHeader .cBreadcrumb span:not(:last-child)::after,
#newHeader .cBreadcrumb span:not(:last-child)::after,
#single-game-section .newHeader .cBreadcrumb span:not(:last-child)::after,
body[class*=route-frontend-new-slots-] .cBreadcrumb span:not(:last-child)::after{
margin:0 10px!important;
flex:0 0 auto!important;
}
.newHeader .cBreadcrumb a,
#newHeader .cBreadcrumb a,
#single-game-section .newHeader .cBreadcrumb a,
body[class*=route-frontend-new-slots-] .cBreadcrumb a{
display:inline-flex!important;
align-items:center!important;
}
@media(max-width:767px){
  .newHeader .cBreadcrumb,
  #newHeader .cBreadcrumb,
  #single-game-section .newHeader .cBreadcrumb,
  body[class*=route-frontend-new-slots-] .cBreadcrumb{
    font-size:13px!important;
    gap:6px 8px!important;
  }
  .newHeader .cBreadcrumb span:not(:last-child)::after,
  #newHeader .cBreadcrumb span:not(:last-child)::after,
  #single-game-section .newHeader .cBreadcrumb span:not(:last-child)::after,
  body[class*=route-frontend-new-slots-] .cBreadcrumb span:not(:last-child)::after{
    margin:0 8px!important;
  }
}

/* Wider rolling offer cards for taxonomy pages */
body.page-family-slots .casino-banner-item{
min-width:272px;
width:272px;
max-width:272px;
}
body.page-family-slots .casino-banner-name{
min-height:2.5em;
}
body.page-family-slots .casino-banner-bonus{
-webkit-line-clamp:3;
min-height:4.2em;
padding:0 2px;
}
body.page-family-slots .casino-banner-cta{
white-space:normal;
line-height:1.25;
}
@media (max-width:767px){
body.page-family-slots .casino-banner-item{
min-width:224px!important;
width:224px!important;
max-width:224px!important;
}
body.page-family-slots .casino-banner-name{
min-height:2.7em;
}
body.page-family-slots .casino-banner-bonus{
-webkit-line-clamp:3;
min-height:4.05em;
}
body.page-family-slots .casino-banner-cta{
min-height:38px;
font-size:.76rem;
}
}



/* Codex mobile top-cutoff and calculator refresh v27v27 */
@media (max-width:991px){
body.has-premium-header .ocean-hero-free,
body.has-premium-header .slot-hub-hero,
body.has-premium-header .high-rtp-hero,
body.has-premium-header .new-slots-hero,
body.has-premium-header .provider-ocean-hero,
body.has-premium-header .layout-page-hero,
body.has-premium-header #single-game-section .newHeader{scroll-margin-top:82px!important;}
}
body.route-frontend-layout-page #laypage .calc-container{position:relative;overflow:hidden;border-radius:30px!important;border:1px solid rgba(126,210,255,.12)!important;background:linear-gradient(180deg,rgba(10,35,58,.88) 0%,rgba(6,19,34,.95) 100%)!important;box-shadow:0 28px 60px rgba(0,0,0,.22)!important;padding:30px!important;}
body.route-frontend-layout-page #laypage .calc-container::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(126,210,255,.5),rgba(255,209,102,.35),rgba(0,0,0,0));pointer-events:none;}
body.route-frontend-layout-page #laypage .calc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:20px!important;}
body.route-frontend-layout-page #laypage .calc-grid > div,
body.route-frontend-layout-page #laypage .calc-grid > .form-group,
body.route-frontend-layout-page #laypage .calc-grid label{position:relative;}
body.route-frontend-layout-page #laypage .calc-grid input,
body.route-frontend-layout-page #laypage .calc-grid select,
body.route-frontend-layout-page #laypage .calc-grid textarea{width:100%!important;min-height:54px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:#f6fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;}
body.route-frontend-layout-page #laypage .calc-grid input:focus,
body.route-frontend-layout-page #laypage .calc-grid select:focus,
body.route-frontend-layout-page #laypage .calc-grid textarea:focus{outline:none!important;border-color:rgba(126,210,255,.34)!important;box-shadow:0 0 0 3px rgba(126,210,255,.12)!important;}
body.route-frontend-layout-page #laypage .calc-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important;margin-top:20px!important;}
body.route-frontend-layout-page #laypage .calc-actions .btn,
body.route-frontend-layout-page #laypage .calc-actions button,
body.route-frontend-layout-page #laypage .calc-container button[id$='-run']{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 18px!important;border-radius:999px!important;background:linear-gradient(135deg,#ffd166,#ffb347)!important;color:#08111d!important;font-weight:800!important;border:0!important;box-shadow:0 12px 24px rgba(255,179,71,.22)!important;}
body.route-frontend-layout-page #laypage .quick-stats,
body.route-frontend-layout-page #laypage .stats-grid,
body.route-frontend-layout-page #laypage .comparison-box,
body.route-frontend-layout-page #laypage .calc-summary-callout{position:relative;overflow:hidden;border-radius:26px!important;border:1px solid rgba(126,210,255,.12)!important;background:linear-gradient(180deg,rgba(10,35,58,.88) 0%,rgba(6,19,34,.95) 100%)!important;box-shadow:0 22px 46px rgba(0,0,0,.18)!important;padding:24px!important;}
body.route-frontend-layout-page #laypage .quick-stats h2,
body.route-frontend-layout-page #laypage .stats-grid h2,
body.route-frontend-layout-page #laypage .comparison-box h2,
body.route-frontend-layout-page #laypage .calc-container h2{color:#f8fbff!important;}
body.route-frontend-layout-page #laypage .quick-stats p,
body.route-frontend-layout-page #laypage .stats-grid p,
body.route-frontend-layout-page #laypage .comparison-box p,
body.route-frontend-layout-page #laypage .calc-helper,
body.route-frontend-layout-page #laypage .calc-desc{color:rgba(230,239,252,.82)!important;}
@media (max-width:767px){
body.route-frontend-layout-page #laypage .calc-container,
body.route-frontend-layout-page #laypage .quick-stats,
body.route-frontend-layout-page #laypage .stats-grid,
body.route-frontend-layout-page #laypage .comparison-box,
body.route-frontend-layout-page #laypage .calc-summary-callout{padding:20px!important;border-radius:24px!important;}
body.route-frontend-layout-page #laypage .calc-grid{grid-template-columns:1fr!important;gap:12px!important;}
}

/* Codex shared header stack pass v27v30 */
body.has-premium-header .premium-header{
width:100%!important;
left:0!important;
right:0!important;
top:0!important;
z-index:2147483002!important;
background:linear-gradient(180deg,#9d2418 0%,#871b13 100%)!important;
}
body.has-premium-header main#main-content{
background:transparent!important;
}
body.has-premium-header .mobile-overlay{
position:fixed!important;
inset:0!important;
top:0!important;
z-index:2147483000!important;
background:rgba(3,10,20,.72)!important;
backdrop-filter:blur(4px);
}
body.has-premium-header .mobile-drawer{
position:fixed!important;
top:0!important;
right:0!important;
height:100vh!important;
height:100dvh!important;
z-index:2147483001!important;
background:linear-gradient(180deg,#9d2418 0%,#75150f 24%,#3c0d0c 100%)!important;
}
body.menu-open .premium-header{
z-index:2147483003!important;
}
body.menu-open .premium-header .header-container{
box-shadow:none!important;
}

/* Codex premium header color lock v27v32 */
body.has-premium-header .premium-header,
body.page-family-slots .premium-header,
body.page-family-provider .premium-header,
body.page-family-tools .premium-header,
body.page-family-guides .premium-header{
background:linear-gradient(180deg,#a12918 0%,#861c13 100%)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
body.has-premium-header .premium-header::before,
body.has-premium-header .premium-header::after{
display:none!important;
}
body.has-premium-header .premium-header .header-container{
background:transparent!important;
}
body.has-premium-header .premium-header .mobile-drawer,
body.has-premium-header .mobile-drawer{
background:linear-gradient(180deg,#a12918 0%,#74160f 28%,#2e0b0b 100%)!important;
}
body.page-family-slots .wave-divider,
body.page-family-provider .wave-divider,
body.page-family-tools .wave-divider,
body.page-family-guides .wave-divider{
display:none!important;
}


/* ===== New Slots 2026 Page Styles ===== */
.new-slots-page-section{padding-top:30px!important;padding-bottom:60px!important}
.new-slots-page-section .section-header-ocean{margin-bottom:30px!important}
.new-slots-page-section .section-title-ocean{font-size:clamp(2rem,4.5vw,3.2rem)!important}
.new-slots-page-shell{max-width:1200px;margin:0 auto;padding:30px 20px!important}
.new-slots-filter-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 32px;padding:0}
.new-slots-filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s ease;white-space:nowrap}
.new-slots-filter-chip:hover{background:rgba(255,255,255,.12);border-color:rgba(255,212,74,.3);color:#fff;text-decoration:none}
.new-slots-filter-chip.active{background:linear-gradient(135deg,rgba(255,212,74,.18),rgba(255,179,71,.12));border-color:rgba(255,212,74,.4);color:#ffd166;font-weight:700}
.new-slots-month-heading{color:#fff;font-size:1.4rem;font-weight:700;margin:28px 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.new-slots-month-heading .new-slots-month-meta{color:rgba(255,255,255,.5);font-size:.9rem;font-weight:400}
.new-slots-empty-state{color:rgba(255,255,255,.6);text-align:center;padding:60px 20px;font-size:1.1rem}
.new-slots-page-section .fresh-release-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.new-slots-page-section .cBreadcrumb{margin-top:16px}
.new-slots-page-section .cBreadcrumb span{color:rgba(255,255,255,.5);font-size:.82rem}
.new-slots-page-section .cBreadcrumb a{color:rgba(255,255,255,.7);text-decoration:none}
.new-slots-page-section .cBreadcrumb a:hover{color:#ffd166}
.new-slots-page-section .cBreadcrumb span+span::before{content:" / ";margin:0 6px;color:rgba(255,255,255,.3)}

@media(max-width:991px){
.new-slots-page-section .fresh-release-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:767px){
.new-slots-page-section .fresh-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.new-slots-filter-bar{gap:6px}
.new-slots-filter-chip{padding:6px 12px;font-size:.75rem}
.new-slots-month-heading{font-size:1.15rem;margin:20px 0 12px}
.new-slots-page-shell{padding:18px 14px!important}
}
@media(max-width:480px){
.new-slots-page-section .fresh-release-grid{grid-template-columns:1fr!important;gap:10px!important}
}

/* ===== Universal footer enforcement ===== */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#060d17 0%,#040a12 100%);border-top:none;padding:48px 0 0;font-family:Montserrat,sans-serif;margin-top:0}
.site-footer::before{display:none!important;content:none!important}
.site-footer::after{display:none!important;content:none!important}
@media(max-width:767px){.site-footer{padding:40px 0 0!important}.site-footer::before{display:none!important;content:none!important}}

/* ===== Header always on top ===== */
.premium-header{z-index:2147483000!important;position:fixed!important}
.premium-header .dropdown-menu{z-index:2147483646!important}
#popUp18plus{z-index:2147483647!important}
.cookie-consent-bar{z-index:2147482000!important}
.wave-divider{display:none\!important;height:0\!important;overflow:hidden\!important;visibility:hidden\!important}.wave-back,.wave-mid,.wave-front{display:none\!important}

/* === UNIVERSAL CARD VISIBILITY FIX (2026-03-20) === */
.ocean-game-card,
.fresh-release-card,
.game-card {
    background: rgba(13, 27, 42, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.ocean-game-card:hover,
.fresh-release-card:hover,
.game-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(255, 212, 74, 0.3) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
.ocean-card-media,
.game-card-image,
.fresh-release-media {
    background: #0a1525 !important;
    overflow: hidden !important;
}
.ocean-card-media img,
.game-card-image img,
.fresh-release-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.ocean-card-body,
.game-card-body,
.fresh-release-body {
    padding: 12px 14px !important;
}
.ocean-card-name,
.game-card-title,
.game-card-title a,
.fresh-release-name {
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.ocean-card-provider,
.game-card-provider,
.fresh-release-provider {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.78rem !important;
}
.ocean-card-cta,
.game-card-cta,
.fresh-release-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(255, 212, 74, 0.12), rgba(255, 179, 71, 0.08)) !important;
    border: 1px solid rgba(255, 212, 74, 0.2) !important;
    color: #ffd166 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.ocean-game-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}
@media (min-width: 576px) {
    .ocean-game-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
}
@media (min-width: 992px) {
    .ocean-game-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
}
@media (min-width: 1200px) {
    .ocean-game-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 22px !important; }
}
.depth-shallow, .depth-mid, .depth-deep {
    padding: 40px 0 !important;
}
.fresh-release-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}
@media (min-width: 576px) {
    .fresh-release-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
}
@media (min-width: 992px) {
    .fresh-release-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
}
@media (min-width: 1200px) {
    .fresh-release-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 22px !important; }
}

/* ===== OCEAN THEME BASE OVERRIDES (Mar 20 2026 v2) ===== */

/* Wave/decorative element removal */
.sud,.DarkWaves,.wave-divider,.wave-separator,.wave-shape,.wave-back,.wave-mid,.wave-front{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;margin:0!important;padding:0!important}
svg .DarkWaves,svg .fil2{display:none!important}

/* Footer cleanup */
.site-footer{background:linear-gradient(180deg,#060d17 0%,#040a12 100%)!important}
.site-footer::before,.site-footer::after{display:none!important;content:none!important}

/* Card base styling (low specificity - page-listing overrides for specific cards) */
.ocean-game-card,.fresh-release-card,.game-card,.provider-card,.slot-card,.casino-card,.category-card,.software-card,.layout-card{background:rgba(13,27,42,0.95)!important;border:1px solid rgba(0,212,255,0.12)!important;border-radius:14px!important;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease!important;box-shadow:0 2px 12px rgba(0,0,0,0.3)!important}
.ocean-game-card:hover,.fresh-release-card:hover,.game-card:hover,.provider-card:hover,.slot-card:hover,.casino-card:hover,.category-card:hover,.software-card:hover,.layout-card:hover{transform:translateY(-4px)!important;border-color:rgba(0,212,255,0.35)!important;box-shadow:0 8px 28px rgba(0,0,0,0.45),0 0 20px rgba(0,212,255,0.08)!important}

/* Card content */
.ocean-game-card a,.fresh-release-card a,.game-card a{color:inherit!important;text-decoration:none!important}
.ocean-game-card h3,.ocean-game-card h4,.fresh-release-card h3,.game-card h3{color:#fff!important;font-size:14px!important;font-weight:600!important;margin:0 0 4px!important;line-height:1.3!important}
.ocean-game-card .game-provider,.ocean-game-card .provider-name,.fresh-release-card .game-provider,.game-card .game-provider{color:rgba(0,212,255,0.7)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0.5px!important}

/* Grid layouts */
.ocean-games-grid,.ocean-game-grid,.fresh-release-grid,.games-grid,.slot-grid{display:grid!important;gap:16px!important;grid-template-columns:repeat(2,1fr)!important}
@media(min-width:576px){.ocean-games-grid,.ocean-game-grid,.fresh-release-grid,.games-grid,.slot-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(min-width:768px){.ocean-games-grid,.ocean-game-grid,.fresh-release-grid,.games-grid,.slot-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(min-width:1200px){.ocean-games-grid,.ocean-game-grid,.fresh-release-grid,.games-grid,.slot-grid{grid-template-columns:repeat(5,1fr)!important;gap:18px!important}}

/* Section backgrounds */
.slot-hub-content,.games-section,.providers-section,.ocean-section,.content-section,.new-slots-page-section{background:linear-gradient(180deg,#060d17 0%,#0a1525 50%,#060d17 100%)!important}

/* Global body bg */
body.has-premium-header{background:#060d17!important}
body.age-gate-active{overflow:hidden}

/* tailwind.min.css (merged 2026-05-14) */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-top-\[80px\]{top:-80px}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.bottom-\[10\%\]{bottom:10%}.end-0{inset-inline-end:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-\[10\%\]{left:10%}.left-\[30\%\]{left:30%}.right-0{right:0}.right-4{right:1rem}.right-\[25\%\]{right:25%}.right-\[5\%\]{right:5%}.start-0{inset-inline-start:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-\[20\%\]{top:20%}.top-\[40\%\]{top:40%}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9997\]{z-index:9997}.z-\[9998\]{z-index:9998}.col-span-full{grid-column:1/-1}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-8{margin:2rem}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-8{margin-bottom:2rem}.me-1{-webkit-margin-end:.25rem;margin-inline-end:.25rem}.me-2{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.me-3{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.ms-1{-webkit-margin-start:.25rem;margin-inline-start:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[16\/11\]{aspect-ratio:16/11}.aspect-\[3\/2\]{aspect-ratio:3/2}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-\[100px\]{height:100px}.h-\[150px\]{height:150px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-\[100px\]{width:100px}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[130px\]{min-width:130px}.min-w-\[200px\]{min-width:200px}.min-w-\[44px\]{min-width:44px}.min-w-\[90px\]{min-width:90px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[100vw\]{max-width:100vw}.max-w-\[1360px\]{max-width:1360px}.max-w-\[180px\]{max-width:180px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[900px\]{max-width:900px}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[hpFloat_14s_ease-in-out_infinite\]{-webkit-animation:hpFloat 14s ease-in-out infinite;animation:hpFloat 14s ease-in-out infinite}.animate-\[hpFloat_16s_ease-in-out_infinite\]{-webkit-animation:hpFloat 16s ease-in-out infinite;animation:hpFloat 16s ease-in-out infinite}.animate-\[hpFloat_20s_ease-in-out_infinite\]{-webkit-animation:hpFloat 20s ease-in-out infinite;animation:hpFloat 20s ease-in-out infinite}.animate-\[hpFloat_22s_ease-in-out_infinite\]{-webkit-animation:hpFloat 22s ease-in-out infinite;animation:hpFloat 22s ease-in-out infinite}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-\[rgba\(0\2c 212\2c 255\2c 0\.1\)\]{border-color:rgba(0,212,255,.1)}.border-\[rgba\(0\2c 212\2c 255\2c 0\.12\)\]{border-color:rgba(0,212,255,.12)}.border-\[rgba\(0\2c 212\2c 255\2c 0\.15\)\]{border-color:rgba(0,212,255,.15)}.border-\[rgba\(0\2c 212\2c 255\2c 0\.2\)\]{border-color:rgba(0,212,255,.2)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{border-color:hsla(0,0%,100%,.05)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]{border-color:hsla(0,0%,100%,.06)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{border-color:hsla(0,0%,100%,.08)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-slm-accent\/20{border-color:rgb(0 212 255/.2)}.border-slm-accent\/\[0\.12\]{border-color:rgb(0 212 255/.12)}.border-white\/\[0\.06\]{border-color:rgb(255 255 255/.06)}.border-white\/\[0\.08\]{border-color:rgb(255 255 255/.08)}.bg-\[rgba\(0\2c 212\2c 255\2c 0\.06\)\]{background-color:rgba(0,212,255,.06)}.bg-\[rgba\(0\2c 212\2c 255\2c 0\.08\)\]{background-color:rgba(0,212,255,.08)}.bg-\[rgba\(0\2c 212\2c 255\2c 0\.1\)\]{background-color:rgba(0,212,255,.1)}.bg-\[rgba\(13\2c 27\2c 42\2c 0\.5\)\]{background-color:rgba(13,27,42,.5)}.bg-\[rgba\(13\2c 27\2c 42\2c 0\.6\)\]{background-color:rgba(13,27,42,.6)}.bg-\[rgba\(148\2c 163\2c 184\2c 0\.1\)\]{background-color:rgba(148,163,184,.1)}.bg-\[rgba\(255\2c 209\2c 102\2c 0\.04\)\]{background-color:rgba(255,209,102,.04)}.bg-\[rgba\(6\2c 13\2c 23\2c 0\.7\)\]{background-color:rgba(6,13,23,.7)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-slm-accent{--tw-bg-opacity:1;background-color:rgb(0 212 255/var(--tw-bg-opacity,1))}.bg-slm-accent\/10{background-color:rgb(0 212 255/.1)}.bg-slm-bg{--tw-bg-opacity:1;background-color:rgb(6 13 23/var(--tw-bg-opacity,1))}.bg-slm-card{--tw-bg-opacity:1;background-color:rgb(13 27 42/var(--tw-bg-opacity,1))}.bg-slm-card\/50{background-color:rgb(13 27 42/.5)}.bg-slm-card\/60{background-color:rgb(13 27 42/.6)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/\[0\.04\]{background-color:rgb(255 255 255/.04)}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-gradient-to-b{background-image:linear-gradient(180deg,var(--tw-gradient-stops))}.from-\[\#060d17\]{--tw-gradient-from:#060d17 var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 13 23/0) var(--tw-gradient-to-position)}.from-\[\#0a1628\],.from-\[\#060d17\]{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0a1628\]{--tw-gradient-from:#0a1628 var(--tw-gradient-from-position);--tw-gradient-to:rgb(10 22 40/0) var(--tw-gradient-to-position)}.via-\[\#071a30\]{--tw-gradient-to:rgb(7 26 48/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#071a30 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#0a1628\]{--tw-gradient-to:rgb(10 22 40/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a1628 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#060d17\]{--tw-gradient-to:#060d17 var(--tw-gradient-to-position)}.to-\[\#0a1628\]{--tw-gradient-to:#0a1628 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[1\.125rem\]{padding-left:1.125rem;padding-right:1.125rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pe-3{-webkit-padding-end:.75rem;padding-inline-end:.75rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.ps-3{-webkit-padding-start:.75rem;padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.font-\[Montserrat\2c sans-serif\]{font-family:Montserrat,sans-serif}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[10px\]{font-size:10px}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[clamp\(0\.875rem\2c 1\.2vw\2c 1rem\)\]{font-size:clamp(.875rem,1.2vw,1rem)}.text-\[clamp\(0\.9375rem\2c 1\.5vw\2c 1\.125rem\)\]{font-size:clamp(.9375rem,1.5vw,1.125rem)}.text-\[clamp\(1\.125rem\2c 2vw\2c 1\.3125rem\)\]{font-size:clamp(1.125rem,2vw,1.3125rem)}.text-\[clamp\(1\.25rem\2c 2\.5vw\2c 1\.75rem\)\]{font-size:clamp(1.25rem,2.5vw,1.75rem)}.text-\[clamp\(1\.5rem\2c 2\.5vw\2c 1\.875rem\)\]{font-size:clamp(1.5rem,2.5vw,1.875rem)}.text-\[clamp\(1\.5rem\2c 3vw\2c 2\.25rem\)\]{font-size:clamp(1.5rem,3vw,2.25rem)}.text-\[clamp\(1\.5rem\2c 3vw\2c 2rem\)\]{font-size:clamp(1.5rem,3vw,2rem)}.text-\[clamp\(1\.75rem\2c 4vw\2c 2\.75rem\)\]{font-size:clamp(1.75rem,4vw,2.75rem)}.text-\[clamp\(2rem\2c 5vw\2c 3\.2rem\)\]{font-size:clamp(2rem,5vw,3.2rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.8\]{line-height:1.8}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.05em\]{letter-spacing:.05em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#00d4ff\]{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1))}.text-\[rgba\(0\2c 212\2c 255\2c 0\.8\)\]{color:rgba(0,212,255,.8)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]{color:hsla(0,0%,100%,.5)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\]{color:hsla(0,0%,100%,.6)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\]{color:hsla(0,0%,100%,.7)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slm-accent{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1))}.text-slm-bg{--tw-text-opacity:1;color:rgb(6 13 23/var(--tw-text-opacity,1))}.text-slm-gold{--tw-text-opacity:1;color:rgb(255 209 102/var(--tw-text-opacity,1))}.text-slm-text{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/25{color:rgb(255 255 255/.25)}.text-white\/30{color:rgb(255 255 255/.3)}.text-white\/40{color:rgb(255 255 255/.4)}.text-white\/50{color:rgb(255 255 255/.5)}.text-white\/60{color:rgb(255 255 255/.6)}.text-white\/80{color:rgb(255 255 255/.8)}.text-white\/\[0\.45\]{color:rgb(255 255 255/.45)}.text-white\/\[0\.55\]{color:rgb(255 255 255/.55)}.text-white\/\[0\.65\]{color:rgb(255 255 255/.65)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px)}.backdrop-blur-\[12px\],.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,-webkit-text-decoration-color,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-\[250ms\]{transition-duration:.25s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[animation-delay\:-2s\]{-webkit-animation-delay:-2s;animation-delay:-2s}.\[animation-delay\:-4s\]{-webkit-animation-delay:-4s;animation-delay:-4s}.\[animation-delay\:-8s\]{-webkit-animation-delay:-8s;animation-delay:-8s}.placeholder\:text-slate-500::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500:-ms-input-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::-ms-input-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-white\/30::-webkit-input-placeholder{color:rgb(255 255 255/.3)}.placeholder\:text-white\/30::-moz-placeholder{color:rgb(255 255 255/.3)}.placeholder\:text-white\/30:-ms-input-placeholder{color:rgb(255 255 255/.3)}.placeholder\:text-white\/30::-ms-input-placeholder{color:rgb(255 255 255/.3)}.placeholder\:text-white\/30::placeholder{color:rgb(255 255 255/.3)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-slm-accent\/40:hover{border-color:rgb(0 212 255/.4)}.hover\:bg-\[rgba\(0\2c 212\2c 255\2c 0\.1\)\]:hover{background-color:rgba(0,212,255,.1)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-white\/5:hover{background-color:rgb(255 255 255/.05)}.hover\:text-\[\#00d4ff\]:hover{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-slm-accent:hover{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-slm-accent:focus{--tw-bg-opacity:1;background-color:rgb(0 212 255/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}@media not all and (min-width:768px){.max-md\:gap-3{gap:.75rem}.max-md\:p-5{padding:1.25rem}}@media not all and (min-width:640px){.max-sm\:gap-3{gap:.75rem}}@media (min-width:640px){.sm\:block{display:block}.sm\:min-h-\[40px\]{min-height:40px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:pt-20{padding-top:5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[1\.375rem\]{font-size:1.375rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:my-6{margin-top:1.5rem;margin-bottom:1.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:min-h-\[680px\]{min-height:680px}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:min-w-\[130px\]{min-width:130px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:p-0{padding:0}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-0{padding-bottom:0}.md\:pb-14{padding-bottom:3.5rem}.md\:pt-20{padding-top:5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}/* =============================================================================
   OCEAN GAME CARDS — v2 (Premium Dark Ocean)
   Class structure preserved from ocean-game-cards-current.blade.php
   Classes: ogc, ogc-link, ogc-media, ogc-img, ogc-overlay, ogc-fav,
            ogc-badge, ogc-badge-new, ogc-badge-rtp, ogc-body,
            ogc-title, ogc-provider, ogc-chips, ogc-chip, ogc-cta
   ============================================================================= */

:root {
    /* Deep abyssal palette */
    --oc-abyss:       #030812;
    --oc-deep:        #071529;
    --oc-trench:      #0b1f3a;
    --oc-surface:     #0e2744;
    --oc-surface-2:   #12304f;
    --oc-rim:         rgba(120, 200, 255, 0.10);
    --oc-rim-hover:   rgba(120, 220, 255, 0.45);

    /* Luminescence */
    --oc-glow:        #6ae3ff;
    --oc-glow-2:      #2fb8e6;
    --oc-glow-deep:   #0a6ea8;
    --oc-coral:       #ff7a6b;    /* fav heart active */
    --oc-kelp:        #38d39f;    /* new badge */
    --oc-gold:        #ffcf5c;    /* high-rtp badge */

    /* Ink */
    --oc-ink:         #ffffff;
    --oc-ink-80:      rgba(255,255,255,0.82);
    --oc-ink-60:      rgba(255,255,255,0.58);
    --oc-ink-40:      rgba(255,255,255,0.38);

    --oc-ease:        cubic-bezier(0.22, 1, 0.36, 1);
    --oc-radius:      16px;
    --oc-radius-sm:   10px;
}

/* ============================================================================
   GRID — so the cards present nicely in any container
   ============================================================================ */
.ogc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}
@media (max-width: 640px) {
    .ogc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

/* ============================================================================
   CARD ROOT
   ============================================================================ */
.ogc {
    position: relative;
    display: block;
    border-radius: var(--oc-radius);
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(120% 90% at 50% -10%, rgba(106, 227, 255, 0.10) 0%, transparent 55%),
        linear-gradient(180deg, #0a1d36 0%, #061226 55%, #040a17 100%);
    border: 1px solid var(--oc-rim);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 0 0 1px rgba(0, 0, 0, 0.25),
        0 18px 40px -24px rgba(0, 0, 0, 0.9);
    transition:
        transform 0.45s var(--oc-ease),
        box-shadow 0.45s var(--oc-ease),
        border-color 0.35s var(--oc-ease);
    contain: paint;
}

/* Caustic / bioluminescent rim — a soft scanning light */
.ogc::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        140deg,
        rgba(106, 227, 255, 0.00) 0%,
        rgba(106, 227, 255, 0.35) 30%,
        rgba(47, 184, 230, 0.0) 55%,
        rgba(106, 227, 255, 0.25) 80%,
        rgba(106, 227, 255, 0.0) 100%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.5s var(--oc-ease);
    pointer-events: none;
    z-index: 3;
}

.ogc:hover {
    transform: translateY(-6px);
    border-color: var(--oc-rim-hover);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 0 0 1px rgba(106, 227, 255, 0.18),
        0 0 40px -8px rgba(47, 184, 230, 0.35),
        0 30px 60px -24px rgba(0, 0, 0, 0.95);
}
.ogc:hover::before { opacity: 1; }

/* ============================================================================
   LINK WRAPPER
   ============================================================================ */
.ogc-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
    outline: none;
}
.ogc-link:focus-visible {
    box-shadow: 0 0 0 2px var(--oc-glow) inset;
    border-radius: var(--oc-radius);
}

/* ============================================================================
   MEDIA / IMAGE
   ============================================================================ */
.ogc-media {
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background:
        radial-gradient(80% 60% at 50% 100%, rgba(47, 184, 230, 0.10), transparent 70%),
        linear-gradient(180deg, #08182c, #071529);
}

/* Depth-of-field vignette over every image */
.ogc-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.10) 100%);
    pointer-events: none;
    z-index: 1;
}

.ogc-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.9s var(--oc-ease), filter 0.6s var(--oc-ease);
    filter: saturate(1.05) contrast(1.02);
}
.ogc:hover .ogc-img {
    transform: scale(1.06);
    filter: saturate(1.15) contrast(1.05);
}

/* Sheen sweep on hover — a moving light ray across the image */
.ogc-media > .ogc-sheen,
.ogc-media::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -40%;
    width: 50%;
    height: 160%;
    background: linear-gradient(
        110deg,
        transparent 40%,
        rgba(255, 255, 255, 0.12) 50%,
        transparent 60%
    );
    transform: translateX(-50%) rotate(8deg);
    transition: transform 0.9s var(--oc-ease), opacity 0.4s var(--oc-ease);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}
.ogc:hover .ogc-media::before {
    transform: translateX(260%) rotate(8deg);
    opacity: 1;
}

/* ============================================================================
   HOVER OVERLAY — "Play Demo"
   ============================================================================ */
.ogc-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(60% 60% at 50% 50%, rgba(10, 28, 50, 0.35), rgba(3, 8, 18, 0.85));
    opacity: 0;
    transition: opacity 0.35s var(--oc-ease);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.ogc:hover .ogc-overlay { opacity: 1; }

.ogc-overlay span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #00131f;
    background: linear-gradient(135deg, #9ff0ff 0%, #6ae3ff 45%, #2fb8e6 100%);
    border-radius: 999px;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.5) inset,
        0 10px 30px -8px rgba(47, 184, 230, 0.7),
        0 0 40px rgba(106, 227, 255, 0.4);
    transform: translateY(8px) scale(0.96);
    transition: transform 0.45s var(--oc-ease);
}
.ogc:hover .ogc-overlay span {
    transform: translateY(0) scale(1);
}

/* ============================================================================
   FAV HEART
   ============================================================================ */
.ogc-fav {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(6, 18, 34, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.2s var(--oc-ease),
                background 0.2s var(--oc-ease),
                color 0.2s var(--oc-ease),
                border-color 0.2s var(--oc-ease);
}
.ogc-fav:hover {
    color: var(--oc-coral);
    background: rgba(255, 122, 107, 0.14);
    border-color: rgba(255, 122, 107, 0.4);
    transform: scale(1.08);
}
.ogc-fav.is-active,
.ogc-fav[aria-pressed="true"] {
    color: var(--oc-coral);
    background: rgba(255, 122, 107, 0.22);
    border-color: rgba(255, 122, 107, 0.55);
}
.ogc-fav.is-active::before,
.ogc-fav[aria-pressed="true"]::before {
    content: "\2665"; /* filled heart */
    position: absolute;
}
.ogc-fav.is-active,
.ogc-fav[aria-pressed="true"] { font-size: 0; }
.ogc-fav.is-active::before,
.ogc-fav[aria-pressed="true"]::before { font-size: 18px; }

/* ============================================================================
   BADGES
   ============================================================================ */
.ogc-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    padding: 4px 9px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-radius: 6px;
    color: #031222;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.25) inset,
        0 6px 16px -6px rgba(0, 0, 0, 0.8);
}
.ogc-badge-new {
    background: linear-gradient(135deg, #7af2c5 0%, #38d39f 100%);
    color: #02211a;
}
.ogc-badge-rtp {
    background: linear-gradient(135deg, #ffe08a 0%, #ffcf5c 100%);
    color: #3a2600;
}

/* ============================================================================
   BODY
   ============================================================================ */
.ogc-body {
    position: relative;
    padding: 14px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

/* Subtle divider caustic above the body */
.ogc-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 14px;
    right: 14px;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(106, 227, 255, 0.35),
        transparent);
    opacity: 0.5;
}

/* ============================================================================
   TITLE + PROVIDER
   ============================================================================ */
.ogc-title {
    margin: 2px 0 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--oc-ink);
    letter-spacing: -0.01em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ogc-provider {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--oc-glow);
    opacity: 0.9;
}

/* ============================================================================
   CHIPS (RTP / Volatility / Max Win / Year)
   ============================================================================ */
.ogc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}
.ogc-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.5;
    color: var(--oc-ink-80);
    background: rgba(106, 227, 255, 0.06);
    border: 1px solid rgba(106, 227, 255, 0.14);
    border-radius: 999px;
    white-space: nowrap;
    transition: background 0.2s var(--oc-ease), border-color 0.2s var(--oc-ease);
}

/* Tier-aware tinting (hooks into existing tier-high / tier-mid / tier-low classes
   if present, and also picks up specific chip text like "Volatility"). */
.ogc-chip[class*="tier-high"],
.ogc-chip:where([data-tier="high"]) {
    color: #9cf6c3;
    background: rgba(56, 211, 159, 0.10);
    border-color: rgba(56, 211, 159, 0.28);
}
.ogc-chip[class*="tier-mid"],
.ogc-chip:where([data-tier="mid"]) {
    color: #ffe08a;
    background: rgba(255, 207, 92, 0.08);
    border-color: rgba(255, 207, 92, 0.22);
}
.ogc-chip[class*="tier-low"],
.ogc-chip:where([data-tier="low"]) {
    color: #ffb0a5;
    background: rgba(255, 122, 107, 0.08);
    border-color: rgba(255, 122, 107, 0.22);
}

/* ============================================================================
   INLINE CTA (always-visible "Play Demo" row at bottom of card)
   ============================================================================ */
.ogc-cta {
    margin-top: auto;
    padding-top: 10px;
    display: block;
}
.ogc-cta > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--oc-glow);
    background:
        linear-gradient(180deg,
            rgba(106, 227, 255, 0.12),
            rgba(47, 184, 230, 0.06));
    border: 1px solid rgba(106, 227, 255, 0.22);
    border-radius: 10px;
    transition:
        color 0.25s var(--oc-ease),
        background 0.35s var(--oc-ease),
        border-color 0.25s var(--oc-ease),
        box-shadow 0.35s var(--oc-ease),
        transform 0.25s var(--oc-ease);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}
.ogc:hover .ogc-cta > span {
    color: #00131f;
    background: linear-gradient(180deg, #9ff0ff 0%, #6ae3ff 55%, #2fb8e6 100%);
    border-color: rgba(106, 227, 255, 0.6);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.4) inset,
        0 10px 28px -10px rgba(47, 184, 230, 0.7),
        0 0 30px rgba(106, 227, 255, 0.3);
    transform: translateY(-1px);
}

/* ============================================================================
   MOBILE TUNING
   ============================================================================ */
@media (max-width: 640px) {
    .ogc { border-radius: 14px; }
    .ogc-body { padding: 12px 12px 12px; gap: 4px; }
    .ogc-title { font-size: 14px; }
    .ogc-provider { font-size: 10px; letter-spacing: 0.14em; }
    .ogc-chip { font-size: 10px; padding: 2px 7px; }
    .ogc-cta > span { padding: 9px 12px; font-size: 11px; }
    .ogc-fav { width: 30px; height: 30px; font-size: 16px; top: 8px; right: 8px; }
    .ogc-badge { top: 8px; left: 8px; }
}

@media (max-width: 640px), (hover: none) {
    .ogc:hover {
        transform: none;
        border-color: var(--oc-rim);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.04) inset,
            0 0 0 1px rgba(0, 0, 0, 0.25),
            0 18px 40px -24px rgba(0, 0, 0, 0.9);
    }

    .ogc:hover::before,
    .ogc:hover .ogc-media::before {
        opacity: 0;
    }

    .ogc:hover .ogc-img {
        transform: none;
        filter: none;
    }

    .ogc:hover .ogc-overlay {
        opacity: 0;
    }

    .ogc:hover .ogc-overlay span {
        transform: translateY(8px) scale(0.96);
    }

    .ogc:hover .ogc-cta > span {
        color: var(--oc-glow);
        background:
            linear-gradient(180deg,
                rgba(106, 227, 255, 0.12),
                rgba(47, 184, 230, 0.06));
        border-color: rgba(106, 227, 255, 0.22);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
        transform: none;
    }
}

/* ============================================================================
   TOP RATED CASINOS — offer cards
   ============================================================================ */
.ogc-offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: none;
    margin: 0 auto;
    align-items: stretch;
}
.ogc-offer {
    position: relative;
    padding: 26px 24px 22px;
    border-radius: 18px;
    background:
        radial-gradient(140% 80% at 50% -10%, rgba(255, 207, 92, 0.06), transparent 60%),
        linear-gradient(180deg, rgba(14, 39, 68, 0.6), rgba(7, 21, 41, 0.6));
    border: 1px solid rgba(106, 227, 255, 0.14);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: transform 0.35s var(--oc-ease), border-color 0.35s var(--oc-ease), box-shadow 0.35s var(--oc-ease);
}
.ogc-offer:hover {
    transform: translateY(-4px);
    border-color: rgba(106, 227, 255, 0.35);
    box-shadow: 0 20px 40px -20px rgba(47, 184, 230, 0.4);
}
.ogc-offer-kicker {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ffcf5c;
    text-shadow: 0 0 16px rgba(255, 207, 92, 0.35);
}
.ogc-offer-logo {
    width: 140px;
    height: 80px;
    margin: 0 auto;
    background: linear-gradient(180deg, #0d1b2a, #050a15);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
    box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.ogc-offer-name {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.ogc-offer-bonus {
    font-size: 13.5px;
    font-weight: 600;
    color: #6ae3ff;
    margin: 0;
}
.ogc-offer-methods {
    padding: 12px;
    background: rgba(3, 8, 18, 0.5);
    border: 1px solid rgba(106, 227, 255, 0.08);
    border-radius: 10px;
}
.ogc-offer-methods-label {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(233, 243, 255, 0.38);
    margin: 0 0 8px;
}
.ogc-method-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
.ogc-method {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 10.5px;
    font-weight: 600;
    color: rgba(233, 243, 255, 0.8);
    background: rgba(106, 227, 255, 0.05);
    border: 1px solid rgba(106, 227, 255, 0.14);
    border-radius: 6px;
}
.ogc-method::before {
    content: "";
    width: 8px; height: 8px;
    border-radius: 2px;
    background: var(--dot, #6ae3ff);
}
.ogc-offer-play {
    display: block;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #6ae3ff;
    background: linear-gradient(180deg, rgba(106, 227, 255, 0.12), rgba(47, 184, 230, 0.06));
    border: 1px solid rgba(106, 227, 255, 0.4);
    border-radius: 10px;
    cursor: pointer;
    transition: color 0.25s, background 0.35s, box-shadow 0.35s;
    margin-top: auto;
}
.ogc-offer-play:hover {
    color: #00131f;
    background: linear-gradient(180deg, #9ff0ff 0%, #6ae3ff 55%, #2fb8e6 100%);
    box-shadow: 0 10px 28px -10px rgba(47, 184, 230, 0.7), 0 0 30px rgba(106, 227, 255, 0.3);
}
.ogc-offer-fine {
    font-size: 11px;
    color: rgba(233, 243, 255, 0.38);
    margin: 0;
}

@media (max-width: 640px) {
    .ogc-offers { grid-template-columns: 1fr; gap: 14px; }
    .ogc-offer { padding: 20px 18px 18px; }
    .ogc-offer-logo { width: 120px; height: 68px; font-size: 17px; }
}

/* ============================================================================
   RECENTLY PLAYED STRIP
   ============================================================================ */
.ogc-recent {
    margin: 0 0 28px;
}
.ogc-recent-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.ogc-recent-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    letter-spacing: -0.01em;
}
.ogc-recent-title svg {
    width: 16px; height: 16px;
    color: #6ae3ff;
}
.ogc-recent-clear {
    font-size: 12px;
    font-weight: 600;
    color: rgba(233, 243, 255, 0.45);
    background: none;
    border: none;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: color 0.2s;
}
.ogc-recent-clear:hover { color: #6ae3ff; }

.ogc-recent-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}
.ogc-recent-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: linear-gradient(180deg, #0a1d36, #040a17);
    border: 1px solid rgba(106, 227, 255, 0.12);
    cursor: pointer;
    transition: transform 0.3s var(--oc-ease), border-color 0.3s var(--oc-ease), box-shadow 0.3s var(--oc-ease);
}
.ogc-recent-item:hover {
    transform: translateY(-3px);
    border-color: rgba(106, 227, 255, 0.38);
    box-shadow: 0 10px 30px -12px rgba(47, 184, 230, 0.4);
}
.ogc-recent-item img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.ogc-recent-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(3, 8, 18, 0.92) 100%);
}
.ogc-recent-caption {
    position: absolute;
    bottom: 8px; left: 10px; right: 10px;
    z-index: 1;
}
.ogc-recent-caption b {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ogc-recent-caption span {
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(106, 227, 255, 0.75);
    margin-top: 2px;
}

/* ============================================================================
   TOOLBAR (filters button + sort)
   ============================================================================ */
.ogc-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.ogc-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #6ae3ff;
    background: rgba(106, 227, 255, 0.06);
    border: 1px solid rgba(106, 227, 255, 0.3);
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}
.ogc-filter-btn:hover {
    background: rgba(106, 227, 255, 0.12);
    border-color: rgba(106, 227, 255, 0.55);
}
.ogc-filter-btn svg { width: 14px; height: 14px; }
.ogc-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #6ae3ff;
    color: #00131f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 0 12px rgba(106, 227, 255, 0.5);
}
.ogc-sort {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    color: rgba(233, 243, 255, 0.55);
}
.ogc-sort-select {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(14, 39, 68, 0.7), rgba(7, 21, 41, 0.7))
        no-repeat,
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%236ae3ff' d='M6 8L0 0h12z'/></svg>")
        no-repeat right 12px center;
    background-size: auto, 9px 6px;
    border: 1px solid rgba(106, 227, 255, 0.2);
    border-radius: 10px;
    padding: 9px 34px 9px 14px;
    cursor: pointer;
    transition: border-color 0.2s;
}
.ogc-sort-select:hover { border-color: rgba(106, 227, 255, 0.45); }
.ogc-sort-select:focus { outline: none; border-color: rgba(106, 227, 255, 0.6); }
.ogc-sort-select option { background: #0b1f3a; color: #fff; }

/* ============================================================================
   CATEGORY CHIPS (All Games / New Releases / High RTP ...)
   ============================================================================ */
.ogc-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    padding: 14px;
    background:
        linear-gradient(180deg, rgba(10, 27, 48, 0.5), rgba(6, 17, 31, 0.5));
    border: 1px solid rgba(106, 227, 255, 0.08);
    border-radius: 14px;
}
.ogc-cat {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font-size: 12.5px;
    font-weight: 600;
    color: rgba(233, 243, 255, 0.75);
    background: rgba(106, 227, 255, 0.04);
    border: 1px solid rgba(106, 227, 255, 0.14);
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
    white-space: nowrap;
}
.ogc-cat:hover {
    color: #fff;
    background: rgba(106, 227, 255, 0.1);
    border-color: rgba(106, 227, 255, 0.35);
}
.ogc-cat.is-active {
    color: #00131f;
    background: linear-gradient(135deg, #9ff0ff 0%, #6ae3ff 55%, #2fb8e6 100%);
    border-color: rgba(106, 227, 255, 0.7);
    box-shadow: 0 8px 22px -10px rgba(47, 184, 230, 0.6), 0 0 24px rgba(106, 227, 255, 0.25);
}
.ogc-cat-ico {
    width: 14px; height: 14px;
    opacity: 0.9;
}
.ogc-cat-num {
    font-size: 11px;
    font-weight: 700;
    color: rgba(233, 243, 255, 0.5);
    background: rgba(3, 8, 18, 0.5);
    padding: 2px 7px;
    border-radius: 999px;
}
.ogc-cat.is-active .ogc-cat-num {
    color: #00131f;
    background: rgba(0, 19, 31, 0.18);
}

@media (max-width: 640px) {
    .ogc-toolbar { margin-bottom: 10px; }
    .ogc-cats { padding: 10px; gap: 6px; }
    .ogc-cat { padding: 6px 11px; font-size: 11.5px; }
    .ogc-recent-row { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
}

/* ============================================================================
   HERO — top of page
   ============================================================================ */
.ogc-hero {
    position: relative;
    padding: 56px 0 48px;
    overflow: hidden;
    isolation: isolate;
    text-align: center;
}
/* Soft bioluminescent blobs behind the hero */
.ogc-hero::before,
.ogc-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    filter: blur(2px);
}
.ogc-hero::before {
    top: -80px; left: -120px;
    width: 420px; height: 420px;
    background: radial-gradient(closest-side, rgba(47, 184, 230, 0.18), transparent 70%);
}
.ogc-hero::after {
    bottom: -140px; right: -100px;
    width: 520px; height: 520px;
    background: radial-gradient(closest-side, rgba(106, 227, 255, 0.12), transparent 70%);
}
.ogc-hero-inner {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 24px;
}
.ogc-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(233, 243, 255, 0.5);
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.ogc-breadcrumb a {
    color: #6ae3ff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}
.ogc-breadcrumb a:hover { border-bottom-color: rgba(106, 227, 255, 0.6); }
.ogc-breadcrumb-sep { color: rgba(255, 255, 255, 0.25); }
.ogc-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #6ae3ff;
    background: rgba(106, 227, 255, 0.08);
    border: 1px solid rgba(106, 227, 255, 0.28);
    border-radius: 999px;
    padding: 7px 16px;
    margin-bottom: 20px;
    box-shadow: 0 0 24px -8px rgba(106, 227, 255, 0.5);
}
.ogc-kicker::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: #6ae3ff;
    box-shadow: 0 0 10px #6ae3ff;
}
.ogc-hero-title {
    font-size: clamp(30px, 5vw, 54px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.025em;
    color: #fff;
    margin: 0 0 18px;
    text-shadow: 0 2px 40px rgba(47, 184, 230, 0.15);
}
.ogc-hero-title em {
    font-style: normal;
    background: linear-gradient(180deg, #ffe08a 0%, #ffcf5c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.ogc-hero-sub {
    font-size: clamp(14px, 1.3vw, 16px);
    color: rgba(233, 243, 255, 0.6);
    line-height: 1.7;
    max-width: 580px;
    margin: 0 auto 30px;
}
.ogc-hero-stats {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 auto 32px;
}
.ogc-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    padding: 14px 22px;
    background:
        linear-gradient(180deg, rgba(14, 39, 68, 0.6), rgba(7, 21, 41, 0.6));
    border: 1px solid rgba(106, 227, 255, 0.14);
    border-radius: 14px;
    box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.8);
}
.ogc-stat strong {
    font-size: clamp(20px, 2.4vw, 26px);
    font-weight: 800;
    color: #ffcf5c;
    letter-spacing: -0.01em;
    line-height: 1;
    text-shadow: 0 0 20px rgba(255, 207, 92, 0.3);
}
.ogc-stat span {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(233, 243, 255, 0.5);
    margin-top: 6px;
}
.ogc-search-wrap {
    position: relative;
    max-width: 520px;
    margin: 0 auto;
}
.ogc-search {
    width: 100%;
    padding: 14px 20px 14px 50px;
    font: inherit;
    font-size: 14.5px;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(14, 39, 68, 0.5), rgba(7, 21, 41, 0.5));
    border: 1px solid rgba(106, 227, 255, 0.18);
    border-radius: 999px;
    outline: none;
    transition: border-color 0.25s var(--oc-ease),
                box-shadow 0.25s var(--oc-ease),
                background 0.25s var(--oc-ease);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.ogc-search::placeholder { color: rgba(233, 243, 255, 0.4); }
.ogc-search:focus {
    border-color: rgba(106, 227, 255, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 4px rgba(106, 227, 255, 0.08),
        0 0 30px -8px rgba(47, 184, 230, 0.35);
}
.ogc-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px; height: 18px;
    color: #6ae3ff;
    pointer-events: none;
}
@media (max-width: 640px) {
    .ogc-hero { padding: 32px 0 28px; }
    .ogc-stat { min-width: 0; padding: 12px 16px; flex: 1 1 30%; }
}

/* ============================================================================
   PAGE CONTENT (lp-prose) — dark ocean text styling
   ============================================================================ */
.lp-prose {
    max-width: none;
    margin: 0 auto;
    color: rgba(233, 243, 255, 0.72);
    font-size: 15.5px;
    line-height: 1.75;
}
.lp-prose > * + * { margin-top: 1em; }
.lp-prose h2 {
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
    margin: 2.5rem 0 1rem;
    line-height: 1.25;
    position: relative;
    padding-left: 14px;
}
.lp-prose h2::before {
    content: "";
    position: absolute;
    left: 0; top: 0.3em;
    width: 3px; height: 0.9em;
    background: linear-gradient(180deg, #6ae3ff, #2fb8e6);
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(106, 227, 255, 0.5);
}
.lp-prose h3 {
    font-size: clamp(17px, 1.8vw, 20px);
    font-weight: 600;
    color: #e8f4ff;
    margin: 1.8rem 0 0.75rem;
    line-height: 1.3;
}
.lp-prose h4 {
    font-size: 16px;
    font-weight: 600;
    color: #cfe4f5;
    margin: 1.4rem 0 0.5rem;
}
.lp-prose p {
    color: rgba(233, 243, 255, 0.68);
    line-height: 1.8;
    margin: 0 0 1.1rem;
}
.lp-prose strong, .lp-prose b {
    color: #e8f4ff;
    font-weight: 600;
}
.lp-prose a {
    color: #6ae3ff;
    text-decoration: none;
    border-bottom: 1px solid rgba(106, 227, 255, 0.3);
    transition: color 0.2s, border-color 0.2s;
}
.lp-prose a:hover {
    color: #9ff0ff;
    border-bottom-color: rgba(106, 227, 255, 0.8);
}
.lp-prose ul, .lp-prose ol {
    margin: 0.75rem 0 1.25rem 1.25rem;
    padding: 0;
    color: rgba(233, 243, 255, 0.7);
}
.lp-prose li { margin-bottom: 0.5rem; line-height: 1.75; }
.lp-prose li::marker { color: #6ae3ff; }
.lp-prose blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.4rem;
    border-left: 3px solid rgba(106, 227, 255, 0.5);
    background: rgba(106, 227, 255, 0.04);
    border-radius: 0 10px 10px 0;
    color: #cfe4f5;
    font-style: italic;
}
.lp-prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    background: rgba(13, 27, 42, 0.5);
    border: 1px solid rgba(106, 227, 255, 0.12);
    border-radius: 10px;
    overflow: hidden;
}
.lp-prose th {
    background: rgba(106, 227, 255, 0.08);
    color: #6ae3ff;
    font-weight: 600;
    padding: 0.8rem 1rem;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(106, 227, 255, 0.18);
}
.lp-prose td {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(233, 243, 255, 0.68);
    font-size: 14.5px;
}
.lp-prose tr:hover td { background: rgba(106, 227, 255, 0.04); }
.lp-prose hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(106, 227, 255, 0.25), transparent);
    margin: 2.5rem 0;
}

/* Intro callout at top of content */
.lp-intro {
    max-width: none;
    margin: 0 auto 2rem;
    padding: 22px 26px;
    background:
        radial-gradient(80% 100% at 0% 0%, rgba(106, 227, 255, 0.08), transparent 60%),
        linear-gradient(180deg, rgba(14, 39, 68, 0.6), rgba(7, 21, 41, 0.6));
    border: 1px solid rgba(106, 227, 255, 0.16);
    border-radius: 16px;
    color: #e8f4ff;
    font-size: 15.5px;
    line-height: 1.7;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.6);
}
.lp-intro p { margin: 0; color: rgba(233, 243, 255, 0.82); }
.lp-intro + .lp-prose { margin-top: 0; }

/* ============================================================================
   FAQ
   ============================================================================ */
.ogc-faq {
    max-width: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ogc-faq-item {
    border: 1px solid rgba(106, 227, 255, 0.12);
    background: linear-gradient(180deg, rgba(14, 39, 68, 0.5), rgba(7, 21, 41, 0.5));
    border-radius: 14px;
    overflow: hidden;
    transition: border-color 0.25s var(--oc-ease), background 0.25s var(--oc-ease);
}
.ogc-faq-item:hover { border-color: rgba(106, 227, 255, 0.28); }
.ogc-faq-item[open] {
    border-color: rgba(106, 227, 255, 0.35);
    background: linear-gradient(180deg, rgba(18, 48, 79, 0.65), rgba(11, 31, 58, 0.65));
    box-shadow: 0 0 30px -10px rgba(47, 184, 230, 0.25);
}
.ogc-faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.45;
}
.ogc-faq-item summary::-webkit-details-marker { display: none; }
.ogc-faq-item summary::after {
    content: "";
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(106, 227, 255, 0.18), rgba(47, 184, 230, 0.08));
    border: 1px solid rgba(106, 227, 255, 0.3);
    position: relative;
    transition: transform 0.3s var(--oc-ease), background 0.3s var(--oc-ease);
}
.ogc-faq-item summary::before {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #6ae3ff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.3s var(--oc-ease);
    z-index: 1;
}
.ogc-faq-item[open] summary::before {
    content: "\2212"; /* minus */
}
.ogc-faq-item[open] summary::after {
    background: linear-gradient(135deg, #6ae3ff, #2fb8e6);
    border-color: rgba(106, 227, 255, 0.6);
}
.ogc-faq-item[open] summary::before { color: #00131f; }
.ogc-faq-body {
    padding: 0 20px 18px;
    color: rgba(233, 243, 255, 0.72);
    font-size: 14.5px;
    line-height: 1.75;
}
.ogc-faq-body p { margin: 0 0 0.75em; }
.ogc-faq-body p:last-child { margin-bottom: 0; }

/* ============================================================================
   SECTION SHELL (panel) + HEADERS
   ============================================================================ */
.ogc-section {
    padding: 48px 0;
}
.ogc-section + .ogc-section { padding-top: 0; }
.ogc-panel {
    background:
        radial-gradient(140% 80% at 50% -20%, rgba(106, 227, 255, 0.05), transparent 60%),
        linear-gradient(180deg, rgba(10, 27, 48, 0.6) 0%, rgba(6, 17, 31, 0.6) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 32px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 30px 60px -30px rgba(0, 0, 0, 0.9);
}
.ogc-panel-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.ogc-panel-kicker {
    font-size: 11px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    margin: 0 0 4px;
}
.ogc-panel-title {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1.2;
}
.ogc-panel-sub {
    margin: 0;
    font-size: 14px;
    color: rgba(233, 243, 255, 0.55);
}

@media (max-width: 640px) {
    .ogc-section { padding: 28px 0; }
    .ogc-panel { padding: 18px; border-radius: 18px; }
    .lp-prose h2 { margin: 1.8rem 0 0.75rem; }
    .lp-intro { padding: 16px 18px; }
}

/* ============================================================================
   REDUCED MOTION
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
    .ogc, .ogc *, .ogc::before, .ogc-img, .ogc-media::before, .ogc-overlay span {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
    .ogc:hover { transform: none; }
    .ogc:hover .ogc-img { transform: none; }
}
/* =============================================================================
   OCEAN UNIFICATION LAYER
   A final pass that harmonizes every section under one visual system:
   - Single panel treatment (border, bg, radius, shadow)
   - Single kicker style (cyan pill chip)
   - Single title hierarchy
   - Single hairline divider color
   - Single accent strategy: cyan primary, gold for brand flourish only
   ============================================================================ */

:root {
    --u-bg-1:       #07111f;                     /* elevated surface */
    --u-bg-2:       #0a1830;                     /* brighter surface */
    --u-hairline:   rgba(120, 200, 255, 0.10);
    --u-hairline-2: rgba(120, 200, 255, 0.18);
    --u-ink:        #e9f3ff;
    --u-mute:       rgba(233, 243, 255, 0.55);
    --u-mute-2:     rgba(233, 243, 255, 0.38);
    --u-cyan:       #6ae3ff;
    --u-cyan-dim:   rgba(106, 227, 255, 0.12);
    --u-radius-lg:  22px;
    --u-radius-md:  14px;
    --u-radius-sm:  10px;
    --u-shadow:     0 1px 0 rgba(255,255,255,0.04) inset,
                    0 24px 50px -30px rgba(0,0,0,0.9);
}

/* ---------- UNIFIED PANEL SURFACE ------------------------------------------ */
.ogc-panel,
.ogc-recent,
.lp-intro {
    background:
        radial-gradient(140% 80% at 50% -20%, rgba(106, 227, 255, 0.06), transparent 60%),
        linear-gradient(180deg, rgba(10, 27, 48, 0.55) 0%, rgba(6, 17, 31, 0.55) 100%);
    border: 1px solid var(--u-hairline);
    border-radius: var(--u-radius-lg);
    box-shadow: var(--u-shadow);
}

/* ---------- UNIFIED KICKER: cyan pill everywhere --------------------------- */
.ogc-panel-kicker,
.ogc-offer-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--u-cyan);
    background: var(--u-cyan-dim);
    border: 1px solid rgba(106, 227, 255, 0.22);
    border-radius: 999px;
    padding: 6px 12px;
    margin: 0 0 12px;
    width: fit-content;
}
.ogc-panel-kicker::before,
.ogc-offer-kicker::before {
    content: "";
    width: 5px; height: 5px; border-radius: 50%;
    background: var(--u-cyan);
    box-shadow: 0 0 8px var(--u-cyan);
}

/* ---------- UNIFIED TITLE SCALE -------------------------------------------- */
.ogc-panel-title {
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
}
.ogc-panel-sub {
    font-size: 14px;
    color: var(--u-mute);
    letter-spacing: 0.005em;
}

/* ---------- HERO: tighter, more unified with panels ------------------------ */
.ogc-hero-stats {
    gap: 12px;
}
.ogc-stat {
    background:
        linear-gradient(180deg, rgba(10, 27, 48, 0.55), rgba(6, 17, 31, 0.55));
    border: 1px solid var(--u-hairline);
    border-radius: var(--u-radius-md);
    padding: 16px 22px;
    box-shadow: var(--u-shadow);
}
.ogc-stat strong {
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 800;
    letter-spacing: -0.02em;
    display: block;
    background: linear-gradient(180deg, #ffe08a 0%, #ffcf5c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 2px;
}
.ogc-stat span {
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--u-mute-2);
    font-weight: 700;
}
.ogc-search-wrap {
    border-radius: var(--u-radius-md);
    border: 1px solid var(--u-hairline);
    background: linear-gradient(180deg, rgba(10,27,48,0.6), rgba(6,17,31,0.6));
}
.ogc-search-wrap:focus-within {
    border-color: rgba(106, 227, 255, 0.45);
    box-shadow: 0 0 0 4px rgba(106, 227, 255, 0.08);
}

/* ---------- RECENTLY PLAYED ------------------------------------------------ */
.ogc-recent {
    padding: 22px 24px;
}
.ogc-recent-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--u-ink);
    gap: 10px;
}
.ogc-recent-title svg {
    width: 16px; height: 16px;
    color: var(--u-cyan);
    opacity: 0.8;
}
.ogc-recent-clear {
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--u-mute);
    background: transparent;
    border: 1px solid var(--u-hairline);
    border-radius: 999px;
    padding: 6px 12px;
    cursor: pointer;
    transition: border-color .2s, color .2s;
}
.ogc-recent-clear:hover { color: var(--u-cyan); border-color: rgba(106,227,255,0.4); }

/* ---------- TOOLBAR + CATEGORIES ------------------------------------------- */
.ogc-toolbar {
    margin-top: 24px;
    padding: 10px 0;
}
.ogc-filter-btn,
.ogc-sort select,
.ogc-sort-select {
    background: linear-gradient(180deg, rgba(10,27,48,0.6), rgba(6,17,31,0.6));
    border: 1px solid var(--u-hairline);
    border-radius: 999px;
    color: var(--u-ink);
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: border-color .2s, background .2s;
}
.ogc-filter-btn:hover,
.ogc-sort-select:hover {
    border-color: rgba(106,227,255,0.4);
}
.ogc-cats {
    margin-top: 14px;
    padding-bottom: 6px;
}
.ogc-cat {
    background: linear-gradient(180deg, rgba(10,27,48,0.55), rgba(6,17,31,0.55));
    border: 1px solid var(--u-hairline);
    color: var(--u-ink);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: border-color .2s, background .2s, color .2s;
}
.ogc-cat:hover {
    border-color: rgba(106,227,255,0.4);
    color: var(--u-cyan);
}
.ogc-cat.is-active {
    background: linear-gradient(180deg, rgba(106,227,255,0.18), rgba(47,184,230,0.10));
    border-color: rgba(106,227,255,0.6);
    color: #fff;
    box-shadow: 0 0 24px -6px rgba(106,227,255,0.5), inset 0 0 0 1px rgba(106,227,255,0.2);
}
.ogc-cat-num {
    color: var(--u-mute-2);
    font-weight: 600;
    font-size: 12px;
    margin-left: 6px;
}
.ogc-cat.is-active .ogc-cat-num { color: rgba(255,255,255,0.7); }

/* ---------- OFFERS --------------------------------------------------------- */
.ogc-offer {
    background:
        radial-gradient(120% 60% at 50% -10%, rgba(106, 227, 255, 0.08), transparent 55%),
        linear-gradient(180deg, rgba(10, 27, 48, 0.7) 0%, rgba(6, 17, 31, 0.7) 100%);
    border: 1px solid var(--u-hairline);
    border-radius: var(--u-radius-lg);
    box-shadow: var(--u-shadow);
    padding: 24px 22px;
    transition: border-color .3s, transform .3s, box-shadow .3s;
}
.ogc-offer:hover {
    border-color: rgba(106,227,255,0.35);
    transform: translateY(-2px);
    box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset,
                0 30px 60px -24px rgba(0,0,0,0.9),
                0 0 40px -10px rgba(106,227,255,0.25);
}
.ogc-offer-name {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 6px 0 8px;
}
.ogc-offer-bonus {
    font-size: 15px;
    font-weight: 600;
    color: var(--u-ink);
    line-height: 1.35;
    margin: 0 0 18px;
}
.ogc-offer-methods-label {
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--u-mute-2);
    font-weight: 700;
    margin: 0 0 10px;
}
.ogc-offer-play {
    background: linear-gradient(180deg, #6ae3ff 0%, #2fb8e6 100%);
    color: #041828;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 13px;
    box-shadow: 0 10px 24px -10px rgba(106,227,255,0.6),
                inset 0 1px 0 rgba(255,255,255,0.4);
    transition: transform .2s, box-shadow .2s;
}
.ogc-offer-play:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px -10px rgba(106,227,255,0.75),
                inset 0 1px 0 rgba(255,255,255,0.4);
}
.ogc-offer-fine {
    font-size: 10px;
    letter-spacing: 0.08em;
    color: var(--u-mute-2);
}

/* ---------- FAQ ------------------------------------------------------------ */
.ogc-faq-item {
    background: rgba(7, 21, 41, 0.4);
    border: 1px solid var(--u-hairline);
    border-radius: var(--u-radius-md);
    transition: border-color .2s, background .2s;
}
.ogc-faq-item:hover {
    border-color: rgba(106,227,255,0.3);
}
.ogc-faq-item[open] {
    background: rgba(7, 21, 41, 0.7);
    border-color: rgba(106,227,255,0.25);
}
.ogc-faq-item summary {
    font-size: 15px;
    font-weight: 600;
    color: var(--u-ink);
    letter-spacing: 0.005em;
}
.ogc-faq-body p {
    font-size: 14px;
    color: var(--u-mute);
    line-height: 1.65;
}

/* ---------- LP PROSE ------------------------------------------------------- */
.lp-intro {
    padding: 24px 28px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--u-ink);
}
.lp-intro p { margin: 0; color: rgba(233, 243, 255, 0.85); }
.lp-prose {
    max-width: 780px;
    margin: 32px auto 0;
    color: var(--u-mute);
    font-size: 15px;
    line-height: 1.75;
}
.lp-prose h2 {
    font-size: clamp(22px, 2.2vw, 26px);
    font-weight: 800;
    letter-spacing: -0.015em;
    color: #fff;
    margin: 48px 0 14px;
}
.lp-prose h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--u-ink);
    margin: 30px 0 10px;
    letter-spacing: -0.005em;
}
.lp-prose p { margin: 0 0 14px; }
.lp-prose strong { color: var(--u-ink); font-weight: 700; }
.lp-prose ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    display: grid;
    gap: 10px;
}
.lp-prose ul li {
    padding: 12px 16px;
    background: rgba(7, 21, 41, 0.5);
    border: 1px solid var(--u-hairline);
    border-radius: 10px;
    font-size: 14px;
}
.lp-prose ul li strong {
    color: var(--u-cyan);
    margin-right: 6px;
}

/* ---------- HERO centered kicker tweak ------------------------------------- */
.ogc-hero-inner { padding-bottom: 56px; }

/* ---------- CENTER A PANEL HEAD (override for centered sections) ----------- */
.ogc-panel-head[style*="center"] .ogc-panel-kicker,
.ogc-panel-head[style*="center"] .ogc-offer-kicker {
    margin-left: auto;
    margin-right: auto;
}

/* ---------- MOBILE TIGHTEN ------------------------------------------------- */
@media (max-width: 640px) {
    .ogc-recent { padding: 16px 14px; }
    .ogc-offer { padding: 20px 16px; }
    .lp-intro { padding: 18px 18px; font-size: 15px; }
    .lp-prose { margin-top: 24px; font-size: 14.5px; }
    .lp-prose h2 { margin: 32px 0 10px; font-size: 20px; }
    .lp-prose h3 { margin: 22px 0 8px; font-size: 15.5px; }
    .ogc-stat { padding: 12px 14px; }
    .ogc-stat strong { font-size: 20px; }
    .ogc-stat span { font-size: 9px; letter-spacing: 0.18em; }
    .ogc-panel-title { font-size: 22px; }
    .ogc-faq-item summary { font-size: 14px; }
    .ogc-offer-name { font-size: 20px; }
    .ogc-offer-bonus { font-size: 14px; }
}

/* =============================================================================
   HERO UNIFICATION — ag-hero + slot-hub-hero → same design on all pages
   Overrides free-slots-page.css inline ag-hero to match slot-hub-hero
   ============================================================================= */

/* Kill floating bubbles — they break visual consistency */
.ag-bubble { display: none !important; }

/* Unified hero background — matches slot-hub-hero */
.ag-hero,
.slot-hub-hero {
    background:
        radial-gradient(120% 60% at 50% -10%, rgba(106, 227, 255, 0.07) 0%, transparent 55%),
        linear-gradient(180deg, #060d17 0%, #091624 60%, #060d17 100%) !important;
    border-bottom: 1px solid rgba(106, 227, 255, 0.08);
}

/* Unified breadcrumb pills */
.ag-breadcrumb,
.slot-hub-breadcrumb {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    font-size: 0.8rem;
    color: rgba(233, 243, 255, 0.55);
}
.ag-breadcrumb a,
.slot-hub-breadcrumb a {
    color: var(--u-cyan, #6ae3ff);
    text-decoration: none;
    font-weight: 500;
}
.ag-breadcrumb a:hover,
.slot-hub-breadcrumb a:hover { color: #fff; }

/* Unified kicker pill */
.ag-kicker,
.slot-hub-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--u-cyan, #6ae3ff) !important;
    background: rgba(106, 227, 255, 0.08) !important;
    border: 1px solid rgba(106, 227, 255, 0.22) !important;
    border-radius: 9999px !important;
    padding: 5px 14px !important;
    margin-bottom: 14px;
}

/* Unified hero title */
.ag-title,
.slot-hub-title {
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
}
.ag-title .ag-gold {
    background: linear-gradient(135deg, #ffe08a, #ffcf5c) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Unified subtitle */
.ag-subtitle,
.slot-hub-subtitle {
    color: rgba(233, 243, 255, 0.68) !important;
    line-height: 1.7;
}

/* Unified stat cards */
.ag-stat,
.slot-hub-stat {
    background: linear-gradient(180deg, rgba(14, 39, 68, 0.55), rgba(7, 21, 41, 0.55)) !important;
    border: 1px solid rgba(106, 227, 255, 0.14) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 8px 24px -12px rgba(0,0,0,0.7) !important;
}
.ag-stat strong,
.slot-hub-stat-value {
    color: #ffcf5c !important;
    text-shadow: 0 0 18px rgba(255, 207, 92, 0.25) !important;
}
.ag-stat span,
.slot-hub-stat-label {
    color: rgba(233, 243, 255, 0.48) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* Unified search bar */
.ag-search,
#lpSearchInput {
    background: linear-gradient(180deg, rgba(14, 39, 68, 0.5), rgba(7, 21, 41, 0.5)) !important;
    border: 1px solid rgba(106, 227, 255, 0.18) !important;
    color: #fff !important;
    border-radius: 9999px !important;
}
.ag-search:focus,
#lpSearchInput:focus {
    border-color: rgba(106, 227, 255, 0.55) !important;
    box-shadow: 0 0 0 4px rgba(106, 227, 255, 0.08) !important;
    outline: none !important;
}

/* Unified category pills (all-games filter tabs) */
.ag-cat-btn,
.ogc-cat {
    background: linear-gradient(180deg, rgba(10, 27, 48, 0.55), rgba(6, 17, 31, 0.55));
    border: 1px solid rgba(106, 227, 255, 0.10);
    color: rgba(233, 243, 255, 0.75);
    border-radius: 9999px;
    font-weight: 600;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.ag-cat-btn:hover,
.ogc-cat:hover,
.ag-cat-btn.active,
.ogc-cat.is-active {
    background: linear-gradient(180deg, rgba(106, 227, 255, 0.15), rgba(47, 184, 230, 0.08));
    border-color: rgba(106, 227, 255, 0.5);
    color: #fff;
    box-shadow: 0 0 20px -6px rgba(106, 227, 255, 0.4);
}

/* Mobile */
@media (max-width: 640px) {
    .ag-hero,
    .slot-hub-hero { padding: 32px 0 24px !important; }
}

/* Fix text-transform: uppercase bleeding onto hero titles from taxonomy pages */
.ag-title,
.ag-hero h1,
.ag-hero-inner h1,
.taxonomy-hero h1,
.taxonomy-type h1,
.slot-hub-hero h1 {
    text-transform: none !important;
}