:root {
  --white-rgb: 255 255 255;
  --black-rgb: 0 0 0;
  --accent-rgb: 124 92 255;
  --accent2-rgb: 20 241 217;
  --gold-rgb: 212 175 55;
  --danger-rgb: 255 59 107;
  --success-rgb: 45 255 154;
  --bg: #f6f7fb;
  --text: #0b0c12;
  --muted: #4c5161;
  --surface: rgb(var(--white-rgb) / 0.68);
  --surface2: rgb(var(--white-rgb) / 0.82);
  --surface3: rgb(var(--white-rgb) / 1);
  --border: rgb(20 24 38/0.14);
  --glass: linear-gradient(
    135deg,
    rgb(var(--white-rgb) / 0.7),
    rgb(var(--white-rgb) / 0.34)
  );
  --shadow: 0 14px 40px rgb(8 10 18/0.1);
  --shadow2: 0 10px 30px rgb(7 10 18/0.16);
  --radius: 18px;
  --radius-sm: 14px;
  --container: 1280px;
  --accent: #7c5cff;
  --accent-2: #14f1d9;
  --gold: #d4af37;
  --danger: #ff3b6b;
  --success: #2dff9a;
  --header-bg: rgb(246 247 251/0.72);
  --header-border: rgb(20 24 38/0.1);
  --hero-grad: radial-gradient(
      900px 450px at 20% 10%,
      rgb(var(--accent-rgb) / 0.18),
      transparent 60%
    ),
    radial-gradient(
      700px 350px at 85% 30%,
      rgb(var(--accent2-rgb) / 0.14),
      transparent 55%
    ),
    radial-gradient(
      850px 400px at 35% 50%,
      rgb(var(--gold-rgb) / 0.1),
      transparent 60%
    );
  --focus: 0 0 0 3px rgb(var(--accent-rgb) / 0.3);
  --t: 160ms ease;
  --white: rgb(var(--white-rgb));
  --white-02: rgb(var(--white-rgb) / 0.02);
  --white-04: rgb(var(--white-rgb) / 0.04);
  --white-06: rgb(var(--white-rgb) / 0.06);
  --white-08: rgb(var(--white-rgb) / 0.08);
  --white-10: rgb(var(--white-rgb) / 0.1);
  --white-12: rgb(var(--white-rgb) / 0.12);
  --white-14: rgb(var(--white-rgb) / 0.14);
  --black-03: rgb(var(--black-rgb) / 0.03);
  --black-06: rgb(var(--black-rgb) / 0.06);
  --black-22: rgb(var(--black-rgb) / 0.22);
  --accent-10: rgb(var(--accent-rgb) / 0.1);
  --accent-14: rgb(var(--accent-rgb) / 0.14);
  --accent-15: rgb(var(--accent-rgb) / 0.15);
  --accent-20: rgb(var(--accent-rgb) / 0.2);
  --accent-22: rgb(var(--accent-rgb) / 0.22);
  --accent-25: rgb(var(--accent-rgb) / 0.25);
  --accent-28: rgb(var(--accent-rgb) / 0.28);
  --accent-35: rgb(var(--accent-rgb) / 0.35);
  --accent-60: rgb(var(--accent-rgb) / 0.6);
  --accent2-10: rgb(var(--accent2-rgb) / 0.1);
  --accent2-12: rgb(var(--accent2-rgb) / 0.12);
  --accent2-14: rgb(var(--accent2-rgb) / 0.14);
  --accent2-18: rgb(var(--accent2-rgb) / 0.18);
  --gold-12: rgb(var(--gold-rgb) / 0.12);
  --gold-14: rgb(var(--gold-rgb) / 0.14);
  --gold-18: rgb(var(--gold-rgb) / 0.18);
  --gold-26: rgb(var(--gold-rgb) / 0.26);
  --success-10: rgb(var(--success-rgb) / 0.1);
  --success-35: rgb(var(--success-rgb) / 0.35);
  --danger-10: rgb(var(--danger-rgb) / 0.1);
  --danger-35: rgb(var(--danger-rgb) / 0.35);
}
[data-theme="dark"] {
  --bg: #090a12;
  --text: #eef1ff;
  --muted: #a7aec7;
  --surface: rgb(18 20 33/0.52);
  --surface2: rgb(18 20 33/0.72);
  --surface3: rgb(18 20 33/1);  
  --border: rgb(var(--white-rgb) / 0.12);
  --shadow: 0 2px 8px rgb(var(--black-rgb) / .16);
  --shadow2: 0 6px 16px rgb(var(--black-rgb) / .22);
  --header-bg: rgb(9 10 18/0.64);
  --header-border: rgb(var(--white-rgb) / 0.1);
}


*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);line-height:1.55;transition:background var(--t),color var(--t)}.theme-transition *{transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t)!important}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-25)}
ul,ol{list-style: none; padding: 0;margin: 0;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.section{padding:0 0 30px}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.section__head .muted{max-width:62ch}
@media(max-width:820px){.section{padding:0 0 20px}.section__head{flex-direction:column;align-items:flex-start}}

.h1{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.02em;margin:0 0 10px}.h2{font-size:clamp(22px,2.3vw,30px);letter-spacing:-.02em;margin:0}.h3{font-size:18px;margin:0}.muted{color:var(--muted);margin:8px 0 0}
.link{color:var(--text);text-decoration:none;position:relative}.link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transform:translateY(2px);transition:opacity var(--t),transform var(--t)}.link:hover:after{opacity:.9;transform:translateY(0)}
.card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow2);border-color:var(--accent-25)}
.card-inner{padding:18px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;border:1px solid var(--border);background:var(--white-10)}.badge--accent{background:var(--accent-14);border-color:var(--accent-28)}.badge--gold{background:var(--gold-14);border-color:var(--gold-26)}
.chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--white-10)}.chip--soft{background:var(--white-06)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:transform var(--t),box-shadow var(--t),background var(--t),border-color var(--t)}.btn:focus{outline:none;box-shadow:var(--focus)}.btn:active{transform:translateY(1px)}
.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent-35);box-shadow:0 14px 40px var(--accent-20);color:var(--white);font-weight:900}.btn--primary:hover{box-shadow:0 16px 46px var(--accent-28),0 0 60px var(--accent2-10)}
.btn--ghost{background:var(--white-08)}.btn--ghost:hover{background:var(--white-12);border-color:var(--accent-25)}
.btn--sm{padding:10px 12px;border-radius:12px;font-size:13px}

/* ================= HEADER ================= */
.admin-bar .site-header{top:32px}
.site-header{position:sticky;top:0;z-index:999;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--header-border);transition:var(--t)}
.site-header .header__inner{max-width:var(--container);margin:auto;padding:14px 20px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav auth";align-items:center;gap:20px;transition:var(--t)}
.site-header .custom-logo-link{display:flex;align-items:center;height:auto}
.site-header .custom-logo{width:auto;max-height:36px}
.site-header .brand__text{text-decoration:none;color:var(--text);font-weight:700;font-size:20px;transition:var(--t)}
.site-header .nav{display:flex;align-items:center;justify-content: center;gap:20px}
.site-header .nav__menu{display:flex;align-items:center;gap:26px}
.site-header .nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}
.site-header .nav__item{position:relative}
.site-header .nav__link{display:flex;align-items:center;gap:6px;padding:8px 4px;color:var(--text);text-decoration:none;font-weight:500;transition:var(--t);position:relative}
.site-header .nav__link:hover{color:var(--accent)}

.site-header .nav__list li.menu-level-1 a{background: transparent;padding: 8px 10px;border-radius: 12px;}
.site-header .nav__list li.menu-level-1 a:hover{background: var(--white-08);}
.sub-menu li.menu-level-2 a {background: transparent !important; padding: 8px 4px !important; border-radius: 0!important;}

.site-header .menu-icon{width:12px;height:12px;margin-left:6px;flex-shrink:0;fill:currentColor;color:var(--accent);transition:transform .25s ease,fill .2s ease}
.site-header .submenu-level-1{position:absolute;top:100%;left:0;min-width:240px;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:4px;z-index:20;max-height:0;opacity:0;transform:translateY(6px);transition:max-height 1s cubic-bezier(.22,1,.36,1),opacity .7s ease,transform .7s ease}
.site-header .menu-item-has-children.open>.submenu-level-1,.site-header .menu-item-has-children:hover>.submenu-level-1{max-height:1200px;opacity:1;transform:translateY(0)}
.site-header .submenu-level-2,.site-header .submenu-level-3{position:relative;width:100%;background:var(--white-02);border-radius:12px;padding:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);display:flex;flex-direction:column;gap:4px;box-sizing:border-box;transition:max-height .9s cubic-bezier(.22,1,.36,1),opacity .6s ease,transform .6s ease,padding .3s ease;will-change:max-height,opacity,transform,padding}
.site-header .menu-item-has-children.open>.submenu-level-2,.site-header .menu-item-has-children.open>.submenu-level-3,.site-header .menu-item-has-children:hover>.submenu-level-2,.site-header .menu-item-has-children:hover>.submenu-level-3{max-height:700px;opacity:1;transform:translateY(0);padding:6px 0 0}
.site-header .menu-item-has-children.open>.nav__link .menu-icon,.site-header .menu-item-has-children:hover>.nav__link .menu-icon{transform:rotate(180deg)}
.site-header .submenu-level-1 .menu-item-has-children.open>.nav__link .menu-icon,.site-header .submenu-level-1 .menu-item-has-children:hover>.nav__link .menu-icon{transform:rotate(180deg)}
.site-header .submenu-level-2,.site-header .submenu-level-3,.site-header .submenu-level-2 li,.site-header .submenu-level-3 li{list-style:none!important;padding-left:5px!important;margin-left:0!important}
.site-header .submenu-level-1,.site-header .submenu-level-2,.site-header .submenu-level-3{pointer-events:none}
.site-header .menu-item-has-children.open>.submenu-level-1,.site-header .menu-item-has-children.open>.submenu-level-2,.site-header .menu-item-has-children.open>.submenu-level-3{pointer-events:auto}
@supports (-webkit-touch-callout:none){.site-header .submenu-level-2,.site-header .submenu-level-3,.site-header .submenu-level-2 li,.site-header .submenu-level-3 li{list-style:none!important;-webkit-padding-start:0!important}}
@media(min-width:961px){
.site-header .submenu-level-1 .menu-item-has-children{position:relative}
.site-header .submenu-level-2{position:absolute!important;left:100%;top:0;width:auto;min-width:max-content;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px!important;backdrop-filter:blur(12px);transform:translateX(8px)!important;max-height:none!important;overflow:visible}
.site-header .menu-item-has-children.open>.submenu-level-2,.site-header .menu-item-has-children:hover>.submenu-level-2{max-height:none!important;opacity:1;transform:translateX(0)!important;padding:8px!important;pointer-events:auto}
.site-header .submenu-level-2 li{padding-left:0!important}
.site-header .submenu-level-1 .menu-item-has-children>.nav__link .menu-icon{transform:rotate(-90deg)!important}
.site-header .submenu-level-1 .menu-item-has-children.open>.nav__link .menu-icon,.site-header .submenu-level-1 .menu-item-has-children:hover>.nav__link .menu-icon{transform:rotate(-90deg)!important}
}
.site-header .submenu-level-2 .menu-level-3>.nav__link{display:flex;align-items:center;gap:10px}
.site-header .submenu-level-2 .menu-level-3>.nav__link::before{content:"";width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px var(--accent-15);display:block;flex-shrink:0}
.site-header .nav__toggle{position:relative;width:42px;height:42px;min-width:42px;min-height:42px;display:none;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;flex-shrink:0}
.site-header .nav__toggle .nav__icon{position:absolute;top:50%;left:50%;width:25px;height:25px;transform:translate(-50%,-50%);fill:var(--text);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.4,0,.2,1),fill .2s ease}
.site-header .nav:not(.is-open) .nav__icon-bars{opacity:1;transform:translate(-50%,-50%) scale(1)}
.site-header .nav.is-open .nav__icon-xmark{opacity:1;transform:translate(-50%,-50%) scale(1)}
.site-header .auth-button{display:flex;gap:10px;align-items:center}
.site-header .auth-button a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;background:var(--surface2);border:1px solid var(--border);box-shadow:var(--shadow);transition:all var(--t)}
.site-header .auth-icon{width:13px;height:13px;fill:currentColor;opacity:.85}
.site-header .auth-button a::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent,rgb(var(--accent-rgb)/.4),rgb(var(--accent2-rgb)/.4),transparent);opacity:0;transition:opacity var(--t);pointer-events:none}
.site-header .auth-button a:hover{transform:translateY(-1px);color:var(--accent)}
.site-header .auth-button a:hover::before{opacity:1}
.site-header .auth-button a:last-child{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:0;box-shadow:0 6px 20px rgb(var(--accent-rgb)/.35)}
.site-header .auth-button a:last-child:hover{color:#fff;box-shadow:0 12px 34px rgb(var(--accent-rgb)/.5);transform:translateY(-2px)}
.site-header .current-menu-item>.nav__link,.site-header .current-menu-parent>.nav__link,.site-header .current-menu-ancestor>.nav__link{color:var(--accent);font-weight:700}
.site-header .sub-menu .current-menu-item>.nav__link{background:var(--accent-10);color:var(--accent);font-weight:600}
@media(max-width:960px){.site-header .header__inner{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"toggle brand . auth";align-items:center;gap:8px}.site-header .brand{grid-area:brand;padding:15px 0}.site-header .brand .custom-logo{max-height:25px}.site-header .auth-button{justify-content:flex-end}.site-header .nav{grid-area:toggle;justify-self:end}.site-header .auth-button a{font-size:12px;padding:10px}.site-header .nav__toggle{display:flex}.site-header .nav__menu{position:absolute;top:100%;left:0;width:100%;background:var(--surface3);flex-direction:column;gap:18px;border-top:1px solid var(--border);max-height:calc(100vh - 136px);overflow-y:auto;opacity:0;max-height:0;padding:0;margin:0;overflow:hidden;transition:max-height .4s ease,opacity .25s ease,padding .25s ease}.site-header .nav.is-open .nav__menu{opacity:1;max-height:calc(100vh - 136px);padding:20px;overflow-y:auto}.site-header .nav__list{flex-direction:column;align-items:stretch;width:100%}.site-header .nav__item{width:100%}.site-header .submenu-level-1,.site-header .submenu-level-2,.site-header .submenu-level-3{position:static;max-height:none;opacity:1;transform:none;display:none;margin-top:6px;padding:0;background:none;border:0;box-shadow:none}.site-header .menu-item-has-children.open>.submenu-level-1,.site-header .menu-item-has-children.open>.submenu-level-2,.site-header .menu-item-has-children.open>.submenu-level-3{display:flex;flex-direction:column;gap:4px}.site-header .menu-icon{transform:rotate(0deg)!important;transition:transform .25s ease}.site-header .menu-item-has-children:hover>.nav__link .menu-icon{transform:none!important}.site-header .menu-item-has-children.open>.nav__link .menu-icon{transform:rotate(180deg)!important}.site-header .submenu-level-1 .menu-item-has-children.open>.nav__link .menu-icon{transform:rotate(180deg)!important}}

/* ================= HERO ================= */
.casino-hero{position:relative;background:var(--hero-grad),var(--bg);padding:20px 0}
.casino-hero-inner{max-width:var(--container);margin:auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,5vw,80px);position:relative;z-index:2}
.casino-hero-left{display:flex;flex-direction:column;gap:22px}
.casino-hero-left .hero-welcome{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,var(--accent-20),var(--accent2-18));color:var(--text);border:1px solid var(--accent-22);backdrop-filter:blur(6px)}
.casino-hero-left .hero-welcome::before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px var(--accent-15);display:block}
.casino-hero-left .hero-title{font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text)}
.casino-hero-left .hero-title span{display:block;margin-top:12px;font-size:clamp(18px,2vw,24px);font-weight:600;color:var(--muted)}
.casino-hero-left .hero-cta{margin-top:10px}
.casino-hero-left .hero-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;border-radius:999px;font-size:18px;font-weight:bold;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));text-shadow:0 1px 2px rgb(0 0 0/.25),0 2px 6px rgb(0 0 0/.25);box-shadow:0 12px 30px var(--accent-35),inset 0 0 0 1px var(--white-10);transition:transform var(--t),box-shadow var(--t),filter var(--t);overflow:hidden;isolation:isolate;animation:ctaFloat 2.6s infinite ease-in-out}
.hero-cta-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgb(var(--white-rgb)/.45),transparent 80%);transform:translateX(-120%);animation:ctaShine 3.8s infinite ease-in-out;z-index:0}
.hero-cta-btn .kpi-icon{width:25px;height:25px;padding:0;background:none;box-shadow:none;color:#fff;filter:drop-shadow(0 1px 2px rgb(0 0 0/.3));transition:transform .2s ease}
.hero-cta-btn:hover .kpi-icon{transform:rotate(-8deg) scale(1.15)}
.casino-hero-left .hero-cta-btn:hover{transform:scale(1.06) translateY(-3px);box-shadow:0 18px 44px var(--accent-60),inset 0 0 0 1px var(--white-14);filter:brightness(1.1)}
.casino-hero-left .hero-cta-btn>*{position:relative;z-index:1}
.casino-hero-left .hero-cta-btn:focus-visible{outline:none;box-shadow:var(--focus)}
@keyframes ctaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ctaShine{0%{transform:translateX(-130%)}45%{transform:translateX(-130%)}70%{transform:translateX(130%)}100%{transform:translateX(130%)}}
.casino-hero-right{position:relative;display:flex;justify-content:center;align-items:center}
.casino-hero-right::before{content:"";position:absolute;width:80%;aspect-ratio:1;background:radial-gradient(circle,var(--accent-28),transparent 65%);filter:blur(60px);z-index:0}
.casino-hero-right img{width:100%;max-width:460px;height:auto;position:relative;z-index:1;filter:drop-shadow(0 0 5px var(--black-22));transform:translateY(6px)}
.casino-hero-kpis{display:none!important;max-width:var(--container);margin:0 auto;padding:24px 20px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}
.casino-hero-kpis .hero-kpi{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white-10);padding:14px;box-shadow:var(--shadow);text-align:left;transition:transform var(--t),box-shadow var(--t)}
.casino-hero-kpis .hero-kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.casino-hero-kpis .hero-kpi:hover .kpi-icon{color:var(--accent-1);transform:scale(1.1)}
.casino-hero-kpis .kpi-icon{width:36px;height:36px;color:var(--accent);padding:7px;background:linear-gradient(135deg,var(--accent-15),var(--accent2-12));border-radius:12px;box-shadow:inset 0 0 0 1px var(--white-10),0 6px 16px var(--accent-14);display:flex;align-items:center;justify-content:center;transition:.2s ease}
.casino-hero-kpis .hero-kpi strong{display:block;font-size:18px;font-weight:900;letter-spacing:.02em;color:var(--accent)}
.casino-hero-kpis .hero-kpi span{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
.casino-hero-kpis .hero-kpi:hover strong{color:var(--accent-1)}
@media (max-width:960px){.casino-hero-inner{grid-template-columns:1fr;text-align:center}.casino-hero-left{align-items:center}.casino-hero-left .hero-welcome{align-self:center}.casino-hero-right{order:-1}.casino-hero-right img{max-width:380px}.casino-hero-kpis{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.casino-hero-left .hero-title{font-size:32px}.casino-hero-left .hero-title span{font-size:17px;display:none}.casino-hero-left .hero-cta-btn{width:100%;justify-content:center}.casino-hero-kpis{grid-template-columns:1fr}.casino-hero-right img{max-width:250px}}

/* ================= GAMES SECTION ================= */
.section-games{background:var(--bg)}
.games{max-width:var(--container);margin:auto;padding:0 20px;display:flex;flex-direction:column;gap:42px}
.games-block{display:flex;flex-direction:column;gap:18px}
.games-block--promo .games-list{--cols:3}
.games-block--providers .games-list{--cols:8}
.games-header{display:grid;align-items:center;justify-content:space-between;gap:16px;grid-template-columns:1fr auto 1fr}
.games-header::before,.games-header::after{content:"";height:2px;background:linear-gradient(to right,transparent,var(--accent),transparent)}
.games-title{font-size:26px;font-weight:700;color:var(--text);margin:0;padding:0 24px;text-transform:uppercase;letter-spacing:.12em;justify-self:center}
.games-actions{position:absolute;top:0;left:-60px;right:-60px;height:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:100}
.games-actions .games-nav{display:contents}
.games-actions .games-prev,.games-actions .games-next{pointer-events:auto;width:40px;height:60px;background:rgba(var(--surface-rgb),0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:0 0 40px rgba(0,0,0,.1)}
.games-actions .games-prev{border-radius:20px 0 0 20px;transform:translateX(10px)}
.games-actions .games-next{border-radius:0 20px 20px 0;transform:translateX(-10px)}
.games-actions .games-prev:hover,.games-actions .games-next:hover{width:55px;background:rgba(var(--accent-rgb),.15);border-color:var(--accent-25);color:var(--accent);box-shadow:0 0 30px rgba(var(--accent-rgb),.2);transform:translateX(0)}
.games-actions .games-icon{width:24px;height:24px;fill:currentColor;transition:transform .4s ease}
.games-actions .games-prev:hover .games-icon{transform:scale(1.2) translateX(-3px)}
.games-actions .games-next:hover .games-icon{transform:scale(1.2) translateX(3px)}
.games-slider{position:relative;width:100%}
.games-list{--gap:18px;display:flex;gap:var(--gap);list-style:none;padding:8px 0;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x pan-y;--cols:6}
.games-list::-webkit-scrollbar{display:none}
.game-card{flex:0 0 calc((100% - ((var(--cols) - 1) * var(--gap))) / var(--cols));scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease}
.game-card:hover{transform:translateY(-6px)}
.game-link{display:block;color:inherit;text-decoration:none;height:100%}
figure{margin:0}
.game-media{position:relative;width:100%;aspect-ratio:auto;overflow:hidden;margin:0;display:block}
.game-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.9,.2,1)}
.game-card:hover .game-media img{transform:scale(1.06)}
.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;gap:12px;background:linear-gradient(180deg,rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.36) 40%,rgba(0,0,0,0.6) 100%);color:var(--white);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease;transform:translateY(6px)}
.game-card:hover .game-overlay,.game-link:focus .game-overlay{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.game-name{font-size:15px;font-weight:700;color:var(--white);margin:0;line-height:1.1;word-break:break-word;padding:0 6px}
.game-actions{display:flex;gap:10px;align-items:center;justify-content:center}
.game-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;border-radius:999px;background:var(--accent);color:var(--white);cursor:pointer;transition:transform .18s ease,background .18s ease;border:0}
.game-btn:active{transform:translateY(1px)}
.game-btn:hover{background:var(--accent-60)}
.game-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,0.18);color:var(--white)}
.game-btn--ghost:hover{background:rgba(255,255,255,0.06)}
.game-icon{width:14px;height:14px;fill:currentColor}
.game-card--provider{background:var(--surface2);display:flex;align-items:center;justify-content:center;padding:16px;border-radius:var(--radius)}
.provider-card{display:flex;align-items:center;justify-content:center;width:100%;height:70px}
.provider-card img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .18s ease,opacity .18s ease}
.provider-card:hover img{filter:none;opacity:1}
.game-link:focus{outline:none;box-shadow:var(--focus)}
.games-prev:focus,.games-next:focus{outline:none;box-shadow:var(--focus)}
.game-card--promo{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface3);border:0}
.game-card--promo>a{position:relative;display:block;min-height:220px;height:100%;padding:24px;text-decoration:none;color:var(--white)}
.game-card--promo .game-media{position:absolute;inset:0;z-index:0}
.game-card--promo .game-media img{width:100%;height:100%;object-fit:cover;object-position:center right;transform:scale(1);transition:transform .45s ease,filter .45s ease}
.game-card--promo>a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--black-rgb)/.95) 0%,rgb(var(--black-rgb)/.85) 48%,rgb(var(--black-rgb)/.35) 72%,rgb(var(--black-rgb)/0) 100%);z-index:1}
.game-card--promo .promo-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:12px;max-width:560px;height:100%;padding:0}
.game-card--promo .promo-body h3{margin:0 0 6px;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 0 rgb(var(--black-rgb)/.45)}
.game-card--promo .promo-body p{margin:0 0 18px;font-weight:900;line-height:1.15;font-size:34px;color:var(--white);text-shadow:0 2px 10px rgb(var(--black-rgb)/.5);white-space:pre-line}
.game-card--promo .promo-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 22px;border-radius:9999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow);transition:transform var(--t),background var(--t),box-shadow var(--t);cursor:pointer;width:max-content}
.game-card--promo:hover .game-media img,.game-card--promo:focus-within .game-media img{transform:scale(1.06);filter:saturate(1.05)}
.game-card--promo .promo-btn:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgb(var(--accent-rgb)/.5)}
.game-card--promo>a:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius)}
[data-theme=light] .game-card--provider .provider-card{filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}
@media (max-width:1300px){.games-block{padding:0 60px}}
@media (max-width:1024px){.games-list{--cols:4!important}.games-block--promo .games-list{--cols:1;flex-direction:column;overflow-x:visible;scroll-snap-type:none}.games-block--promo .game-card{flex:100%}}
@media (max-width:768px){.games-list{--cols:3!important}.game-card--promo>a{min-height:180px;padding:18px}.game-card--promo .promo-body p{font-size:22px}.games-block{padding:0 35px}.games-title{font-size:16px;padding:0}.games-actions{left:-50px;right:-50px}.games-actions .games-prev,.games-actions .games-next{height:60px;width:35px;background:rgba(var(--surface-rgb),0.8)}.games-actions .games-prev:hover,.games-actions .games-next:hover{width:45px}}
@media (max-width:480px){.games-list{--cols:2!important}.games-header{gap:10px}}





.faq{display:grid;gap:12px}.faq__q{width:100%;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq__item .card-inner{padding:0}.faq__item{padding:0}.faq__q{padding:16px 18px}.faq__q:focus{outline:none;box-shadow:var(--focus)}.faq__qtext{font-weight:950}.faq__icon{width:18px;height:18px;border-radius:999px;border:1px solid var(--border);background:var(--white-08);position:relative}.faq__icon:before,.faq__icon:after{content:"";position:absolute;inset:0;margin:auto;background:var(--text)}.faq__icon:before{width:10px;height:2px}.faq__icon:after{width:2px;height:10px;transition:transform var(--t),opacity var(--t)}.faq__q[aria-expanded=true] .faq__icon:after{transform:scaleY(.2);opacity:0}
.faq__a{border-top:1px solid var(--border);padding:0 18px 16px}.faq__acontent{color:var(--muted);padding-top:12px}
.grid--content{display:grid;grid-template-columns:1fr 320px;gap:18px}@media(max-width:980px){.grid--content{grid-template-columns:1fr}.sidebar{order:2}}
.pagination{margin-top:18px}





/* TEMP */
.nav__actions{display:flex;align-items:center;gap:10px}
.theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font:500 13px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--t),border var(--t),box-shadow var(--t),transform var(--t)}
.theme-toggle:hover{background:var(--surface2);border-color:var(--accent-22);box-shadow:0 6px 18px var(--accent-14)}
.theme-toggle:active{transform:translateY(1px);box-shadow:0 3px 10px var(--accent-15)}
.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus)}
.theme-toggle__icon{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));position:relative;flex-shrink:0;box-shadow:0 0 0 2px var(--accent-14);transition:transform var(--t),box-shadow var(--t),background var(--t)}
.theme-toggle__icon::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg);transition:opacity var(--t),transform var(--t)}

.theme-toggle:hover .theme-toggle__icon{transform:rotate(20deg) scale(1.05);box-shadow:0 0 0 3px var(--accent-22)}
.theme-toggle__label{font-size:12.5px;letter-spacing:.02em;color:var(--muted);transition:color var(--t)}
.theme-toggle:hover .theme-toggle__label{color:var(--text)}
[data-theme="dark"] .theme-toggle__icon{background:linear-gradient(135deg,var(--gold),var(--accent))}
[data-theme="dark"] .theme-toggle__icon::before{opacity:.2;transform:scale(.7)}
[data-theme="dark"] .theme-toggle:hover{border-color:var(--gold-26);box-shadow:0 6px 20px var(--gold-18)}

/* ================= Breadcrumb ================= */
.breadcrumb{margin-bottom:18px}
.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:12px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(10px);font-size:14px}
.breadcrumb__item{display:flex;align-items:center;gap:6px}
.breadcrumb__link{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--t)}
.breadcrumb__link:hover{color:var(--accent-2);text-decoration:underline}
.breadcrumb__sep{color:var(--muted);font-size:13px;user-select:none}
.breadcrumb__current{color:var(--muted);font-weight:500}
@media(max-width:768px){.breadcrumb__list{padding:10px 14px;font-size:13px;gap:4px}}

/* ================= Article ================= */
.article p a{position:relative;color:var(--accent) !important;text-decoration:none;transition:color .25s ease;}
.article p a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--accent-2);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;border-radius:1px;}
.article p a:hover::after{transform:scaleX(1);transform-origin:left;}
.article p a:hover{color:var(--accent-2) !important;}

.article-header{max-width:var(--container);margin:0 auto;padding:28px 28px 22px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);position:relative;overflow:hidden}
.article-header .h1{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:700;color:var(--text);letter-spacing:-.02em;position:relative;z-index:1}
.article-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);position:relative;z-index:1}
.article-meta time, .article-meta span{padding:4px 10px;background:var(--accent-10);border:1px solid var(--accent-14);border-radius:999px;color:var(--accent);font-weight:500}

.article-excerpt{color:var(--muted)}.post-featured{margin:12px 0 16px}
.article-img{border-radius:18px;border:1px solid var(--border)}
.article .tags a{display:inline-flex;margin:6px 8px 0 0;padding:6px 10px;border-radius:999px;border:1px solid var(--border);text-decoration:none;background:var(--white-08)}

.article h2,article h3,article h4{margin:18px 0 10px}
.article p{margin:10px 0}
.article ul{margin:20px 0;padding:0 0 0 20px;list-style:none;display:flex;flex-direction:column;gap:5px;color:var(--text);font-size:15px;line-height:1.7;max-width:720px}
.article ul li{position:relative;padding-left:28px}
.article ul li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-20),0 0 10px var(--accent-60)}

.article ol{margin:20px 0;padding:0 0 0 20px;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:15px;line-height:1.7;max-width:720px;counter-reset:step}
.article ol li{position:relative;padding-left:38px;counter-increment:step}
.article ol li::before{content:counter(step);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background:var(--accent);box-shadow:0 0 0 3px var(--accent-20),0 0 10px var(--accent-60)}
.article ul li p, .article ol li p{margin:0}


@media (max-width:768px){
.article-header{padding:22px 18px}
.article-header .h1{font-size:26px}
.article-meta{font-size:13px}
.article ul, .article ol{padding-right:14px;gap:14px;font-size:14px;max-width:100%}
.article ul li{padding-left:24px}
.article ul li::before{width:7px;height:7px;top:.65em}
.article ol li{padding-left:32px}
.article ol li::before{width:20px;height:20px;font-size:11px;top:.15em}
}

/* ================= Sidebar: Widget & Winners ================= */
.widget{margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform var(--t),border-color var(--t)}
.widget:hover{transform:translateY(-2px);border-color:var(--accent-25)}
.widget-title{text-transform: uppercase;margin:0 0 10px;padding:28px 28px 22px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);position:relative;overflow:hidden}
.widget-icon{width:25px;height:25px;padding:0;background:none;box-shadow:none;color:var(--text);filter:drop-shadow(0 1px 2px rgb(0 0 0/.3));transition:transform .2s ease}
.winners{position:sticky;top:96px}
.winners-title{display:flex;align-items:center;gap:10px}
.winners-list{margin:0;padding:10px;display:flex;flex-direction:column;gap:10px}
.winners-item{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--white-06);border:1px solid var(--border);transition:transform var(--t),background var(--t),border-color var(--t)}
.winners-item:hover{background:var(--white-10);border-color:var(--accent-22)}
.winners-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--white-04)}
.winners-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.winners-meta{min-width:0;display:flex;flex-direction:column;gap:4px}
.winners-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.winners-name{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.winners-amount{font-weight:950;color:var(--accent);white-space:nowrap;flex-shrink:0}
.winners-game{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.winners-item.is-enter{opacity:0;transform:translateY(-10px)}
.winners-item.is-enter.is-enter-active{opacity:1;transform:translateY(0);transition:opacity .26s ease,transform .26s ease}
.winners-item.is-exit{opacity:1;transform:translateY(0)}
.winners-item.is-exit.is-exit-active{opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}
@media(max-width:960px){.winners{position:relative;top:auto}}

/* ================= Table ================= */
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);font-size:15px}
table thead{background:var(--accent-10)}
table thead th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap}
table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted);transition:background var(--t),color var(--t)}
table tbody tr:hover td{background:var(--accent-10);color:var(--text)}
table tbody tr:nth-child(even) td{background:var(--white-04)}
@media (min-width:769px){
table tbody tr:last-child td{border-bottom:none}
}
@media (max-width:768px){
table{border:none;background:transparent}
table thead{display:none}
table,table tbody,table tr,table td{display:block;width:100%}
table tr{margin-bottom:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-sizing:border-box}
table tr:last-child{margin-bottom:0;border:1px solid var(--border)}
table td{padding:10px 14px;position:relative;border:none;box-sizing:border-box}
table td:not(:last-child){border-bottom:1px solid var(--border)}
table tbody tr:last-child td{border-bottom:1px solid var(--border)}
table td:last-child{border-bottom:none}
table td::before{content:attr(data-label);position:relative;font-weight:600;color:var(--text);text-align:left;display:block;overflow:hidden;text-overflow:ellipsis}
}

/* ================= Contact form  ================= */
.contact-card{max-width:820px}
.contact-notice{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--white-08);margin:0 0 14px;font-weight:600}
.contact-notice--success{border-color:var(--success-35);background:var(--success-10)}
.contact-notice--error{border-color:var(--danger-35);background:var(--danger-10)}

.contact-form{display:flex;flex-direction:column;gap:14px}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.contact-field{display:flex;flex-direction:column;gap:8px}
.contact-label{font-size:13px;font-weight:700;color:var(--muted)}
.contact-input,.contact-textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);box-shadow:inset 0 1px 0 var(--white-08);transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.contact-textarea{resize:vertical;min-height:140px}
.contact-input:focus,.contact-textarea:focus{outline:none;box-shadow:var(--focus);border-color:var(--accent-35);background:var(--surface3)}
.contact-input::placeholder,.contact-textarea::placeholder{color:var(--muted)}

.contact-form .btn{align-self:flex-start}
.contact-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media (max-width:720px){.contact-form__row{grid-template-columns:1fr}}
@media (max-width:520px){.contact-form .btn{width:100%;justify-content:center}}


/* ================= Author Box&Page  ================= */
.author-box{display:flex;gap:16px;align-items:center;padding:18px;border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--t);}
.author-box:hover{box-shadow:var(--shadow2);transform:translateY(-2px);}
.author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-20);background:var(--surface3);}
.author-box__content{display:flex;flex-direction:column;gap:6px;}
.author-box__content a{font-size:16px;font-weight:600;color:var(--text);text-decoration:none;transition:var(--t);}
.author-box__content a:hover{color:var(--accent);}
.author-box__content p{margin:0;font-size:14px;line-height:1.5;color:var(--muted);}
.author-box:focus-within{box-shadow:var(--focus);}

.author-page{display:flex;align-items:flex-start;gap:20px;}
.author-page img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-20);background:var(--surface3);flex-shrink:0;}
.author-description{flex:1;}
.author-description p{margin:0 0 14px 0;font-size:15px;line-height:1.7;color:var(--muted);}
.author-socials{display:flex;gap:10px;list-style:none;margin:16px 0 0;padding:0;}
.author-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface3);border:1px solid var(--border);color:var(--muted);transition:var(--t);text-decoration:none;}
.author-social:hover{background:var(--accent);color:#fff !important;border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow2);}
.author-social .author-icon{width:18px;height:18px;fill:currentColor;}
@media (max-width:768px){.author-box,.author-page{flex-direction:column;align-items:center;}.author-description,.author-box__content{text-align: center;}.author-socials{justify-content:center;}}



/* ================= Footer ================= */
.site-footer{padding:52px 0 22px;border-top:1px solid var(--header-border);background:linear-gradient(180deg,transparent,var(--black-03))}
.footer-grid{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:18px;align-items:start}
.footer-brand{display:flex;flex-direction:column;gap:16px;}
.footer-logo{display:flex;align-items:center}
.footer-logo img{max-width:180px;height:auto;display:block}
.footer-note{font-size:14px;color:var(--muted);line-height:1.5}
.trust{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;list-style:none}
.trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);background:var(--white-04);padding:6px 10px;border-radius:999px;border:1px solid var(--border)}
.footer-icon{width:16px;height:16px;fill:var(--accent)}
.footer-contact{font-style:normal}
.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.contact-item{font-size:14px;color:var(--text);display:flex;flex-wrap:wrap;gap:6px}
.contact-item span:first-child{color:var(--muted)}
.contact-item a{color:var(--accent);text-decoration:none;transition:var(--t)}
.contact-item a:hover{color:var(--accent-2);text-decoration:underline}
.footer-menu-col{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-menu-col .menu .menu-item a{text-decoration:none;color:var(--text);padding:8px 10px;border-radius:12px;display:inline-flex}
.footer-menu-col .menu .menu-item a:hover{background:var(--white-08)}
.footer-bottom{margin-top:18px;padding-top:16px;border-top:1px solid var(--header-border)}
.footer-copyright{margin:0;color:var(--muted);font-size:12px;text-align: center}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr}.footer-note{font-size:13px}.contact-item{font-size:13px}}
[data-theme=dark] .site-footer{background:linear-gradient(180deg,transparent,var(--white-02))}

/* ===== Sitemap ===== */
.sitemap{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:20px}
.sitemap-section{display:block;max-width:300px}
.sitemap-list a{color:var(--text);text-decoration: none;transition: color var(--t);}
.sitemap-list a:hover{color:var(--accent);}
@media(max-width:1024px){.sitemap{grid-template-columns:repeat(2,auto);justify-content:space-between}}
@media(max-width:600px){.sitemap{grid-template-columns:1fr; gap:0;}}

/* ================= 404 Page ================= */
.casino-404{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center;position:relative;overflow:hidden}
.casino-404::before{content:"404";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(180px,28vw,360px);font-weight:900;letter-spacing:-.04em;line-height:1;color:transparent;background:linear-gradient(135deg,var(--accent-14),var(--accent2-10));-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none;z-index:0}
.casino-404__inner{position:relative;z-index:1;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 36px}
.casino-404__title{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.02em;margin:0;color:var(--text);line-height:1.15}
.casino-404__subtitle{margin:0;font-size:16px;line-height:1.65;color:var(--muted);max-width:42ch}
.casino-404__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 30px var(--accent-35),inset 0 0 0 1px var(--white-10);transition:transform var(--t),box-shadow var(--t),filter var(--t);position:relative;overflow:hidden;isolation:isolate}
.casino-404__btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgb(var(--white-rgb)/.4),transparent 80%);transform:translateX(-120%);transition:transform .5s ease}
.casino-404__btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 44px var(--accent-60),inset 0 0 0 1px var(--white-14);filter:brightness(1.08)}
.casino-404__btn:hover::before{transform:translateX(120%)}
.casino-404__btn:focus-visible{outline:none;box-shadow:var(--focus)}
.casino-404__btn:active{transform:translateY(1px) scale(.98)}
@media(max-width:600px){.casino-404{padding:40px 16px}.casino-404__inner{padding:32px 22px}.casino-404__subtitle{font-size:14px}.casino-404__btn{width:100%;justify-content:center;padding:14px 20px}}