:root {
--color-header:#1e2021;
--color-bg:#101213;
--color-primary:#266f74;
--color-secondary:#ea7c35;
--color-text:#e8e8e8;
--color-text-muted:#9a9a9a;
--color-card-bg:#1a1d1e;
--color-border:#2d3133;
--shadow:0 12px 32px rgba(0,0,0,.24);
}
* {
box-sizing:border-box;
}
html {
scroll-behavior:smooth;
}
body {
margin:0;
background:var(--color-bg);
color:var(--color-text);
font-family:Rajdhani,Arial,sans-serif;
font-size:18px;
line-height:1.55;
}
a {
color:inherit;
text-decoration:none;
}
img {
max-width:100%;
height:auto;
}
button,input,textarea,select {
font:inherit;
}
.hdr-wrap {
position:sticky;
top:0;
z-index:50;
background:var(--color-header);
border-bottom:1px solid var(--color-border);
box-shadow:0 2px 12px rgba(0,0,0,.2);
}
.hdr-inner {
width:min(1320px,94%);
min-height:76px;
margin:auto;
display:grid;
grid-template-columns:auto 1fr auto;
gap:14px;
align-items:center;
}
.hdr-logo img {
width:145px;
object-fit:contain;
}
.hdr-nav {
display:none;
gap:14px;
align-items:center;
justify-content:center;
}
.hdr-nav a {
font-size:17px;
font-weight:600;
color:var(--color-text-muted);
transition:color .25s ease;
}
.hdr-nav a:hover {
color:var(--color-secondary);
}
.hdr-nav.open {
position:absolute;
top:76px;
left:0;
right:0;
z-index:4;
display:grid;
padding:20px 4%;
background:var(--color-header);
border-bottom:1px solid var(--color-border);
animation:fadeIn .2s ease;
}
.hdr-cta {
display:flex;
align-items:center;
justify-content:flex-end;
gap:7px;
}
.online-cnt {
font-size:13px;
font-weight:600;
white-space:nowrap;
color:#b8dbba;
}
.online-cnt::first-letter {
color:#55c66a;
}
.btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:9px 17px;
border:0;
border-radius:8px;
color:#fff;
font-size:16px;
font-weight:700;
letter-spacing:.15px;
cursor:pointer;
white-space:nowrap;
transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.btn:hover {
transform:scale(1.04);
filter:brightness(1.1);
box-shadow:0 7px 16px rgba(0,0,0,.3);
}
.btn:active {
transform:scale(.98);
}
.btn-login {
background:var(--color-secondary);
}
.btn-signup {
background:var(--color-primary);
}
.btn-bonus {
background:var(--color-primary);
}
.burger-btn {
display:grid;
gap:5px;
padding:8px;
background:transparent;
border:0;
cursor:pointer;
}
.burger-btn span {
display:block;
width:24px;
height:2px;
background:#fff;
transition:transform .25s ease,opacity .25s ease;
}
.burger-btn.active span:first-child {
transform:translateY(7px) rotate(45deg);
}
.burger-btn.active span:nth-child(2) {
opacity:0;
}
.burger-btn.active span:last-child {
transform:translateY(-7px) rotate(-45deg);
}
.hero {
position:relative;
display:grid;
min-height:480px;
overflow:hidden;
background-image:linear-gradient(90deg,rgba(16,18,19,.92),rgba(16,18,19,.5)),url('/gc-banner.jpg');
background-position:center;
background-size:cover;
align-items:center;
}
.hero::after {
position:absolute;
inset:0;
content:"";
background:linear-gradient(0deg,rgba(16,18,19,.8),transparent 50%);
pointer-events:none;
}
.hero-copy {
position:relative;
z-index:1;
width:min(850px,94%);
margin:auto;
padding:56px 0;
text-align:center;
animation:slideUp .7s ease both;
}
.hero h1 {
max-width:850px;
margin:0 auto 18px;
font-size:clamp(38px,6vw,66px);
line-height:1;
letter-spacing:-1px;
}
.hero p {
max-width:650px;
margin:0 auto 25px;
color:#e2e2e2;
font-size:clamp(20px,2.5vw,26px);
}
.page-wrap {
width:min(1180px,94%);
margin:auto;
padding:34px 0 112px;
}
.block {
margin:34px 0;
opacity:0;
transform:translateY(20px);
transition:opacity .6s ease,transform .6s ease;
}
.block.visible {
opacity:1;
transform:translateY(0);
}
.block h2 {
margin:0 0 16px;
font-size:clamp(28px,4vw,38px);
line-height:1.12;
}
.block h3 {
margin:0 0 10px;
font-size:24px;
}
.grid-2 {
display:grid;
grid-template-columns:1fr;
gap:18px;
}
.grid-3 {
display:grid;
grid-template-columns:1fr;
gap:18px;
}
.card {
padding:22px;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
box-shadow:var(--shadow);
transition:transform .25s ease,border-color .25s ease;
}
.card:hover {
transform:translateY(-5px);
border-color:var(--color-primary);
}
.tournament {
padding:22px;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
box-shadow:var(--shadow);
transition:transform .25s ease,border-color .25s ease;
}
.tournament:hover {
transform:translateY(-5px);
border-color:var(--color-secondary);
}
.tournament h3 {
color:#fff;
}
.prize {
margin:12px 0;
color:var(--color-secondary);
font-size:34px;
font-weight:700;
line-height:1;
}
.timer {
display:inline-block;
padding:5px 9px;
border:1px solid #397e82;
border-radius:5px;
background:#10282a;
color:#a7e4e7;
font-family:Arial,sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:.5px;
}
.toc {
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
padding:20px;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
}
.toc a {
padding:8px;
color:var(--color-secondary);
font-weight:600;
}
.games-slider {
display:grid;
grid-auto-flow:column;
grid-auto-columns:84%;
gap:15px;
overflow-x:auto;
padding:2px 2px 12px;
scroll-snap-type:x mandatory;
scrollbar-color:var(--color-primary) var(--color-card-bg);
}
.game-card {
display:flex;
min-height:190px;
padding:20px;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
box-shadow:var(--shadow);
scroll-snap-align:start;
transition:transform .25s ease,border-color .25s ease;
}
.game-card:hover {
transform:translateY(-5px);
border-color:var(--color-primary);
}
.game-card span {
color:var(--color-text-muted);
font-size:15px;
}
.slider-wrap {
position:relative;
overflow:hidden;
}
.slider-track {
display:flex;
gap:16px;
transition:transform .35s ease;
touch-action:pan-y;
}
.slider-item {
min-width:84%;
padding:20px;
background:var(--color-card-bg);
border-radius:12px;
}
.slider-dots {
display:flex;
justify-content:center;
gap:7px;
padding-top:16px;
}
.slider-dot {
width:8px;
height:8px;
border:0;
border-radius:50%;
background:var(--color-border);
}
.slider-dot.active {
background:var(--color-secondary);
}
.bonus-card {
position:relative;
min-height:170px;
padding:25px 20px 20px;
overflow:hidden;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
box-shadow:var(--shadow);
}
.bonus-card::before {
position:absolute;
top:0;
left:0;
right:0;
height:6px;
content:"";
background:linear-gradient(90deg,var(--color-secondary),#f5a45a);
}
.bonus-card:nth-child(even)::before {
background:linear-gradient(90deg,var(--color-primary),#45a1a7);
}
.bonus-card p {
color:var(--color-secondary);
font-size:25px;
font-weight:700;
}
.accent {
padding:26px;
background:linear-gradient(120deg,#266f74,#1a1d1e 80%);
border:1px solid #438d91;
border-radius:12px;
box-shadow:var(--shadow);
}
.embed {
display:block;
width:100%;
min-height:280px;
border:0;
border-radius:12px;
background:#000;
box-shadow:var(--shadow);
}
.table-wrap {
width:100%;
overflow-x:auto;
border:1px solid var(--color-border);
border-radius:12px;
}
table {
width:100%;
min-width:580px;
border-collapse:collapse;
background:var(--color-card-bg);
}
th {
padding:14px;
background:var(--color-header);
color:#fff;
font-weight:700;
text-align:left;
}
td {
padding:13px 14px;
border-bottom:1px solid var(--color-border);
color:#d6d6d6;
}
tr:nth-child(even) td {
background:#171a1b;
}
tr:last-child td {
border-bottom:0;
}
.faq-item {
overflow:hidden;
margin:11px 0;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:10px;
}
.faq-question {
display:flex;
width:100%;
align-items:center;
justify-content:space-between;
padding:18px;
background:transparent;
border:0;
color:#fff;
font-size:20px;
font-weight:700;
text-align:left;
cursor:pointer;
}
.faq-question span {
color:var(--color-secondary);
font-size:26px;
line-height:1;
transition:transform .25s ease;
}
.faq-answer {
max-height:0;
overflow:hidden;
padding:0 18px;
color:#d0d0d0;
transition:max-height .35s ease,padding .35s ease;
}
.faq-item.active .faq-answer {
max-height:500px;
padding:0 18px 18px;
}
.faq-item.active .faq-question span {
transform:rotate(45deg);
}
label {
display:grid;
gap:7px;
color:#eee;
font-weight:600;
}
input,textarea,select {
width:100%;
padding:12px 13px;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:7px;
color:var(--color-text);
outline:none;
transition:border-color .2s ease,box-shadow .2s ease;
}
input:focus,textarea:focus,select:focus {
border-color:var(--color-primary);
box-shadow:0 0 0 3px rgba(38,111,116,.2);
}
textarea {
min-height:125px;
resize:vertical;
}
.review-form {
display:grid;
gap:16px;
padding:24px;
background:var(--color-card-bg);
border:1px solid var(--color-border);
border-radius:12px;
box-shadow:var(--shadow);
}
.form-error {
margin:0;
color:#ff9d9d;
font-weight:700;
}
.breadcrumb {
margin:20px 0 28px;
color:var(--color-text-muted);
font-size:16px;
}
.breadcrumb a {
color:var(--color-secondary);
font-weight:600;
}
.breadcrumb a:hover {
text-decoration:underline;
}
.steps {
counter-reset:steps;
}
.steps .card::before {
display:grid;
width:38px;
height:38px;
margin-bottom:12px;
place-items:center;
counter-increment:steps;
content:counter(steps);
background:var(--color-primary);
border-radius:50%;
color:#fff;
font-weight:700;
}
.step-wrap {
display:grid;
gap:16px;
counter-reset:guide;
}
.step-item {
display:grid;
grid-template-columns:44px 1fr;
gap:14px;
padding:20px;
background:var(--color-card-bg);
border-radius:12px;
}
.step-item::before {
display:grid;
width:38px;
height:38px;
place-items:center;
counter-increment:guide;
content:counter(guide);
background:var(--color-secondary);
border-radius:50%;
font-weight:700;
}
.pros-cons {
display:grid;
grid-template-columns:1fr;
gap:18px;
}
.pros,.cons {
padding:22px;
border-radius:12px;
background:var(--color-card-bg);
}
.pros {
border-top:4px solid var(--color-primary);
}
.cons {
border-top:4px solid var(--color-secondary);
}
.stars {
display:flex;
gap:4px;
color:var(--color-secondary);
font-size:24px;
}
.star {
display:inline-block;
line-height:1;
}
.rating-row {
display:grid;
grid-template-columns:100px 1fr 42px;
gap:10px;
align-items:center;
margin:12px 0;
}
.rating-bar {
height:9px;
overflow:hidden;
background:var(--color-border);
border-radius:9px;
}
.rating-bar span {
display:block;
height:100%;
background:linear-gradient(90deg,var(--color-primary),#57afb3);
border-radius:inherit;
}
.dl-buttons {
display:flex;
flex-wrap:wrap;
gap:12px;
}
.dl-buttons a {
flex:1 1 160px;
padding:15px;
border-radius:9px;
color:#fff;
font-weight:700;
text-align:center;
}
.dl-appstore {
background:#222;
border:1px solid #555;
}
.dl-playmarket {
background:#247a4d;
}
.dl-apk {
background:var(--color-secondary);
}
.bottom-widget {
position:fixed;
right:0;
bottom:0;
left:0;
z-index:100;
display:flex;
align-items:center;
justify-content:center;
gap:14px;
padding:11px;
background:linear-gradient(90deg,#266f74,#1e5a5e);
box-shadow:0 -4px 18px rgba(0,0,0,.28);
opacity:0;
transform:translateY(100%);
transition:opacity .3s ease,transform .3s ease;
}
.bottom-widget.show {
opacity:1;
transform:translateY(0);
}
.bottom-widget span {
font-size:18px;
font-weight:700;
}
.footer {
width:min(1180px,94%);
margin:auto;
padding:48px 0 105px;
}
.footer-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}
.footer-grid h3 {
margin:0 0 9px;
font-size:21px;
}
.footer-grid p {
margin:6px 0;
color:var(--color-text-muted);
}
.footer-grid a {
display:block;
margin:5px 0;
color:var(--color-text-muted);
}
.footer-grid a:hover {
color:var(--color-secondary);
}
.payment-logos,.provider-logos {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.payment-logos span,.provider-logos span {
padding:5px 8px;
border:1px solid var(--color-border);
border-radius:4px;
color:var(--color-text-muted);
font-size:14px;
}
.legal-links {
display:flex;
flex-wrap:wrap;
gap:14px;
}
.footer-bottom {
display:grid;
gap:8px;
margin-top:30px;
padding-top:20px;
border-top:1px solid var(--color-border);
color:var(--color-text-muted);
}
.footer-bottom strong {
color:var(--color-secondary);
font-size:28px;
}
.content-block h2,.entry-content h2 {
margin-top:30px;
font-size:32px;
}
.content-block h3,.entry-content h3 {
margin-top:23px;
font-size:24px;
}
.content-block p,.entry-content p {
color:#d3d3d3;
}
.content-block ul,.entry-content ul {
padding-left:23px;
}
.content-block li,.entry-content li {
margin:8px 0;
}
.content-block table,.entry-content table {
margin:20px 0;
}
.wp-block-group {
display:block;
}
.elementor-widget-container {
display:block;
}
.entry-content {
max-width:900px;
}
.wp-block-columns {
display:grid;
gap:20px;
}
.muted {
color:var(--color-text-muted);
}
@keyframes fadeIn {
from { opacity:0; }
to { opacity:1; }
}
@keyframes slideUp {
from { opacity:0; transform:translateY(24px); }
to { opacity:1; transform:translateY(0); }
}
@media (min-width:768px) {
.burger-btn {
display:none;
}
.hdr-nav {
display:flex;
}
.grid-2 {
grid-template-columns:repeat(2,1fr);
}
.grid-3 {
grid-template-columns:repeat(3,1fr);
}
.pros-cons {
grid-template-columns:repeat(2,1fr);
}
.step-wrap {
grid-template-columns:repeat(2,1fr);
}
.games-slider {
grid-auto-flow:unset;
grid-template-columns:repeat(3,1fr);
overflow:visible;
}
.game-card {
min-width:0;
}
.footer-grid {
grid-template-columns:1.2fr 1fr 1fr 1fr;
}
.toc {
grid-template-columns:repeat(4,1fr);
}
}
@media (min-width:1024px) {
.hdr-inner {
width:min(1360px,96%);
}
.hdr-logo img {
width:50px;
}
.hdr-nav {
gap:18px;
}
.hdr-nav a {
font-size:18px;
}
.page-wrap {
padding-top:54px;
}
.games-slider {
grid-template-columns:repeat(6,1fr);
}
.game-card {
min-height:210px;
}
}
@media (max-width:767px) {
.hdr-cta .online-cnt {
display:none;
}
.hdr-cta .btn {
padding:8px 9px;
font-size:14px;
}
.hero {
min-height:400px;
}
.bottom-widget {
gap:8px;
}
.bottom-widget span {
font-size:15px;
}
}
.pmbc {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    padding: 28px;
    overflow: hidden;
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    box-shadow: var(--shadow);
    color: var(--color-text);
    overflow-wrap: anywhere;
    word-break: normal;
}

.pmbc,
.pmbc * {
    box-sizing: border-box;
    max-width: 100%;
}

.pmbc h1,
.pmbc h2,
.pmbc h3,
.pmbc h4,
.pmbc h5,
.pmbc h6 {
    max-width: 100%;
    color: #fff;
    overflow-wrap: anywhere;
}

.pmbc h2 {
    margin: 28px 0 14px;
    font-size: clamp(26px, 4vw, 34px);
    line-height: 1.2;
}

.pmbc h3 {
    margin: 22px 0 12px;
    font-size: clamp(21px, 3vw, 26px);
    line-height: 1.25;
}

.pmbc p,
.pmbc li {
    color: #d3d3d3;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.pmbc a {
    color: var(--color-secondary);
    overflow-wrap: anywhere;
}

.pmbc img,
.pmbc video,
.pmbc iframe,
.pmbc svg {
    display: block;
    max-width: 100%;
    height: auto;
}

.pmbc iframe {
    width: 100%;
    border: 0;
}

.pmbc ul,
.pmbc ol {
    max-width: 100%;
    margin: 16px 0;
    padding-left: 24px;
}

.pmbc table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    overflow-x: auto;
    border-collapse: collapse;
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    -webkit-overflow-scrolling: touch;
}

.pmbc th,
.pmbc td {
    min-width: 130px;
    padding: 13px 15px;
    border: 1px solid var(--color-border);
    color: #d6d6d6;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}

.pmbc th {
    background: var(--color-header);
    color: #fff;
}

.pmbc blockquote {
    max-width: 100%;
    margin: 20px 0;
    padding: 16px 20px;
    background: #171a1b;
    border-left: 4px solid var(--color-secondary);
    border-radius: 8px;
}

.pmbc pre,
.pmbc code {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .pmbc {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
        padding: 18px 15px;
        border-radius: 11px;
        overflow: hidden;
    }

    .pmbc h1 {
        font-size: 30px;
        line-height: 1.15;
    }

    .pmbc h2 {
        margin-top: 24px;
        font-size: 25px;
    }

    .pmbc h3 {
        font-size: 21px;
    }

    .pmbc p,
    .pmbc li {
        font-size: 16px;
        line-height: 1.6;
    }

    .pmbc ul,
    .pmbc ol {
        padding-left: 20px;
    }

    .pmbc table {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
    }

    .pmbc th,
    .pmbc td {
        min-width: 120px;
        padding: 11px 12px;
        font-size: 14px;
    }

    .pmbc img,
    .pmbc iframe,
    .pmbc video {
        width: 100%;
        max-width: 100%;
    }
}
.pmbc {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
}
@media (max-width: 767px) {
    .logo-lnk {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .logo-lnk img {
        width: 75px !important;
        height: 52px !important;
        object-fit: contain;
    }
}