/* Variant 3: plum, coral and gold with a compact right-hand playbook. */
.site-header{background:#21162c;border-bottom:1px solid #49314e}.header-row{min-height:98px}.brand-word{font-size:31px;letter-spacing:-2px}.variant-shell{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:38px;align-items:start}.main-column{min-width:0;order:1}.side-menu{position:sticky;top:22px;order:2;margin-top:34px;padding:24px 18px;border:1px solid #543456;border-radius:24px;background:linear-gradient(160deg,#2a1936,#19121f);color:#fff}.side-menu-orb{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:#ff6b57;color:#21121b;font-size:21px}.side-menu-kicker{margin:0;color:#ffd166;font-size:10px;font-weight:800;letter-spacing:.18em}.side-menu-title{margin:8px 0 18px;font-size:22px;font-weight:800;line-height:1.1}.side-menu nav{display:grid;gap:2px}.side-menu nav a{display:flex;justify-content:space-between;gap:8px;padding:13px 8px;border-bottom:1px solid #49314e;color:#f4d9e7;font-size:14px;font-weight:700}.side-menu nav a:hover{color:#ffb69f}.side-menu nav b{color:#ff6b57}.side-menu-note{margin:18px 0 0;color:#ac92ad;font-size:12px}.hero{margin-top:34px;border-radius:28px;border-color:#593854;background:#17111f;box-shadow:0 18px 44px #0b071080}.hero:after{background:linear-gradient(90deg,#17111ff5 0%,#17111fa0 45%,#17111f1c 100%)}.hero-copy{width:55%;padding:56px 50px}.hero-title{font-size:47px;letter-spacing:-2px}.hero-bonus{color:#ffd166;font-size:32px}.hero-extra{color:#ff8f78}.button{border-radius:999px}.games-section{padding-top:44px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{border-radius:20px;background:#21162c;border-color:#49314e}.game-card:hover{transform:translateY(-7px);border-color:#ff6b57}.game-picture{aspect-ratio:4/3}.game-caption{padding:16px 17px}.game-name{font-size:16px}.providers-section,.payments-section{padding:38px 0 12px}.providers-grid{display:flex;flex-wrap:wrap;gap:10px}.provider-card{min-height:44px;padding:10px 17px;border-radius:999px;background:#2a1936;border-color:#543456;color:#f7e7ef}.provider-mark{color:#ffd166}.payments-section{padding-bottom:62px}.payments-grid{display:flex;flex-wrap:wrap;gap:10px}.payment-card{min-width:140px;padding:14px 16px;border:1px solid #543456;border-radius:14px;background:#21162c;color:#f7e7ef}.payment-card:hover{border-color:#ff6b57;color:#fff}.payment-icon{color:#ffd166;font-size:20px}.site-footer{background:#21162c;border-top:1px solid #543456}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px;padding:60px 0 48px}.footer-links{display:grid;align-content:start;gap:11px}.footer-heading{margin:0 0 7px;color:#ffd166;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.footer-links a{color:#d8c0d7;font-size:14px}.footer-links a:hover{color:#ff8f78}.footer-links .button{margin-top:10px;width:max-content}.footer-bottom{border-color:#49314e}.footer-brand .brand-word{color:#fff}
@media(max-width:1050px){.variant-shell{grid-template-columns:minmax(0,1fr) 200px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.variant-shell{display:block}.side-menu{position:relative;top:auto;margin:18px 0 0}.hero-copy{width:100%;padding:30px 24px}.hero-title{font-size:35px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.providers-grid,.payments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card,.payment-card{min-width:0}.footer-grid{grid-template-columns:1fr}}

.mobile-menu{display:none}
@media(max-width:700px){
  .site-header{position:relative;z-index:10}
  .site-header .header-row{gap:12px;flex-wrap:wrap;padding-block:14px}
  .site-header .header-actions{margin-left:auto}
  .mobile-menu{display:block}
  .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;cursor:pointer;list-style:none;color:var(--ink)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .burger-lines,.burger-lines:before,.burger-lines:after{display:block;width:20px;height:2px;background:currentColor;position:relative}
  .burger-lines:before,.burger-lines:after{content:'';position:absolute;left:0;top:-6px}
  .burger-lines:after{top:6px}
  .mobile-menu[open] .burger-lines{background:transparent}
  .mobile-menu[open] .burger-lines:before{top:0;transform:rotate(45deg)}
  .mobile-menu[open] .burger-lines:after{top:0;transform:rotate(-45deg)}
  .mobile-menu-panel{position:absolute;top:100%;left:0;right:0;padding:16px max(16px,calc((100% - 1240px)/2));display:grid;gap:6px;max-height:65vh;overflow-y:auto;background:var(--background);border-bottom:1px solid var(--accent);box-shadow:0 18px 24px #0004}
  .mobile-menu-panel a{display:block;padding:12px 16px;border-radius:8px;background:var(--surface);overflow-wrap:anywhere}
  .mobile-menu-panel a:hover{color:var(--accent)}
  .variant-shell .side-menu{display:none}
}
@media(max-width:420px){.site-header .brand{max-width:calc(100% - 60px)}.site-header .header-actions{order:3;flex-basis:100%;justify-content:stretch}.site-header .header-actions .button{flex:1}.mobile-menu{margin-left:auto}}

@media(max-width:700px){.mobile-menu summary{border-radius:50%;background:var(--accent);color:var(--button-ink)}.mobile-menu-panel{left:14px;right:14px;top:calc(100% + 8px);border:1px solid var(--border);border-radius:24px;padding:12px;box-shadow:0 20px 50px #0008}.mobile-menu-panel a{border-radius:14px;padding:15px 18px}.mobile-menu[open] .mobile-menu-panel{animation:menu-reveal .18s ease-out}}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open] .mobile-menu-panel{animation:none}}