/* ==========================================================================
   FOUNDATION AND RESPONSIVE GRID
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.container .alpha {
    margin-left: 0px;
}
.container .omega {
    margin-right: 0px;
}
.row {
    margin-left: -20px;
}
.row:before, .row:after {
    display: table;
    content: "";
    line-height: 0;
}
.row:after {
    clear: both;
}
[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.container {
    width: 1132px;
}
.grid_12 {
    width: 1132px;
}
.grid_11 {
    width: 1036px;
}
.grid_10 {
    width: 940px;
}
.grid_9 {
    width: 844px;
}
.grid_8 {
    width: 748px;
}
.grid_7 {
    width: 652px;
}
.grid_6 {
    width: 556px;
}
.grid_5 {
    width: 460px;
}
.grid_4 {
    width: 364px;
}
.grid_3 {
    width: 268px;
}
.grid_2 {
    width: 172px;
}
.grid_1 {
    width: 76px;
}
.preffix_12 {
    margin-left: 1172px;
}
.preffix_11 {
    margin-left: 1076px;
}
.preffix_10 {
    margin-left: 980px;
}
.preffix_9 {
    margin-left: 884px;
}
.preffix_8 {
    margin-left: 788px;
}
.preffix_7 {
    margin-left: 692px;
}
.preffix_6 {
    margin-left: 596px;
}
.preffix_5 {
    margin-left: 500px;
}
.preffix_4 {
    margin-left: 404px;
}
.preffix_3 {
    margin-left: 308px;
}
.preffix_2 {
    margin-left: 212px;
}
.preffix_1 {
    margin-left: 116px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container:before, .container:after {
    display: table;
    content: "";
    line-height: 0;
}
.container:after {
    clear: both;
}
@media (min-width: 980px) and (max-width: 1199px) {
    .row {
        margin-left: -20px;
  }
    .row:before,   .row:after {
        display: table;
        content: "";
        line-height: 0;
  }
    .row:after {
        clear: both;
  }
    [class*="grid_"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
  }
    .container {
        width: 940px;
  }
    .grid_12 {
        width: 940px;
  }
    .grid_11 {
        width: 860px;
  }
    .grid_10 {
        width: 780px;
  }
    .grid_9 {
        width: 700px;
  }
    .grid_8 {
        width: 620px;
  }
    .grid_7 {
        width: 540px;
  }
    .grid_6 {
        width: 460px;
  }
    .grid_5 {
        width: 380px;
  }
    .grid_4 {
        width: 300px;
  }
    .grid_3 {
        width: 220px;
  }
    .grid_2 {
        width: 140px;
  }
    .grid_1 {
        width: 60px;
  }
    .preffix_12 {
        margin-left: 980px;
  }
    .preffix_11 {
        margin-left: 900px;
  }
    .preffix_10 {
        margin-left: 820px;
  }
    .preffix_9 {
        margin-left: 740px;
  }
    .preffix_8 {
        margin-left: 660px;
  }
    .preffix_7 {
        margin-left: 580px;
  }
    .preffix_6 {
        margin-left: 500px;
  }
    .preffix_5 {
        margin-left: 420px;
  }
    .preffix_4 {
        margin-left: 340px;
  }
    .preffix_3 {
        margin-left: 260px;
  }
    .preffix_2 {
        margin-left: 180px;
  }
    .preffix_1 {
        margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
    .row {
        margin-left: -20px;
  }
    .row:before,   .row:after {
        display: table;
        content: "";
        line-height: 0;
  }
    .row:after {
        clear: both;
  }
    [class*="grid_"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
  }
    .container {
        width: 748px;
  }
    .grid_12 {
        width: 748px;
  }
    .grid_11 {
        width: 684px;
  }
    .grid_10 {
        width: 620px;
  }
    .grid_9 {
        width: 556px;
  }
    .grid_8 {
        width: 492px;
  }
    .grid_7 {
        width: 428px;
  }
    .grid_6 {
        width: 364px;
  }
    .grid_5 {
        width: 300px;
  }
    .grid_4 {
        width: 236px;
  }
    .grid_3 {
        width: 172px;
  }
    .grid_2 {
        width: 108px;
  }
    .grid_1 {
        width: 44px;
  }
    .preffix_12 {
        margin-left: 788px;
  }
    .preffix_11 {
        margin-left: 724px;
  }
    .preffix_10 {
        margin-left: 660px;
  }
    .preffix_9 {
        margin-left: 596px;
  }
    .preffix_8 {
        margin-left: 532px;
  }
    .preffix_7 {
        margin-left: 468px;
  }
    .preffix_6 {
        margin-left: 404px;
  }
    .preffix_5 {
        margin-left: 340px;
  }
    .preffix_4 {
        margin-left: 276px;
  }
    .preffix_3 {
        margin-left: 212px;
  }
    .preffix_2 {
        margin-left: 148px;
  }
    .preffix_1 {
        margin-left: 84px;
  }
}
.select-menu {
    display: none !important;
}
@media (max-width: 767px) {
    .container {
        width: 420px;
        padding: 0 0px;
  }
    .row {
        margin-left: 0;
  }
    [class*="grid_"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
    .select-menu {
        display: block !important;
  }
}
@media (max-width: 479px) {
    body {
        padding: 0;
  }
    .container {
        width: 300px;
        padding: 0 15px;
  }
    .row {
        margin-left: 0;
  }
}

/* ==========================================================================
   LUCKI SITE STYLES
   ========================================================================== */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);
/*========================================================
                    Main layout styles
=========================================================*/ body {
    font: 400 14px/20px "Arial", sans-serif;
    color: #858585;
    background: #2b2b2b;
}
/* Lucki Live Games */ .lucki-live {
  scroll-margin-top:76px;
  padding:76px 24px 82px;
  background:linear-gradient(135deg,#edf4ff 0%,#fff 48%,#fff0eb 100%);
  color:#12234f;
  position:relative;
  overflow:hidden
}
.lucki-live:before,.lucki-live:after {
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none
}
.lucki-live:before {
  width:340px;
  height:340px;
  left:-210px;
  top:160px;
  border:60px solid rgba(55,111,238,.09)
}
.lucki-live:after {
  width:240px;
  height:240px;
  right:-145px;
  bottom:-90px;
  border:42px solid rgba(255,112,99,.1)
}
.lucki-live-shell {
  max-width:1480px;
  margin:auto;
  position:relative;
  z-index:1
}
.lucki-live-intro {
  text-align:center;
  max-width:1000px;
  margin:0 auto 34px
}
.lucki-live-kicker {
  display:inline-block;
  color:#3976ed;
  font-size:13px;
  font-weight:900;
  letter-spacing:.22em;
  margin-bottom:12px
}
.lucki-live-intro h2 {
  font-size:clamp(36px,4vw,62px);
  line-height:1.02;
  margin:0 0 17px;
  color:#11234e;
  font-weight:900
}
.lucki-live-intro h2 span {
  background:linear-gradient(90deg,#3377ef,#865ddd,#ff7566);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.lucki-live-intro p {
  font-size:18px;
  line-height:1.6;
  color:#53617f;
  margin:0
}
.lucki-live-intro strong {
  color:#2f69d8
}
.lucki-live-layout {
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  gap:22px;
  align-items:start
}
.lucki-live-nav {
  position:sticky;
  top:88px;
  border-radius:26px;
  padding:22px 16px;
  background:linear-gradient(155deg,#235fd9 0%,#7358d6 68%,#ff7568 150%);
  color:#fff;
  box-shadow:0 20px 44px rgba(40,76,166,.2)
}
.lucki-live-nav>span {
  display:block;
  padding:0 12px 14px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
  color:#dce7ff
}
.lucki-live-nav [role=tablist] {
  display:grid;
  gap:7px
}
.lucki-live-nav button {
  width:100%;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#eef3ff;
  text-align:left;
  padding:12px 13px;
  font:800 14px/1.25 Arial,sans-serif;
  cursor:pointer;
  transition:background .2s,transform .2s
}
.lucki-live-nav button b {
  display:inline-block;
  width:23px;
  color:#ffd464
}
.lucki-live-nav button:hover,.lucki-live-nav button:focus-visible {
  background:rgba(255,255,255,.14);
  outline:2px solid #ffd464;
  outline-offset:2px
}
.lucki-live-nav button.is-active {
  background:#fff;
  color:#1d3e91;
  box-shadow:0 9px 22px rgba(16,42,110,.18);
  transform:translateX(5px)
}
.lucki-live-host {
  height:128px;
  margin-top:17px;
  border-radius:18px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 60% 35%,rgba(255,216,100,.52),transparent 38%),rgba(8,27,86,.18)
}
.lucki-live-host span {
  position:absolute;
  top:15px;
  left:15px;
  background:#ff7467;
  color:#fff;
  border-radius:8px;
  padding:5px 8px;
  font-weight:900;
  font-size:11px;
  letter-spacing:.12em
}
.lucki-live-host i {
  position:absolute;
  width:54px;
  height:54px;
  border-radius:50%;
  right:27px;
  top:17px;
  background:linear-gradient(135deg,#ffe2ba,#efab7d);
  box-shadow:0 44px 0 13px #182f73
}
.lucki-live-host em {
  position:absolute;
  left:15px;
  bottom:13px;
  font-style:normal;
  font-weight:800;
  font-size:13px;
  color:#fff
}
.lucki-live-stage {
  min-width:0;
  border-radius:28px;
  background:rgba(255,255,255,.91);
  box-shadow:0 22px 56px rgba(40,67,126,.13);
  padding:30px;
  border:1px solid rgba(91,128,211,.16)
}
.lucki-live-panel[hidden] {
  display:none
}
.lucki-live-lead {
  display:flex;
  gap:20px;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:18px
}
.lucki-live-lead>div>span {
  color:#ff7467;
  font-weight:900;
  font-size:11px;
  letter-spacing:.16em
}
.lucki-live-lead h3 {
  font-size:34px;
  line-height:1.1;
  margin:5px 0 7px;
  color:#142653
}
.lucki-live-lead p {
  font-size:16px;
  line-height:1.5;
  color:#61708c;
  margin:0;
  max-width:760px
}
.lucki-live-about {
  flex:0 0 auto;
  border:1px solid #cbd9f4;
  background:#fff;
  color:#2f6be0;
  border-radius:13px;
  padding:11px 14px;
  font-weight:800;
  cursor:pointer
}
.lucki-live-about:hover,.lucki-live-about:focus-visible {
  border-color:#ff7467;
  outline:2px solid rgba(255,116,103,.25)
}
.lucki-live-about i {
  font-style:normal;
  margin-left:5px
}
.lucki-live-about-copy {
  background:#f0f5ff;
  border-left:4px solid #ff7467;
  border-radius:12px;
  padding:14px 16px;
  margin:-2px 0 20px;
  color:#465676;
  line-height:1.55
}
.lucki-live-about-copy p {
  margin:0
}
.lucki-live-grid {
  display:grid;
  grid-template-columns:repeat(3,230px);
  justify-content:center;
  gap:22px 28px
}
.lucki-live-card {
  width:230px;
  display:grid;
  grid-template-rows:230px auto auto;
  text-align:left;
  padding:0 0 13px;
  border:1px solid #e3e9f5;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  color:#172853;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(31,61,125,.08);
  transition:transform .18s,box-shadow .18s,border-color .18s
}
.lucki-live-card:hover,.lucki-live-card:focus-visible {
  transform:translateY(-4px);
  border-color:#ff8074;
  box-shadow:0 14px 28px rgba(38,70,141,.16);
  outline:0
}
.lucki-live-card.is-selected {
  border-color:#426fec;
  box-shadow:0 0 0 3px rgba(66,111,236,.16)
}
.lucki-live-card img {
  width:230px;
  height:230px;
  object-fit:cover;
  background:linear-gradient(135deg,#eef4ff,#fff2ed);
  image-rendering:auto
}
.lucki-live-card strong {
  font-size:15px;
  line-height:1.25;
  padding:12px 13px 3px
}
.lucki-live-card span {
  padding:0 13px;
  color:#3470e5;
  text-decoration:underline;
  font-size:13px;
  font-weight:800
}
.lucki-live-detail {
  position:relative;
  margin-top:20px;
  border-radius:20px;
  padding:22px 52px 20px 22px;
  background:linear-gradient(135deg,#173c93,#6652ca);
  color:#fff
}
.lucki-live-detail[hidden] {
  display:none
}
.lucki-live-detail .lucki-live-provider {
  display:inline-block;
  color:#ffdb72;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:900
}
.lucki-live-detail h4 {
  font-size:25px;
  margin:5px 0 8px;
  color:#fff
}
.lucki-live-detail h5 {
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#bcd4ff;
  margin:14px 0 4px
}
.lucki-live-detail p {
  margin:0;
  line-height:1.55;
  color:#f0f4ff
}
.lucki-live-close {
  position:absolute;
  right:15px;
  top:13px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:24px;
  cursor:pointer
}
.lucki-live-close:hover,.lucki-live-close:focus-visible {
  background:#ff7467;
  outline:2px solid #fff
}
@media(max-width:1050px) {
  .lucki-live-layout {
    grid-template-columns:210px minmax(0,1fr)
  }
  .lucki-live-stage {
    padding:22px
  }
  .lucki-live-grid {
    grid-template-columns:repeat(3,minmax(180px,210px));
    gap:16px
  }
  .lucki-live-card {
    width:100%;
    grid-template-rows:210px auto auto
  }
  .lucki-live-card img {
    width:100%;
    height:210px
  }
}
@media(max-width:760px) {
  .lucki-live {
    padding:55px 14px 62px;
    scroll-margin-top:64px
  }
  .lucki-live-intro {
    margin-bottom:25px
  }
  .lucki-live-intro p {
    font-size:16px
  }
  .lucki-live-layout {
    display:block
  }
  .lucki-live-nav {
    position:static;
    padding:14px;
    margin-bottom:14px
  }
  .lucki-live-nav>span,.lucki-live-host {
    display:none
  }
  .lucki-live-nav [role=tablist] {
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:2px
  }
  .lucki-live-nav button {
    min-width:max-content;
    padding:10px 12px
  }
  .lucki-live-nav button.is-active {
    transform:none
  }
  .lucki-live-stage {
    padding:17px 12px;
    border-radius:20px
  }
  .lucki-live-lead {
    display:block
  }
  .lucki-live-lead h3 {
    font-size:28px
  }
  .lucki-live-about {
    margin-top:13px
  }
  .lucki-live-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }
  .lucki-live-card {
    width:100%;
    grid-template-rows:auto auto auto;
    border-radius:14px
  }
  .lucki-live-card img {
    width:100%;
    height:auto;
    aspect-ratio:1/1
  }
  .lucki-live-card strong {
    font-size:13px;
    padding:9px 9px 3px
  }
  .lucki-live-card span {
    font-size:12px;
    padding:0 9px
  }
  .lucki-live-detail {
    padding:18px 43px 17px 17px
  }
  .lucki-live-detail h4 {
    font-size:21px
  }
}
@media(max-width:390px) {
  .lucki-live-card {
    grid-template-rows:auto auto auto
  }
  .lucki-live-card img {
    height:auto
  }
}
/* Live section visual refinement */ .lucki-live {
  background:linear-gradient(135deg,#dceaff 0%,#f2efff 46%,#ffe8df 100%)
}
.lucki-live-stage {
  background:linear-gradient(145deg,rgba(232,242,255,.97),rgba(247,241,255,.97) 56%,rgba(255,237,229,.96));
  border-color:rgba(91,128,211,.24);
  box-shadow:0 22px 56px rgba(40,67,126,.16)
}
.lucki-live-newbie {
  margin-top:18px;
  padding:18px 16px;
  border-radius:18px;
  background:rgba(13,37,105,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)
}
.lucki-live-newbie>span {
  display:block;
  color:#ffd56a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:7px
}
.lucki-live-newbie>strong {
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.3;
  margin-bottom:11px
}
.lucki-live-newbie ul {
  margin:0 0 12px;
  padding:0;
  list-style:none
}
.lucki-live-newbie li {
  position:relative;
  padding:4px 0 4px 18px;
  color:#f0f4ff;
  font-size:12px;
  line-height:1.3
}
.lucki-live-newbie li:before {
  content:"✓";
  position:absolute;
  left:0;
  color:#ffd56a;
  font-weight:900
}
.lucki-live-newbie p {
  margin:0;
  color:#dce6ff;
  font-size:11px;
  line-height:1.45
}
.lucki-live-newbie p b {
  color:#fff
}
@media(max-width:760px) {
  .lucki-live-newbie {
    display:none
  }
}
/* Lucki Sports Betting */ .lucki-sports {
  scroll-margin-top:76px;
  padding:78px 24px 84px;
  color:#10234d;
  background:linear-gradient(145deg,#082a68 0,#1556a8 42%,#6a54ce 100%);
  position:relative;
  overflow:hidden
}
.lucki-sports:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 18%,rgba(103,205,255,.28),transparent 27%),radial-gradient(circle at 88% 74%,rgba(255,204,101,.2),transparent 25%);
  pointer-events:none
}
.lucki-sports-shell {
  max-width:1480px;
  margin:auto;
  position:relative
}
.lucki-sports-intro {
  text-align:center;
  max-width:1040px;
  margin:0 auto 34px;
  color:#fff
}
.lucki-sports-kicker {
  display:inline-block;
  color:#ffda72;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  margin-bottom:12px
}
.lucki-sports-intro h2 {
  margin:0 0 17px;
  color:#fff;
  font-size:clamp(38px,4vw,62px);
  font-weight:900;
  line-height:1.03
}
.lucki-sports-intro h2 span {
  color:#80dcff
}
.lucki-sports-intro p {
  margin:0;
  color:#dceaff;
  font-size:18px;
  line-height:1.6
}
.lucki-sports-intro strong {
  color:#fff
}
.lucki-bet-basics {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:22px
}
.lucki-bet-basics article {
  position:relative;
  min-height:154px;
  padding:20px 18px 18px 58px;
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(2,22,72,.2)
}
.lucki-bet-basics i {
  position:absolute;
  left:18px;
  top:20px;
  width:29px;
  height:29px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#e7f3ff;
  color:#2869d8;
  font-style:normal;
  font-weight:900
}
.lucki-bet-basics h3 {
  font-size:18px;
  color:#132958;
  margin:0 0 8px
}
.lucki-bet-basics p {
  font-size:14px;
  line-height:1.45;
  color:#5d6a86;
  margin:0
}
.lucki-betting-foundation {
  margin-bottom:22px;
  padding:30px;
  border-radius:28px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(1,19,60,.22)
}
.lucki-betting-foundation>section>span,.lucki-time-rules span,.lucki-sports-catalogue-heading>span {
  display:block;
  color:#ff6f63;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em
}
.lucki-betting-foundation h3 {
  margin:6px 0 8px;
  color:#112653;
  font-size:28px
}
.lucki-betting-foundation>section>p {
  max-width:1080px;
  margin:0;
  color:#566580;
  font-size:16px;
  line-height:1.55
}
.lucki-market-types {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:20px
}
.lucki-market-types article {
  padding:17px;
  border-radius:16px;
  background:linear-gradient(145deg,#eaf3ff,#fff7f2);
  border-top:3px solid #5570df
}
.lucki-market-types b {
  display:block;
  margin-bottom:6px;
  color:#17376f;
  font-size:16px
}
.lucki-market-types p,.lucki-time-rules p {
  margin:0;
  color:#566580;
  font-size:14px;
  line-height:1.5
}
.lucki-time-rules {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:18px
}
.lucki-time-rules>div {
  padding:19px;
  border-radius:18px;
  background:#f3f6ff
}
.lucki-time-rules h3 {
  font-size:20px;
  margin:5px 0 8px
}
.lucki-time-rules strong {
  color:#17376f
}
.lucki-sports-workspace {
  padding:32px;
  border-radius:30px;
  background:linear-gradient(145deg,#f3f8ff,#fff 55%,#fff4ed);
  box-shadow:0 24px 60px rgba(1,19,60,.28)
}
.lucki-sports-toolbar {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-bottom:22px
}
.lucki-sports-toolbar>div>span {
  font-size:11px;
  letter-spacing:.16em;
  color:#ff6f63;
  font-weight:900
}
.lucki-sports-toolbar h3 {
  font-size:34px;
  line-height:1.1;
  margin:5px 0 7px;
  color:#112653
}
.lucki-sports-toolbar p {
  font-size:16px;
  line-height:1.5;
  color:#5b6985;
  margin:0;
  max-width:780px
}
.lucki-betting-guide {
  flex:0 0 auto;
  border:0;
  border-radius:14px;
  padding:13px 16px;
  background:#173f93;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 9px 20px rgba(23,63,147,.2)
}
.lucki-betting-guide:hover,.lucki-betting-guide:focus-visible {
  background:#ff7166;
  outline:3px solid rgba(255,113,102,.24)
}
.lucki-betting-guide i {
  font-style:normal;
  margin-left:7px
}
.lucki-sports-general {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:0 0 24px
}
.lucki-sports-general[hidden] {
  display:none
}
.lucki-sports-general div {
  padding:16px;
  border-radius:15px;
  background:#eaf2ff;
  border-left:3px solid #5e63d9
}
.lucki-sports-general h4 {
  font-size:15px;
  margin:0 0 6px;
  color:#17376f
}
.lucki-sports-general p {
  font-size:13px;
  line-height:1.45;
  color:#566580;
  margin:0
}
.lucki-sports-catalogue-heading {
  text-align:center;
  margin:28px 0 20px;
  padding-top:26px;
  border-top:1px solid #dbe5f5
}
.lucki-sports-catalogue-heading h3 {
  margin:5px 0 6px;
  color:#112653;
  font-size:28px
}
.lucki-sports-catalogue-heading p {
  margin:0;
  color:#61708a;
  font-size:14px
}
.lucki-sport-grid {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px
}
.lucki-sport-card {
  min-width:0;
  padding:10px 8px 9px;
  border:1px solid #d9e4f6;
  border-radius:14px;
  background:#fff;
  color:#162b58;
  text-align:center;
  cursor:pointer;
  box-shadow:0 5px 13px rgba(35,68,130,.07);
  transition:transform .18s,border-color .18s,box-shadow .18s
}
.lucki-sport-card:hover,.lucki-sport-card:focus-visible {
  transform:translateY(-2px);
  border-color:#ff7568;
  outline:0;
  box-shadow:0 9px 18px rgba(35,68,130,.13)
}
.lucki-sport-card.is-selected {
  border-color:#376ee5;
  background:linear-gradient(145deg,#e8f3ff,#f0eaff);
  box-shadow:0 0 0 2px rgba(55,110,229,.14)
}
.lucki-sport-card i {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0 auto 6px;
  border-radius:11px;
  background:linear-gradient(145deg,#edf5ff,#fff0e9);
  font-size:19px;
  font-style:normal
}
.lucki-sport-card strong {
  display:block;
  font-size:13px;
  line-height:1.2;
  min-height:31px
}
.lucki-sport-card span {
  display:block;
  color:#3470dd;
  font-size:10px;
  font-weight:800;
  margin-top:2px
}
.lucki-sport-detail {
  position:relative;
  margin-top:24px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(135deg,#123c8c,#6153c8);
  color:#fff
}
.lucki-sport-detail[hidden] {
  display:none
}
.lucki-sport-label {
  color:#ffdc77;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em
}
.lucki-sport-detail>h3 {
  font-size:28px;
  margin:5px 0 7px;
  color:#fff
}
.lucki-sport-summary {
  max-width:900px;
  margin:0 0 18px;
  color:#e6eeff;
  font-size:16px;
  line-height:1.5
}
.lucki-sport-detail-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px
}
.lucki-sport-detail-grid>div {
  padding:15px;
  border-radius:14px;
  background:rgba(255,255,255,.1)
}
.lucki-sport-detail-grid h4 {
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#bfe2ff;
  margin:0 0 6px
}
.lucki-sport-detail-grid p {
  margin:0;
  color:#fff;
  line-height:1.5
}
.lucki-sport-close {
  position:absolute;
  right:16px;
  top:14px;
  width:35px;
  height:35px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:23px;
  cursor:pointer
}
.lucki-sport-close:hover,.lucki-sport-close:focus-visible {
  background:#ff7166;
  outline:2px solid #fff
}
@media(max-width:1100px) {
  .lucki-bet-basics {
    grid-template-columns:repeat(2,1fr)
  }
  .lucki-market-types {
    grid-template-columns:repeat(2,1fr)
  }
  .lucki-sport-grid {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}
@media(max-width:760px) {
  .lucki-sports {
    padding:58px 14px 64px;
    scroll-margin-top:64px
  }
  .lucki-sports-intro p {
    font-size:16px
  }
  .lucki-bet-basics,.lucki-market-types,.lucki-time-rules {
    grid-template-columns:1fr
  }
  .lucki-bet-basics article {
    min-height:0
  }
  .lucki-betting-foundation {
    padding:21px 15px
  }
  .lucki-betting-foundation h3 {
    font-size:23px
  }
  .lucki-sports-workspace {
    padding:20px 12px;
    border-radius:22px
  }
  .lucki-sports-toolbar {
    display:block
  }
  .lucki-betting-guide {
    margin-top:15px
  }
  .lucki-sports-general {
    grid-template-columns:1fr
  }
  .lucki-sport-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px
  }
  .lucki-sport-detail-grid {
    grid-template-columns:1fr
  }
  .lucki-sport-card strong {
    min-height:0
  }
}
/* Lucki Bonuses */ .lucki-bonuses {
  scroll-margin-top:76px;
  padding:78px 24px 84px;
  background:linear-gradient(145deg,#fff8e8,#eef6ff 45%,#f3ebff);
  color:#132958
}
.lucki-bonuses-shell {
  max-width:1480px;
  margin:auto
}
.lucki-bonuses-intro {
  text-align:center;
  max-width:1030px;
  margin:0 auto 30px
}
.lucki-bonuses-intro>span,.lucki-bonus-mechanics>div>span {
  color:#ef645d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-bonuses-intro h2 {
  font-size:clamp(38px,4vw,60px);
  line-height:1.04;
  margin:8px 0 15px;
  color:#132958
}
.lucki-bonuses-intro h2 em {
  font-style:normal;
  color:#5b63da
}
.lucki-bonuses-intro p {
  margin:0;
  color:#596985;
  font-size:17px;
  line-height:1.6
}
.lucki-bonuses-intro strong {
  color:#245fd0
}
.lucki-offer-grid {
  display:grid;
  grid-template-columns:1.65fr 1fr;
  gap:18px
}
.lucki-offer-card {
  border-radius:26px;
  padding:27px;
  box-shadow:0 18px 42px rgba(38,61,113,.14)
}
.lucki-offer-welcome {
  background:linear-gradient(135deg,#123f91,#6552ce);
  color:#fff
}
.lucki-offer-weekly {
  background:#fff;
  border:1px solid #dfe7f5
}
.lucki-offer-type {
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  color:#ffd66f
}
.lucki-offer-weekly .lucki-offer-type {
  color:#ef645d
}
.lucki-offer-total {
  display:flex;
  align-items:baseline;
  gap:13px;
  margin:8px 0
}
.lucki-offer-total b {
  font-size:48px;
  line-height:1
}
.lucki-offer-total span {
  font-size:22px;
  font-weight:800
}
.lucki-offer-card>p {
  font-size:14px;
  line-height:1.5;
  margin:10px 0 19px
}
.lucki-offer-welcome>p {
  color:#e5edff
}
.lucki-offer-weekly>p,.lucki-offer-weekly li {
  color:#5c6a84
}
.lucki-offer-weekly h3 {
  font-size:24px;
  margin:15px 0 5px
}
.lucki-offer-weekly ul {
  margin:15px 0 0;
  padding:0;
  list-style:none
}
.lucki-offer-weekly li {
  padding:5px 0 5px 20px;
  position:relative
}
.lucki-offer-weekly li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:#ef645d;
  font-weight:900
}
.lucki-bonus-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.lucki-bonus-steps>div {
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.11)
}
.lucki-bonus-steps i,.lucki-bonus-steps small {
  display:block;
  font-style:normal
}
.lucki-bonus-steps i {
  color:#bfe2ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em
}
.lucki-bonus-steps strong {
  display:block;
  font-size:28px;
  margin-top:4px
}
.lucki-bonus-steps span {
  font-size:14px
}
.lucki-bonus-steps small {
  color:#ffd66f;
  margin-top:8px;
  font-weight:800
}
.lucki-bonus-order {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
  margin-top:17px
}
.lucki-bonus-order h3,.lucki-bonus-formula {
  grid-column:1/-1
}
.lucki-bonus-order h3 {
  color:#fff;
  font-size:19px;
  margin:0 0 2px
}
.lucki-bonus-order article {
  padding:13px;
  border-radius:14px;
  background:rgba(255,255,255,.09)
}
.lucki-bonus-order b {
  display:block;
  color:#ffd66f;
  font-size:13px;
  margin-bottom:5px
}
.lucki-bonus-order article p {
  margin:0;
  color:#edf2ff;
  font-size:12px;
  line-height:1.45
}
.lucki-bonus-order .lucki-bonus-formula {
  margin:2px 0 0;
  padding:11px 13px;
  border-radius:12px;
  background:rgba(4,24,77,.24);
  color:#e9efff;
  font-size:12px;
  line-height:1.45
}
.lucki-bonus-formula strong {
  color:#ffd66f
}
.lucki-bonus-order[hidden] {
  display:none
}
.lucki-welcome-details-button {
  display:block;
  width:100%;
  margin-top:15px;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:13px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  cursor:pointer
}
.lucki-welcome-details-button:hover,.lucki-welcome-details-button:focus-visible {
  background:rgba(255,255,255,.2);
  outline:2px solid #ffd66f
}
.lucki-welcome-details-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-bonus-mechanics,.lucki-bonus-checks {
  margin-top:18px;
  padding:27px;
  border-radius:26px;
  background:#fff;
  box-shadow:0 14px 34px rgba(38,61,113,.1)
}
.lucki-bonus-mechanics h3,.lucki-bonus-checks h3 {
  font-size:26px;
  margin:6px 0 8px
}
.lucki-bonus-mechanics>div>p {
  margin:0;
  color:#5b6983;
  line-height:1.55
}
.lucki-bonus-flow {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:20px
}
.lucki-bonus-flow article {
  padding:15px;
  border-radius:15px;
  background:#f0f5ff;
  border-top:3px solid #5c65da
}
.lucki-bonus-flow i {
  font-style:normal;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#ef645d
}
.lucki-bonus-flow b {
  display:block;
  font-size:14px;
  margin:5px 0
}
.lucki-bonus-flow p {
  font-size:12px;
  line-height:1.4;
  margin:0;
  color:#64718a
}
.lucki-bonus-checks>div,.lucki-bonus-guide>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.lucki-bonus-checks article {
  padding:15px;
  border-radius:15px;
  background:linear-gradient(145deg,#fff6ec,#f1f5ff)
}
.lucki-bonus-checks b,.lucki-bonus-guide b {
  display:block;
  margin-bottom:5px;
  color:#234b99
}
.lucki-bonus-checks p,.lucki-bonus-guide p {
  margin:0;
  color:#5d6b84;
  font-size:13px;
  line-height:1.45
}
.lucki-bonus-guide-button {
  display:block;
  margin:20px auto 0;
  border:0;
  border-radius:14px;
  padding:14px 20px;
  background:#ef6d63;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(239,109,99,.25)
}
.lucki-bonus-guide-button:hover,.lucki-bonus-guide-button:focus-visible {
  background:#234b99;
  outline:3px solid rgba(35,75,153,.2)
}
.lucki-bonus-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-bonus-guide {
  margin-top:12px;
  padding:25px;
  border-radius:22px;
  background:#152f69;
  color:#fff
}
.lucki-bonus-guide[hidden] {
  display:none
}
.lucki-bonus-guide h3 {
  color:#fff;
  font-size:25px;
  margin:0 0 9px
}
.lucki-bonus-guide>p {
  color:#dfeaff;
  font-size:14px
}
.lucki-bonus-guide>div {
  margin-top:16px
}
.lucki-bonus-guide article {
  padding:15px;
  border-radius:14px;
  background:rgba(255,255,255,.09)
}
.lucki-bonus-guide b {
  color:#ffd66f
}
.lucki-bonus-guide article p {
  color:#fff
}
.lucki-bonus-guide .lucki-bonus-guide-note {
  margin-top:15px;
  color:#bcd4ff
}
@media(max-width:900px) {
  .lucki-offer-grid {
    grid-template-columns:1fr
  }
  .lucki-bonus-flow {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px) {
  .lucki-bonuses {
    padding:58px 14px 64px
  }
  .lucki-offer-card,.lucki-bonus-mechanics,.lucki-bonus-checks {
    padding:20px 15px
  }
  .lucki-bonus-steps,.lucki-bonus-order,.lucki-bonus-checks>div,.lucki-bonus-guide>div {
    grid-template-columns:1fr
  }
  .lucki-bonus-order h3,.lucki-bonus-formula {
    grid-column:auto
  }
  .lucki-bonus-flow {
    grid-template-columns:1fr
  }
  .lucki-offer-total b {
    font-size:40px
  }
  .lucki-offer-total span {
    font-size:18px
  }
}
/* Lucki VIP */ .lucki-vip {
  scroll-margin-top:76px;
  padding:78px 24px 84px;
  background:linear-gradient(145deg,#102b69,#315bb3 48%,#7454c5);
  color:#fff
}
.lucki-vip-shell {
  max-width:1480px;
  margin:auto
}
.lucki-vip-intro {
  text-align:center;
  max-width:1000px;
  margin:0 auto 30px
}
.lucki-vip-intro>span {
  color:#ffd56f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-vip-intro h2 {
  margin:8px 0 15px;
  color:#fff;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-vip-intro h2 em {
  font-style:normal;
  color:#8be0ff
}
.lucki-vip-intro p {
  margin:0;
  color:#dfebff;
  font-size:17px;
  line-height:1.6
}
.lucki-vip-intro strong {
  color:#fff
}
.lucki-vip-path {
  margin-bottom:16px;
  padding:27px;
  border-radius:26px;
  background:#fff;
  color:#142b5d
}
.lucki-vip-path-head {
  text-align:center;
  max-width:900px;
  margin:0 auto
}
.lucki-vip-path-head>span {
  color:#ef675e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em
}
.lucki-vip-path-head h3 {
  font-size:28px;
  margin:6px 0 8px
}
.lucki-vip-path-head p {
  margin:0;
  color:#5d6b84;
  line-height:1.5
}
.lucki-vip-path-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:20px
}
.lucki-vip-path-grid article {
  padding:17px;
  border-radius:15px;
  background:linear-gradient(145deg,#edf4ff,#fff4ed)
}
.lucki-vip-path-grid i {
  font-style:normal;
  color:#ef675e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em
}
.lucki-vip-path-grid b {
  display:block;
  margin:5px 0;
  color:#214d9f
}
.lucki-vip-path-grid p {
  margin:0;
  color:#5d6b84;
  font-size:12px;
  line-height:1.45
}
.lucki-vip-path-note {
  margin:12px 0 0;
  padding:13px 15px;
  border-radius:13px;
  background:#edf3ff;
  color:#53627d;
  font-size:13px;
  line-height:1.45
}
.lucki-vip-path-note strong {
  color:#ef675e
}
.lucki-vip-feature {
  display:grid;
  grid-template-columns:.72fr 1.5fr;
  gap:16px
}
.lucki-vip-rate,.lucki-vip-explainer {
  padding:27px;
  border-radius:26px
}
.lucki-vip-rate {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:linear-gradient(145deg,#ff7468,#ffbd62);
  color:#142b5d;
  box-shadow:0 20px 45px rgba(4,19,59,.28)
}
.lucki-vip-rate span,.lucki-vip-explainer>span,.lucki-vip-details span {
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em
}
.lucki-vip-rate strong {
  display:block;
  font-size:76px;
  line-height:1;
  margin:8px 0
}
.lucki-vip-rate p {
  margin:0;
  font-weight:800
}
.lucki-vip-explainer {
  background:#fff;
  color:#142b5d
}
.lucki-vip-explainer>span,.lucki-vip-details span {
  color:#ef675e
}
.lucki-vip-explainer h3 {
  font-size:28px;
  margin:6px 0 8px
}
.lucki-vip-explainer>p {
  color:#596882;
  line-height:1.55
}
.lucki-vip-explainer small {
  display:block;
  color:#66738b;
  margin-top:10px
}
.lucki-vip-formula {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:17px;
  padding:15px;
  border-radius:15px;
  background:#edf4ff
}
.lucki-vip-formula b {
  color:#214d9f
}
.lucki-vip-formula i {
  font-style:normal;
  color:#ef675e;
  font-size:20px;
  font-weight:900
}
.lucki-vip-journey {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px
}
.lucki-vip-journey article {
  position:relative;
  padding:20px 17px 18px 52px;
  border-radius:18px;
  background:rgba(255,255,255,.1)
}
.lucki-vip-journey i {
  position:absolute;
  left:16px;
  top:19px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#ffd56f;
  color:#173469;
  font-style:normal
}
.lucki-vip-journey h3 {
  font-size:16px;
  color:#fff;
  margin:0 0 6px
}
.lucki-vip-journey p {
  font-size:13px;
  line-height:1.45;
  color:#e3ecff;
  margin:0
}
.lucki-vip-details {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px
}
.lucki-vip-details>div {
  padding:21px;
  border-radius:19px;
  background:#fff;
  color:#142b5d
}
.lucki-vip-details h3 {
  font-size:18px;
  margin:6px 0 8px
}
.lucki-vip-details p {
  margin:0;
  color:#5d6b84;
  font-size:13px;
  line-height:1.5
}
.lucki-vip-guide-button {
  display:block;
  margin:20px auto 0;
  padding:14px 20px;
  border:0;
  border-radius:14px;
  background:#ffd36b;
  color:#132b5d;
  font-weight:900;
  cursor:pointer
}
.lucki-vip-guide-button:hover,.lucki-vip-guide-button:focus-visible {
  background:#ff7468;
  outline:3px solid rgba(255,255,255,.25)
}
.lucki-vip-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-vip-guide {
  margin-top:13px;
  padding:25px;
  border-radius:22px;
  background:#fff;
  color:#142b5d
}
.lucki-vip-guide[hidden] {
  display:none
}
.lucki-vip-guide h3 {
  font-size:25px;
  margin:0 0 14px
}
.lucki-vip-guide>div {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px
}
.lucki-vip-guide article {
  padding:15px;
  border-radius:14px;
  background:#eff4ff
}
.lucki-vip-guide b {
  display:block;
  color:#214d9f;
  margin-bottom:5px
}
.lucki-vip-guide p {
  margin:0;
  color:#5e6c84;
  font-size:13px;
  line-height:1.45
}
@media(max-width:900px) {
  .lucki-vip-feature {
    grid-template-columns:1fr
  }
  .lucki-vip-path-grid,.lucki-vip-journey {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px) {
  .lucki-vip {
    padding:58px 14px 64px
  }
  .lucki-vip-path,.lucki-vip-rate,.lucki-vip-explainer {
    padding:22px 16px
  }
  .lucki-vip-rate strong {
    font-size:60px
  }
  .lucki-vip-formula {
    flex-wrap:wrap;
    gap:7px
  }
  .lucki-vip-path-grid,.lucki-vip-journey,.lucki-vip-details,.lucki-vip-guide>div {
    grid-template-columns:1fr
  }
}
/* Lucki payment methods */ .lucki-payments {
  scroll-margin-top:76px;
  padding:76px 24px 84px;
  background:linear-gradient(145deg,#edf5ff 0,#fffaf3 52%,#f2ecff 100%);
  color:#132958
}
.lucki-payments-shell {
  max-width:1480px;
  margin:auto
}
.lucki-payments-intro {
  text-align:center;
  max-width:980px;
  margin:0 auto 27px
}
.lucki-payments-intro>span,.lucki-payment-heading span,.lucki-crypto span:first-child {
  color:#ef675e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.17em
}
.lucki-payments-intro h2 {
  margin:8px 0 14px;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-payments-intro h2 em {
  font-style:normal;
  color:#5267df
}
.lucki-payments-intro p {
  margin:0;
  color:#596985;
  font-size:17px;
  line-height:1.58
}
.lucki-payments-intro strong {
  color:#245fd0
}
.lucki-payment-tabs {
  display:flex;
  justify-content:center;
  gap:9px;
  margin-bottom:-2px;
  position:relative;
  z-index:2
}
.lucki-payment-tabs button {
  min-width:190px;
  padding:15px 24px;
  border:1px solid #cbdaf1;
  border-bottom:0;
  border-radius:17px 17px 0 0;
  background:#fff;
  color:#52617c;
  font-weight:900;
  cursor:pointer
}
.lucki-payment-tabs button.is-active {
  background:linear-gradient(110deg,#285dd0,#7455d7);
  color:#fff
}
.lucki-payment-tabs button:focus-visible {
  outline:3px solid #ffd369;
  outline-offset:2px
}
.lucki-payment-workspace {
  padding:30px;
  border:1px solid #d5e1f3;
  border-top:4px solid #386ee1;
  border-radius:27px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 44px rgba(34,63,119,.11)
}
.lucki-payment-panel[hidden] {
  display:none
}
.lucki-payment-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px
}
.lucki-payment-heading h3,.lucki-crypto h3 {
  font-size:30px;
  margin:5px 0 7px
}
.lucki-payment-heading p {
  max-width:810px;
  margin:0;
  color:#5e6d87;
  line-height:1.5
}
.lucki-payment-facts {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.lucki-payment-facts b {
  padding:10px 13px;
  border-radius:12px;
  background:#eef4ff;
  color:#64718a;
  font-size:11px
}
.lucki-payment-facts strong {
  display:block;
  color:#214d9f;
  font-size:13px;
  margin-top:2px
}
.lucki-method-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:11px;
  margin-top:23px
}
.lucki-method-grid article {
  min-width:0;
  padding:17px 13px;
  border-radius:17px;
  background:linear-gradient(145deg,#f1f6ff,#fff6ed);
  border:1px solid #e2e9f5;
  text-align:center
}
.lucki-method-grid img {
  display:block;
  width:62px;
  height:42px;
  object-fit:contain;
  margin:0 auto 10px
}
.lucki-method-grid h4 {
  margin:0;
  color:#172d5d;
  font-size:16px
}
.lucki-method-grid p {
  margin:4px 0;
  color:#526888;
  font-size:12px;
  font-weight:800
}
.lucki-method-grid small {
  display:block;
  color:#758097;
  font-size:10px;
  line-height:1.35
}
.lucki-crypto {
  display:grid;
  grid-template-columns:.9fr 1.7fr;
  align-items:center;
  gap:24px;
  margin-top:20px;
  padding:22px;
  border:1px solid #d9e3f2;
  border-radius:20px;
  background:#fff;
  color:#142f69
}
.lucki-crypto h3 {
  color:#142f69;
  font-size:23px
}
.lucki-crypto p {
  margin:0;
  color:#5c6b85;
  font-size:13px;
  line-height:1.5
}
.lucki-coin-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px
}
.lucki-coin-grid span {
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px;
  border-radius:11px;
  background:#17366f;
  font-size:11px;
  font-weight:800
}
.lucki-coin-grid img {
  width:25px;
  height:25px;
  object-fit:contain
}
.lucki-withdrawal-route {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:20px
}
.lucki-withdrawal-route article {
  padding:15px;
  border-radius:15px;
  background:#eef4ff
}
.lucki-withdrawal-route i {
  font-style:normal;
  color:#ef675e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em
}
.lucki-withdrawal-route b {
  display:block;
  color:#214d9f;
  margin:5px 0
}
.lucki-withdrawal-route p {
  margin:0;
  color:#61708a;
  font-size:12px;
  line-height:1.42
}
.lucki-payment-guide-button {
  display:block;
  margin:20px auto 0;
  padding:14px 20px;
  border:0;
  border-radius:14px;
  background:#ef6c62;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(239,108,98,.22)
}
.lucki-payment-guide-button:hover,.lucki-payment-guide-button:focus-visible {
  background:#234b99;
  outline:3px solid rgba(35,75,153,.2)
}
.lucki-payment-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-payment-guide {
  margin-top:12px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(38,61,113,.1)
}
.lucki-payment-guide[hidden] {
  display:none
}
.lucki-payment-guide h3 {
  font-size:25px;
  margin:0 0 14px
}
.lucki-payment-guide>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.lucki-payment-guide article {
  padding:15px;
  border-radius:14px;
  background:linear-gradient(145deg,#edf4ff,#fff5ec)
}
.lucki-payment-guide b {
  display:block;
  color:#214d9f;
  margin-bottom:5px
}
.lucki-payment-guide p {
  margin:0;
  color:#5e6c84;
  font-size:13px;
  line-height:1.45
}
@media(max-width:1100px) {
  .lucki-method-grid {
    grid-template-columns:repeat(3,1fr)
  }
  .lucki-crypto {
    grid-template-columns:1fr
  }
  .lucki-coin-grid {
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:760px) {
  .lucki-payments {
    padding:58px 14px 64px
  }
  .lucki-payment-tabs button {
    min-width:0;
    flex:1;
    padding:13px 10px
  }
  .lucki-payment-workspace {
    padding:20px 13px
  }
  .lucki-payment-heading {
    display:block
  }
  .lucki-payment-facts {
    justify-content:flex-start;
    margin-top:14px
  }
  .lucki-method-grid {
    grid-template-columns:repeat(2,1fr);
    gap:8px
  }
  .lucki-method-grid article {
    padding:14px 9px
  }
  .lucki-coin-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .lucki-withdrawal-route,.lucki-payment-guide>div {
    grid-template-columns:1fr
  }
  .lucki-crypto {
    padding:19px 14px
  }
}
/* Payment contrast correction: protects the section from legacy theme rules. */ body .lucki-payments .lucki-payments-intro h2 {
  color:#132958!important;
  text-shadow:none!important;
  font-weight:800!important
}
body .lucki-payments .lucki-payments-intro h2 em {
  color:#5267df!important
}
body .lucki-payments .lucki-payment-heading h3,body .lucki-payments .lucki-crypto h3,body .lucki-payments .lucki-payment-guide h3 {
  opacity:1!important;
  text-shadow:none!important
}
.lucki-method-grid article {
  background:#fff;
  box-shadow:0 8px 22px rgba(31,58,111,.09);
  border-color:#d8e2f1
}
.lucki-method-grid article:before {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(230,239,255,.62),rgba(255,238,221,.38));
  pointer-events:none
}
.lucki-method-grid article {
  position:relative;
  overflow:hidden
}
.lucki-method-grid article>* {
  position:relative;
  z-index:1
}
.lucki-method-grid img {
  box-sizing:border-box;
  width:142px;
  height:64px;
  padding:14px 16px;
  margin-bottom:11px;
  border-radius:12px;
  background:#17366f;
  object-fit:contain;
  filter:none
}
.lucki-method-grid h4 {
  font-size:17px;
  font-weight:900
}
.lucki-method-grid p {
  font-size:13px;
  color:#294b87
}
.lucki-method-grid small {
  font-size:11px;
  color:#5f6d86
}
.lucki-coin-grid {
  gap:10px
}
.lucki-coin-grid span {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:7px;
  min-height:94px;
  padding:10px 12px;
  background:#17366f;
  color:#fff;
  border:1px solid #284986;
  font-size:13px;
  box-shadow:0 6px 15px rgba(23,54,111,.16)
}
.lucki-coin-grid img {
  width:108px;
  height:36px;
  flex:0 0 36px;
  object-fit:contain;
  filter:none
}
.lucki-coin-grid b {
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1;
  text-align:center
}
.lucki-coin-grid b small {
  margin-left:4px;
  color:#9ec5ff;
  font-size:10px;
  font-weight:900
}
@media(max-width:760px) {
  .lucki-method-grid img {
    width:120px;
    height:58px;
    padding:12px 14px
  }
  .lucki-coin-grid span {
    min-height:84px;
    padding:8px
  }
  .lucki-coin-grid img {
    width:96px;
    height:32px;
    flex-basis:32px
  }
  .lucki-coin-grid b {
    font-size:12px
  }
  .lucki-coin-grid b small {
    display:block;
    margin:4px 0 0
  }
}
/* Account and security */ .lucki-security {
  scroll-margin-top:76px;
  padding:78px 24px 84px;
  background:radial-gradient(circle at 12% 15%,rgba(93,142,255,.2),transparent 28%),linear-gradient(145deg,#091b42,#173b7d 55%,#402f82);
  color:#fff
}
.lucki-security-shell {
  max-width:1480px;
  margin:auto
}
.lucki-security-intro {
  text-align:center;
  max-width:1020px;
  margin:0 auto 30px
}
.lucki-security-intro>span {
  color:#76e1cf;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-security-intro h2 {
  margin:8px 0 14px;
  color:#fff!important;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-security-intro h2 em {
  font-style:normal;
  color:#83dff3!important
}
.lucki-security-intro p {
  margin:0;
  color:#dce8ff;
  font-size:17px;
  line-height:1.58
}
.lucki-security-intro strong {
  color:#fff
}
.lucki-security-console {
  display:grid;
  grid-template-columns:250px 1fr;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:#fff;
  box-shadow:0 26px 55px rgba(0,0,0,.25)
}
.lucki-security-nav {
  padding:22px;
  background:linear-gradient(180deg,#12306b,#2a4b9a);
  display:flex;
  flex-direction:column;
  gap:8px
}
.lucki-shield {
  height:165px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
  clip-path:polygon(50% 0,92% 16%,86% 72%,50% 100%,14% 72%,8% 16%);
  background:linear-gradient(145deg,#69e2ce,#77a9ff);
  color:#10295e;
  text-align:center
}
.lucki-shield i {
  font-style:normal;
  font-size:36px
}
.lucki-shield b {
  font-size:11px;
  letter-spacing:.12em
}
.lucki-security-nav button {
  padding:14px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:#dce8ff;
  text-align:left;
  font-weight:900;
  cursor:pointer
}
.lucki-security-nav button.is-active {
  background:#fff;
  color:#17356f
}
.lucki-security-nav button:focus-visible {
  outline:3px solid #76e1cf
}
.lucki-security-content {
  padding:30px;
  color:#142b5c
}
.lucki-security-content>[hidden] {
  display:none
}
.lucki-security-label {
  color:#ef685f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em
}
.lucki-security-content h3 {
  margin:6px 0 8px;
  font-size:30px;
  color:#142b5c
}
.lucki-security-lead {
  margin:0;
  color:#5c6a83;
  line-height:1.55
}
.lucki-security-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin-top:22px
}
.lucki-security-grid article {
  position:relative;
  padding:19px 16px 17px 53px;
  border-radius:17px;
  background:linear-gradient(145deg,#edf5ff,#fff5ed)
}
.lucki-security-grid i {
  position:absolute;
  left:16px;
  top:18px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#214d9f;
  color:#fff;
  font-style:normal;
  font-weight:900
}
.lucki-security-grid h4 {
  margin:0 0 6px;
  color:#17356f;
  font-size:15px
}
.lucki-security-grid p {
  margin:0;
  color:#5d6b84;
  font-size:12px;
  line-height:1.47
}
.lucki-verify-path {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:22px
}
.lucki-verify-path article {
  padding:18px;
  border-top:4px solid #5bd7c3;
  border-radius:15px;
  background:#eef5ff
}
.lucki-verify-path i {
  font-style:normal;
  color:#ef685f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em
}
.lucki-verify-path b {
  display:block;
  margin:6px 0;
  color:#204b98
}
.lucki-verify-path p {
  margin:0;
  color:#5d6b84;
  font-size:12px;
  line-height:1.45
}
.lucki-document-list {
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:15px;
  padding:14px;
  border-radius:14px;
  background:#163773;
  color:#fff
}
.lucki-document-list span {
  padding:7px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.11);
  font-size:11px
}
.lucki-security-guide-button {
  display:block;
  margin:20px auto 0;
  padding:14px 20px;
  border:0;
  border-radius:14px;
  background:#6bdcca;
  color:#102858;
  font-weight:900;
  cursor:pointer
}
.lucki-security-guide-button:focus-visible {
  outline:3px solid #fff
}
.lucki-security-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-security-guide {
  margin-top:13px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  color:#142b5c
}
.lucki-security-guide[hidden] {
  display:none
}
.lucki-security-guide h3 {
  font-size:25px;
  margin:0 0 13px
}
.lucki-security-guide>div {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}
.lucki-security-guide article {
  padding:15px;
  border-radius:14px;
  background:#eef5ff
}
.lucki-security-guide b {
  display:block;
  color:#204b98;
  margin-bottom:5px
}
.lucki-security-guide p {
  margin:0;
  color:#5d6b84;
  font-size:12px;
  line-height:1.45
}
.lucki-security-guide>p {
  margin:14px 0 0;
  padding:12px;
  border-radius:12px;
  background:#fff1e8;
  color:#724638;
  font-size:13px
}
@media(max-width:950px) {
  .lucki-security-console {
    grid-template-columns:1fr
  }
  .lucki-security-nav {
    display:grid;
    grid-template-columns:repeat(3,1fr)
  }
  .lucki-shield {
    display:none
  }
  .lucki-security-nav button {
    text-align:center
  }
  .lucki-security-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .lucki-verify-path,.lucki-security-guide>div {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px) {
  .lucki-security {
    padding:58px 14px 64px
  }
  .lucki-security-nav {
    grid-template-columns:1fr;
    padding:12px
  }
  .lucki-security-content {
    padding:21px 14px
  }
  .lucki-security-grid,.lucki-verify-path,.lucki-security-guide>div {
    grid-template-columns:1fr
  }
  .lucki-security-grid article {
    padding-left:51px
  }
  .lucki-document-list {
    align-items:flex-start;
    flex-direction:column
  }
}
.lucki-security-context {
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
  padding:10px 13px;
  border-radius:12px;
  background:#edf4ff;
  color:#17356f;
  font-size:12px
}
.lucki-security-context strong {
  color:#204b98
}
.lucki-security-context span {
  color:#60708b
}
@media(max-width:760px) {
  .lucki-security-context {
    display:block
  }
  .lucki-security-context span {
    display:block;
    margin-top:3px
  }
}
/* Lucki mobile casino */ .lucki-mobile {
  scroll-margin-top:76px;
  padding:78px 24px 84px;
  background:linear-gradient(145deg,#fff8e8,#eef6ff 48%,#f3ebff);
  color:#142b5c
}
.lucki-mobile-shell {
  max-width:1480px;
  margin:auto
}
.lucki-mobile-intro {
  text-align:center;
  max-width:1030px;
  margin:0 auto 30px
}
.lucki-mobile-intro>span,.lucki-mobile-copy>span,.lucki-mobile-use span {
  color:#ef675f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.17em
}
.lucki-mobile-intro h2 {
  margin:8px 0 14px;
  color:#142b5c!important;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-mobile-intro h2 em {
  font-style:normal;
  color:#5965dc!important
}
.lucki-mobile-intro p {
  margin:0;
  color:#596985;
  font-size:17px;
  line-height:1.58
}
.lucki-mobile-intro strong {
  color:#245fd0
}
.lucki-mobile-stage {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  padding:28px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 42px rgba(37,61,110,.12)
}
.lucki-device-scene {
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:22px;
  background:radial-gradient(circle at 46% 45%,#fff 0,#dceaff 40%,#c7d9ff 72%,#e2d9ff);
  border:1px solid #d2dff3
}
.lucki-device {
  position:absolute;
  padding:10px;
  background:#122856;
  box-shadow:0 18px 34px rgba(10,30,75,.28)
}
.lucki-screen {
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:10px;
  background:linear-gradient(155deg,#245aca,#7757d4);
  color:#fff;
  padding:15px
}
.lucki-device-logo {
  display:block;
  font-size:22px
}
.lucki-device-logo span {
  color:#ff7a68
}
.lucki-screen>small {
  display:block;
  margin-top:8px;
  color:#bfe8ff;
  font-size:8px;
  letter-spacing:.13em
}
.lucki-laptop {
  left:6%;
  top:10%;
  width:72%;
  height:62%;
  border-radius:16px 16px 7px 7px
}
.lucki-laptop:after {
  content:"";
  position:absolute;
  left:-7%;
  right:-7%;
  bottom:-15px;
  height:15px;
  border-radius:2px 2px 12px 12px;
  background:#aebbd2
}
.lucki-mini-hero {
  margin-top:30px;
  font-size:22px;
  line-height:1.15
}
.lucki-mini-hero strong {
  color:#ffd36b
}
.lucki-mini-row {
  display:flex;
  gap:8px;
  margin-top:23px
}
.lucki-mini-row i {
  height:62px;
  flex:1;
  border-radius:8px;
  background:linear-gradient(145deg,#ff786a,#ffcc68)
}
.lucki-mini-row i:nth-child(2) {
  background:linear-gradient(145deg,#6fe0c8,#38a8e8)
}
.lucki-mini-row i:nth-child(3) {
  background:linear-gradient(145deg,#bc87ef,#ff87b4)
}
.lucki-tablet {
  right:4%;
  top:21%;
  width:37%;
  height:66%;
  border-radius:18px
}
.lucki-table-grid,.lucki-phone-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin-top:18px
}
.lucki-table-grid i,.lucki-phone-grid i {
  height:68px;
  border-radius:8px;
  background:linear-gradient(145deg,#ffe077,#ff7167)
}
.lucki-table-grid i:nth-child(2n),.lucki-phone-grid i:nth-child(2n) {
  background:linear-gradient(145deg,#68dbca,#477de6)
}
.lucki-phone {
  left:15%;
  bottom:5%;
  width:25%;
  height:55%;
  border-radius:24px
}
.lucki-phone .lucki-screen {
  padding:12px
}
.lucki-phone-grid i {
  height:43px
}
.lucki-phone button {
  width:100%;
  margin-top:12px;
  padding:7px;
  border:0;
  border-radius:8px;
  background:#ffd36b;
  color:#132958;
  font-size:9px;
  font-weight:900
}
.lucki-mobile-copy {
  padding:15px 5px
}
.lucki-mobile-copy h3 {
  margin:6px 0 10px;
  font-size:30px
}
.lucki-mobile-copy>p {
  color:#5d6b84;
  line-height:1.58
}
.lucki-device-tabs {
  display:flex;
  gap:7px;
  margin-top:23px
}
.lucki-device-tabs button {
  flex:1;
  padding:12px 8px;
  border:1px solid #d3dff0;
  border-radius:11px;
  background:#f4f7fc;
  color:#596780;
  font-weight:900;
  cursor:pointer
}
.lucki-device-tabs button.is-active {
  background:#2456bd;
  color:#fff
}
.lucki-device-tabs button:focus-visible {
  outline:3px solid #ffd36b
}
.lucki-device-panel {
  margin-top:10px;
  padding:18px;
  border-radius:15px;
  background:linear-gradient(145deg,#edf4ff,#fff3e9)
}
.lucki-device-panel[hidden] {
  display:none
}
.lucki-device-panel b {
  color:#214d9f
}
.lucki-device-panel p {
  margin:6px 0 0;
  color:#5e6c84;
  font-size:13px;
  line-height:1.5
}
.lucki-mobile-features {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  margin-top:16px
}
.lucki-mobile-features article {
  padding:17px 14px;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 24px rgba(37,61,110,.08)
}
.lucki-mobile-features i {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#eaf2ff;
  color:#2456bd;
  font-style:normal;
  font-weight:900
}
.lucki-mobile-features h3 {
  font-size:14px;
  margin:9px 0 5px
}
.lucki-mobile-features p {
  margin:0;
  color:#61708a;
  font-size:11px;
  line-height:1.43
}
.lucki-mobile-use {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin-top:16px
}
.lucki-mobile-use>div {
  padding:21px;
  border-radius:19px;
  background:#17366f;
  color:#fff
}
.lucki-mobile-use h3 {
  color:#fff;
  font-size:18px;
  margin:6px 0 7px
}
.lucki-mobile-use p {
  margin:0;
  color:#dce8ff;
  font-size:13px;
  line-height:1.5
}
.lucki-mobile-use strong {
  color:#ffd36b
}
.lucki-mobile-guide-button {
  display:block;
  margin:20px auto 0;
  padding:14px 20px;
  border:0;
  border-radius:14px;
  background:#ef6b62;
  color:#fff;
  font-weight:900;
  cursor:pointer
}
.lucki-mobile-guide-button:focus-visible {
  outline:3px solid #244f9f
}
.lucki-mobile-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-mobile-guide {
  margin-top:13px;
  padding:24px;
  border-radius:22px;
  background:#fff
}
.lucki-mobile-guide[hidden] {
  display:none
}
.lucki-mobile-guide h3 {
  font-size:25px;
  margin:0 0 14px
}
.lucki-mobile-guide>div {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}
.lucki-mobile-guide article {
  padding:15px;
  border-radius:14px;
  background:#edf4ff
}
.lucki-mobile-guide b {
  display:block;
  color:#214d9f;
  margin-bottom:5px
}
.lucki-mobile-guide p {
  margin:0;
  color:#5e6c84;
  font-size:12px;
  line-height:1.45
}
@media(max-width:1050px) {
  .lucki-mobile-stage {
    grid-template-columns:1fr
  }
  .lucki-mobile-features {
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:760px) {
  .lucki-mobile {
    padding:58px 14px 64px
  }
  .lucki-mobile-stage {
    padding:15px
  }
  .lucki-device-scene {
    min-height:350px
  }
  .lucki-laptop {
    width:78%;
    left:4%
  }
  .lucki-tablet {
    width:42%;
    right:2%
  }
  .lucki-phone {
    width:34%;
    left:9%
  }
  .lucki-mobile-copy h3 {
    font-size:25px
  }
  .lucki-device-tabs {
    display:grid
  }
  .lucki-mobile-features {
    grid-template-columns:repeat(2,1fr)
  }
  .lucki-mobile-use,.lucki-mobile-guide>div {
    grid-template-columns:1fr
  }
}
/* Refined mobile device presentation */ .lucki-device-scene {
  min-height:470px;
  background:linear-gradient(145deg,#091b42,#173b77 60%,#4c3f93);
  border:0
}
.lucki-glow {
  position:absolute;
  border-radius:50%;
  filter:blur(4px);
  opacity:.7
}
.lucki-glow-one {
  width:260px;
  height:260px;
  left:-60px;
  top:-80px;
  background:rgba(75,156,255,.45)
}
.lucki-glow-two {
  width:230px;
  height:230px;
  right:-30px;
  bottom:-90px;
  background:rgba(255,116,104,.35)
}
.lucki-device {
  box-sizing:border-box;
  background:#07152f;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 24px 46px rgba(0,0,0,.42)
}
.lucki-device .lucki-screen {
  border-radius:12px;
  background:#f6f8fc;
  color:#142b5c;
  padding:0
}
.lucki-device-bar {
  height:48px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 16px;
  background:linear-gradient(100deg,#285fd4,#7657d7);
  color:#fff
}
.lucki-device-bar .lucki-device-logo {
  font-size:19px
}
.lucki-device-bar small {
  margin:0;
  color:#e5ecff;
  font-size:7px;
  letter-spacing:.08em
}
.lucki-device-bar i {
  margin-left:auto;
  color:#ffd36b;
  font-style:normal
}
.lucki-device-banner {
  margin:13px 15px 10px;
  padding:14px;
  border-radius:11px;
  background:linear-gradient(120deg,#132f69,#466bd3);
  color:#fff
}
.lucki-device-banner small {
  display:block;
  color:#ffd36b;
  font-size:7px;
  letter-spacing:.12em
}
.lucki-device-banner strong {
  display:block;
  margin-top:5px;
  font-size:16px
}
.lucki-tablet {
  left:5%;
  right:auto;
  top:8%;
  width:73%;
  height:77%;
  border-radius:22px;
  padding:11px
}
.lucki-tablet:after {
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  right:3px;
  top:50%;
  border-radius:50%;
  background:#6e7f9f
}
.lucki-table-grid,.lucki-phone-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:0 15px
}
.lucki-table-grid figure,.lucki-phone-grid figure {
  min-width:0;
  margin:0;
  overflow:hidden;
  border-radius:9px;
  background:#fff;
  box-shadow:0 5px 12px rgba(20,43,92,.12)
}
.lucki-table-grid img,.lucki-phone-grid img {
  display:block;
  width:100%;
  height:92px;
  object-fit:contain;
  background:#eaf1fb
}
.lucki-table-grid figcaption,.lucki-phone-grid figcaption {
  padding:7px;
  color:#142b5c;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.lucki-phone {
  left:auto;
  right:5%;
  bottom:5%;
  width:29%;
  height:67%;
  border-radius:30px;
  padding:10px;
  z-index:3
}
.lucki-phone-speaker {
  position:absolute;
  z-index:4;
  left:50%;
  top:5px;
  width:45px;
  height:5px;
  transform:translateX(-50%);
  border-radius:4px;
  background:#566582
}
.lucki-phone .lucki-screen {
  border-radius:21px;
  padding-bottom:10px
}
.lucki-phone .lucki-device-bar {
  height:47px;
  padding:0 11px
}
.lucki-phone-kicker {
  display:block;
  margin:12px 11px 8px;
  color:#ef675f;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em
}
.lucki-phone-grid {
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin:0 10px
}
.lucki-phone-grid img {
  height:60px
}
.lucki-phone-grid figcaption {
  padding:5px;
  font-size:6px
}
.lucki-phone button {
  display:block;
  width:calc(100% - 20px);
  margin:10px 10px 0;
  padding:8px;
  background:#ffd36b
}
.lucki-mobile-brandline {
  margin:16px 0 0;
  padding:12px 16px;
  border-radius:14px;
  background:#17366f;
  color:#dce8ff;
  text-align:center;
  font-size:13px
}
.lucki-mobile-brandline strong {
  color:#ffd36b
}
@media(max-width:760px) {
  .lucki-device-scene {
    min-height:390px
  }
  .lucki-tablet {
    left:3%;
    top:7%;
    width:82%;
    height:68%
  }
  .lucki-phone {
    right:3%;
    width:39%;
    height:64%
  }
  .lucki-table-grid img {
    height:68px
  }
  .lucki-device-banner {
    padding:10px
  }
  .lucki-device-banner strong {
    font-size:13px
  }
}
/* About Lucki */ .lucki-about {
  scroll-margin-top:76px;
  padding:80px 24px 86px;
  background:linear-gradient(150deg,#0b1f4b,#183c80 52%,#6345a5);
  color:#fff
}
.lucki-about-shell {
  max-width:1480px;
  margin:auto
}
.lucki-about-intro {
  text-align:center;
  max-width:1040px;
  margin:0 auto 31px
}
.lucki-about-intro>span,.lucki-about-statement>div>span,.lucki-about-mosaic article>span,.lucki-about-journey-copy>span {
  color:#ffd36b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-about-intro h2 {
  margin:8px 0 15px;
  color:#fff!important;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-about-intro h2 em {
  font-style:normal;
  color:#80dfed!important
}
.lucki-about-intro p {
  margin:0;
  color:#dce8ff;
  font-size:17px;
  line-height:1.6
}
.lucki-about-intro strong {
  color:#fff
}
.lucki-about-statement {
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
  align-items:stretch;
  margin-bottom:16px
}
.lucki-about-statement>div,.lucki-about-statement blockquote {
  margin:0;
  padding:28px;
  border-radius:24px
}
.lucki-about-statement>div {
  background:#fff;
  color:#142b5c
}
.lucki-about-statement h3 {
  margin:7px 0 9px;
  font-size:30px
}
.lucki-about-statement p {
  margin:0;
  color:#5d6b84;
  line-height:1.58
}
.lucki-about-statement blockquote {
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(145deg,#ff7669,#ffbd65);
  color:#142b5c;
  font-size:27px;
  line-height:1.2
}
.lucki-about-statement blockquote strong {
  color:#fff
}
.lucki-about-mosaic {
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:12px
}
.lucki-about-mosaic article {
  padding:23px;
  border-radius:21px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.13)
}
.lucki-about-mosaic h3 {
  margin:7px 0 8px;
  color:#fff;
  font-size:20px
}
.lucki-about-mosaic p {
  margin:0;
  color:#e0eaff;
  font-size:13px;
  line-height:1.52
}
.lucki-about-games {
  grid-column:span 7;
  background:linear-gradient(145deg,rgba(55,105,221,.65),rgba(117,83,213,.52))!important
}
.lucki-about-live {
  grid-column:span 5
}
.lucki-about-sports,.lucki-about-rewards,.lucki-about-payments {
  grid-column:span 4
}
.lucki-about-mobile {
  grid-column:span 12;
  background:linear-gradient(105deg,rgba(95,219,203,.18),rgba(255,255,255,.1))!important
}
.lucki-about-games>div {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:16px
}
.lucki-about-games b {
  padding:7px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.13);
  font-size:11px
}
.lucki-about-journey {
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:20px;
  margin-top:16px;
  padding:27px;
  border-radius:24px;
  background:#fff;
  color:#142b5c
}
.lucki-about-journey-copy h3 {
  margin:7px 0 8px;
  font-size:25px
}
.lucki-about-journey-copy p {
  margin:0;
  color:#5d6b84;
  line-height:1.5
}
.lucki-about-journey ol {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:0;
  padding:0;
  list-style:none
}
.lucki-about-journey li {
  padding:15px;
  border-radius:14px;
  background:#edf4ff
}
.lucki-about-journey i {
  font-style:normal;
  color:#ef675f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em
}
.lucki-about-journey b {
  display:block;
  margin:5px 0;
  color:#214d9f;
  font-size:13px
}
.lucki-about-journey li p {
  margin:0;
  color:#65728a;
  font-size:11px;
  line-height:1.4
}
.lucki-about-principles {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:16px
}
.lucki-about-principles article {
  display:flex;
  gap:13px;
  padding:18px;
  border-radius:17px;
  background:rgba(255,255,255,.1)
}
.lucki-about-principles i {
  display:grid;
  place-items:center;
  flex:0 0 29px;
  height:29px;
  border-radius:9px;
  background:#70deca;
  color:#123064;
  font-style:normal;
  font-weight:900
}
.lucki-about-principles h3 {
  margin:0 0 5px;
  color:#fff;
  font-size:16px
}
.lucki-about-principles p {
  margin:0;
  color:#dce7fb;
  font-size:12px;
  line-height:1.45
}
.lucki-about-guide-button {
  display:block;
  margin:20px auto 0;
  padding:14px 20px;
  border:0;
  border-radius:14px;
  background:#ffd36b;
  color:#142b5c;
  font-weight:900;
  cursor:pointer
}
.lucki-about-guide-button:focus-visible {
  outline:3px solid #fff
}
.lucki-about-guide-button i {
  font-style:normal;
  margin-left:7px
}
.lucki-about-guide {
  margin-top:13px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  color:#142b5c
}
.lucki-about-guide[hidden] {
  display:none
}
.lucki-about-guide h3 {
  font-size:25px;
  margin:0 0 14px
}
.lucki-about-guide>div {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}
.lucki-about-guide article {
  padding:15px;
  border-radius:14px;
  background:#edf4ff
}
.lucki-about-guide b {
  display:block;
  color:#214d9f;
  margin-bottom:5px
}
.lucki-about-guide p {
  margin:0;
  color:#5d6b84;
  font-size:12px;
  line-height:1.45
}
@media(max-width:950px) {
  .lucki-about-statement,.lucki-about-journey {
    grid-template-columns:1fr
  }
  .lucki-about-games,.lucki-about-live,.lucki-about-sports,.lucki-about-rewards,.lucki-about-payments,.lucki-about-mobile {
    grid-column:span 6
  }
  .lucki-about-journey ol,.lucki-about-guide>div {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px) {
  .lucki-about {
    padding:58px 14px 64px
  }
  .lucki-about-statement>div,.lucki-about-statement blockquote,.lucki-about-journey {
    padding:20px 16px
  }
  .lucki-about-statement blockquote {
    font-size:23px
  }
  .lucki-about-mosaic article {
    grid-column:1/-1
  }
  .lucki-about-journey ol,.lucki-about-principles,.lucki-about-guide>div {
    grid-template-columns:1fr
  }
}
.lucki-about-unity {
  position:relative;
  min-height:430px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  align-items:center;
  gap:42px;
  overflow:hidden;
  padding:42px 54px;
  margin-bottom:18px;
  border-radius:30px;
  background:radial-gradient(circle at 50% 42%,rgba(81,136,255,.36),transparent 34%),linear-gradient(145deg,#07183b,#14336f 58%,#34286d);
  box-shadow:0 24px 55px rgba(1,12,42,.35)
}
.lucki-about-unity:before,.lucki-about-unity:after {
  content:"";
  position:absolute;
  width:520px;
  height:210px;
  border:1px solid rgba(132,220,255,.25);
  border-radius:50%;
  transform:rotate(-13deg)
}
.lucki-about-unity:after {
  width:680px;
  height:270px;
  border-color:rgba(255,211,107,.18);
  transform:rotate(10deg)
}
.lucki-about-unity>img {
  position:relative;
  z-index:2;
  width:100%;
  height:350px;
  object-fit:contain;
  filter:drop-shadow(0 18px 25px rgba(2,10,35,.28))
}
.lucki-about-unity-copy {
  position:relative;
  z-index:4;
  width:100%;
  padding:30px 32px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  background:rgba(6,22,57,.78);
  backdrop-filter:blur(12px);
  text-align:left
}
.lucki-about-unity-copy span {
  color:#ffd36b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-about-unity-copy h3 {
  margin:9px 0 12px;
  color:#fff;
  font-size:clamp(27px,2.4vw,38px);
  line-height:1.08
}
.lucki-about-unity-copy p {
  margin:0;
  color:#dce8ff;
  font-size:15px;
  line-height:1.65
}
.lucki-about-orbit {
  position:absolute;
  inset:0;
  pointer-events:none
}
.lucki-about-orbit i {
  position:absolute;
  z-index:3;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 16px 5px #7edfff;
  animation:luckiOrbit 6s ease-in-out infinite alternate
}
.lucki-about-orbit i:nth-child(1) {
  left:12%;
  top:27%
}
.lucki-about-orbit i:nth-child(2) {
  right:14%;
  top:22%;
  animation-delay:-2s;
  box-shadow:0 0 16px 5px #ffd36b
}
.lucki-about-orbit i:nth-child(3) {
  left:22%;
  top:65%;
  animation-delay:-4s
}
.lucki-about-orbit i:nth-child(4) {
  right:21%;
  top:58%;
  animation-delay:-1s;
  box-shadow:0 0 16px 5px #ff8678
}
@keyframes luckiOrbit {
  from {
    transform:translate3d(-10px,8px,0) scale(.75);
    opacity:.45
  }
  to {
    transform:translate3d(18px,-12px,0) scale(1.25);
    opacity:1
  }
}
@media(prefers-reduced-motion:reduce) {
  .lucki-about-orbit i {
    animation:none
  }
}
@media(max-width:980px) {
  .lucki-about-unity {
    grid-template-columns:1fr;
    gap:12px;
    padding:28px 24px
  }
  .lucki-about-unity>img {
    width:100%;
    height:300px
  }
  .lucki-about-unity-copy {
    width:auto;
    margin:0;
    padding:24px;
    text-align:center
  }
  .lucki-about-unity-copy h3 {
    font-size:27px
  }
}
@media(max-width:560px) {
  .lucki-about-unity {
    padding:20px 14px
  }
  .lucki-about-unity>img {
    height:220px
  }
  .lucki-about-unity-copy {
    padding:20px 17px
  }
  .lucki-about-unity-copy h3 {
    font-size:23px
  }
}
a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover {
    color: #f84854;
}
img {
    max-width: 100%;
}
* {
    -webkit-text-size-adjust: none;
}
/* ======= Headers ======= */ h2 {
    font: 300 36px/34px "Open Sans", sans-serif;
    color: #ffffff;
}
h3 {
    font: 400 14px/22px "Arial", sans-serif;
    color: #ffffff;
}
h4 {
    font: 300 30px/40px "Open Sans", sans-serif;
    color: #f84854;
}
h4 a:hover {
    color: #ffffff;
}
h6 {
    font: 300 45px/48px "Open Sans", sans-serif;
    color: #ffffff;
}
h6 .big {
    display: inline-block;
    color: #f84854;
    font-size: 55px;
    margin-bottom: 3px;
}
@media (max-width: 1199px) {
    h6 {
        font-size: 30px;
        line-height: 40px;
  }
}
.heading1 {
    margin-bottom: 51px;
}
.heading2 {
    margin-bottom: 45px;
}
/* ======= Buttons ======= */ .btn-default {
    display: inline-block;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #ffffff;
    background: #565656;
    padding: 11px 19px;
    border-radius: 2px;
    text-align: center;
}
.btn-default:hover {
    color: #ffffff;
    background: #f84854;
}
.btn-default.btn-default__inset1 {
    background: #f84854;
}
.btn-default.btn-default__inset1:hover {
    background: #565656;
}
.btn-big {
    display: inline-block;
    font: 400 16px/18px "Open Sans", sans-serif;
    color: #151515;
    background: #ffffff;
    position: relative;
    text-align: center;
    padding: 12px 27px 14px;
    border-radius: 20px;
}
.btn-big:after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;
}
.btn-big:hover {
    background: #f84854;
    color: #ffffff;
}
.btn-big:hover:after {
    border-top-color: #f84854;
}
.btn-simple {
    display: inline-block;
    position: relative;
    font: 400 14px/22px "Arial", sans-serif;
    color: #f84854;
    padding-right: 12px;
}
.btn-simple:after {
    position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background: #8a8a8a;
    border-radius: 20px;
    right: 0;
    top: 9px;
}
.btn-simple:hover {
    color: #ffffff;
}
/* ======= Wrappers ======= */ .wrapper1 {
    padding: 69px 0 109px;
}
.wrapper2 {
    padding-bottom: 63px;
}
.wrapper3 {
    padding-bottom: 69px;
}
.wrapper4 {
    padding-bottom: 95px;
}
/*========================================================
                    HEADER styles
=========================================================*/ #header {
    --lucki-navy: #17234a;
    --lucki-blue: #3977ee;
    --lucki-violet: #8a67d6;
    --lucki-coral: #ff6f61;
    --lucki-gold: #f6bd46;
    --lucki-white: #fffdf9;
    position: relative;
    color: var(--lucki-white);
    background: #f7fbff;
    text-align: left;
}
.lucki-topbar {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(105deg, #245bd8 0%, #536ee9 54%, #775fd1 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 32px rgba(28, 53, 126, 0.22);
}
.lucki-nav-wrap {
    width: min(1180px, calc(100% - 40px));
    min-height: 78px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 28px;
}
.lucki-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: #fff;
}
.lucki-logo:hover {
   color: #fff;
}
.lucki-logo-mark {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background: linear-gradient(135deg, #63c7f2 0%, var(--lucki-blue) 48%, var(--lucki-violet) 100%);
    box-shadow: 0 8px 20px rgba(57, 119, 238, 0.24);
}
.lucki-logo-mark i {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 12px;
    display: block;
    border-radius: 50%;
    background: #fff;
}
.lucki-logo-mark b, .lucki-logo-mark em {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: var(--lucki-gold);
}
.lucki-logo-mark b {
   width: 8px;
   height: 8px;
   right: -2px;
   top: 2px;
}
.lucki-logo-mark em {
   width: 5px;
   height: 5px;
   left: 0;
   bottom: 1px;
}
.lucki-logo-mark:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    right: 8px;
    bottom: 6px;
    border-radius: 50%;
    background: #ff8f73;
}
.lucki-logo-word {
    position: relative;
    font: 800 31px/1 "Open Sans", sans-serif;
    letter-spacing: -0.055em;
}
.lucki-logo-word:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    right: -12px;
    top: -5px;
    border-radius: 50%;
    background: #ff927f;
    box-shadow: -9px 12px 0 -2px #ffd469, 5px 14px 0 -3px #8bd8ff;
}
.lucki-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}
.lucki-nav a {
    color: rgba(255, 255, 255, 0.9);
    font: 600 12px/1 "Open Sans", sans-serif;
    white-space: nowrap;
}
.lucki-nav a:hover, .lucki-nav a:focus {
   color: #ffe28a;
}
.lucki-cta {
    display: inline-block;
    color: #fff;
    background: linear-gradient(135deg, #ff826f, var(--lucki-coral));
    border-radius: 12px;
    font: 700 14px/1 "Open Sans", sans-serif;
    text-align: center;
    box-shadow: 0 10px 25px rgba(255, 111, 97, 0.25);
}
.lucki-cta:hover, .lucki-cta:focus {
    color: #fff;
    background: var(--lucki-blue);
    transform: translateY(-2px);
}
.lucki-cta-header {
    flex: 0 0 auto;
    padding: 14px 20px;
    color: #17234a;
    background: #ffd469;
    box-shadow: 0 9px 24px rgba(20, 31, 84, 0.2);
}
.lucki-cta-header:hover, .lucki-cta-header:focus {
    color: #17234a;
    background: #fff;
}
/* Games section */ .lucki-games {
    --games-ink: #14224a;
    --games-blue: #376fe8;
    --games-violet: #7858d8;
    --games-coral: #ff7466;
    --games-gold: #ffc44d;
    min-height: calc(100vh - 78px);
    scroll-margin-top: 78px;
    padding: 76px 3vw 96px;
    color: var(--games-ink);
    background: linear-gradient(145deg, #f2f8ff 0%, #fff 44%, #fff4ee 100%);
}
.lucki-games * {
   box-sizing: border-box;
}
.lucki-games [hidden] {
   display: none !important;
}
.lucki-games-shell {
   width: min(1700px, 100%);
   margin: 0 auto;
}
.lucki-games-intro {
   max-width: 720px;
   margin: 0 auto 34px;
   text-align: center;
}
.lucki-section-kicker {
   color: var(--games-blue);
   font: 800 12px/1 "Open Sans",sans-serif;
   letter-spacing: .2em;
}
.lucki-games-intro h2 {
   margin: 12px 0 14px;
   color: var(--games-ink);
   font: 800 clamp(36px,4vw,58px)/1.05 "Open Sans",sans-serif;
}
.lucki-games-intro p {
   margin: 0;
   color: #4d5a79;
   font: 500 16px/1.65 "Open Sans",sans-serif;
}
.lucki-main-tabs {
   display: flex;
   align-items: flex-end;
   justify-content: center;
   gap: 8px;
   overflow-x: auto;
   padding: 4px 4px 0;
}
.lucki-main-tab,.lucki-subtab,.lucki-category-more,.lucki-game-card,.lucki-detail-close {
   appearance: none;
   border: 0;
   cursor: pointer;
   font-family: "Open Sans",sans-serif;
}
.lucki-main-tab {
   flex: 0 0 auto;
   padding: 15px 22px;
   border: 1px solid #dbe3f2;
   border-bottom: 0;
   border-radius: 16px 16px 0 0;
   color: #53607e;
   background: rgba(255,255,255,.7);
   font-weight: 800;
}
.lucki-main-tab span,.lucki-subtab span {
   display: none;
}
.lucki-main-tab.is-active {
   position: relative;
   z-index: 2;
   padding-top: 18px;
   color: #fff;
   border-color: var(--games-blue);
   background: linear-gradient(135deg,var(--games-blue),var(--games-violet));
   box-shadow: 0 -8px 24px rgba(55,111,232,.18);
}
.lucki-main-tab.is-active span,.lucki-subtab.is-active span {
   display: inline;
   margin-right: 7px;
}
.lucki-games-panel {
   position: relative;
   min-height: 560px;
   padding: 38px 40px 44px;
   border: 1px solid #dce5f3;
   border-radius: 24px;
   background: rgba(255,255,255,.92);
   box-shadow: 0 24px 70px rgba(35,62,114,.10);
}
.lucki-games-panel.is-active {
   border-top: 4px solid var(--games-blue);
}
.lucki-panel-lead {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 28px;
   max-width: 1120px;
   margin: 0 auto 18px;
}
.lucki-panel-lead h3 {
   margin: 0 0 7px;
   color: var(--games-ink);
   font: 800 28px/1.2 "Open Sans",sans-serif;
}
.lucki-panel-lead p {
   margin: 0;
   color: #56627e;
   font: 500 15px/1.55 "Open Sans",sans-serif;
}
.lucki-category-more {
   flex: 0 0 auto;
   padding: 12px 17px;
   border: 1px solid #cfd9ed;
   border-radius: 12px;
   color: var(--games-blue);
   background: #fff;
   font-size: 13px;
   font-weight: 800;
}
.lucki-category-more span {
   display: inline-block;
   margin-left: 7px;
   transition: transform .2s;
}
.lucki-category-more[aria-expanded="true"] span {
   transform: rotate(180deg);
}
.lucki-category-copy {
   max-width: 1120px;
   margin: 0 auto 20px;
   padding: 17px 19px;
   border-left: 4px solid var(--games-gold);
   border-radius: 0 12px 12px 0;
   background: #fff9eb;
}
.lucki-category-copy p {
   margin: 0;
   color: #47536f;
   font: 500 14px/1.7 "Open Sans",sans-serif;
}
.lucki-slot-filter-label {
   max-width: 1120px;
   margin: 20px auto 10px;
   color: #7a849d;
   font: 800 11px/1 "Open Sans",sans-serif;
   letter-spacing: .14em;
   text-transform: uppercase;
}
.lucki-subtabs {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-bottom: 12px;
}
.lucki-subtab {
   padding: 10px 16px;
   border: 1px solid #d8e0ef;
   border-radius: 999px;
   color: #596681;
   background: #f8faff;
   font-size: 13px;
   font-weight: 800;
}
.lucki-subtab.is-active {
   color: #fff;
   border-color: var(--games-coral);
   background: var(--games-coral);
   box-shadow: 0 7px 16px rgba(255,116,102,.22);
}
.lucki-subcategory-note {
   max-width: 760px;
   min-height: 23px;
   margin: 0 auto 20px;
   color: #69748e;
   text-align: center;
   font: 500 13px/1.6 "Open Sans",sans-serif;
}
.lucki-game-grid {
   display: grid;
   grid-template-columns: repeat(6,minmax(0,1fr));
   gap: 18px;
   max-width: 1540px;
   margin: 0 auto;
}
.lucki-game-grid--limited {
   justify-content: center;
   grid-template-columns: repeat(6,minmax(0,190px));
}
.lucki-game-card {
   display: grid;
   grid-template-rows: auto minmax(38px,auto) auto;
   overflow: hidden;
   min-width: 0;
   padding: 0 0 11px;
   border: 2px solid transparent;
   border-radius: 17px;
   color: var(--games-ink);
   text-align: left;
   background: #fff;
   box-shadow: 0 9px 25px rgba(29,48,91,.10);
   transition: transform .2s,box-shadow .2s,border-color .2s;
}
.lucki-game-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 15px 32px rgba(29,48,91,.16);
}
.lucki-game-card:focus-visible,.lucki-main-tab:focus-visible,.lucki-subtab:focus-visible,.lucki-category-more:focus-visible,.lucki-detail-close:focus-visible {
   outline: 3px solid var(--games-gold);
   outline-offset: 3px;
}
.lucki-game-card.is-selected {
   border-color: var(--games-coral);
   box-shadow: 0 14px 34px rgba(255,116,102,.24);
}
.lucki-game-card img {
   display: block;
   width: 100%;
   aspect-ratio: 200/269;
   object-fit: contain;
   background: #eaf0fa;
}
.lucki-game-card strong {
   align-self: center;
   padding: 10px 12px 3px;
   overflow-wrap: anywhere;
   font: 800 14px/1.25 "Open Sans",sans-serif;
}
.lucki-game-card > span {
   margin: 3px 12px 0;
   color: var(--games-blue);
   font: 800 12px/1.2 "Open Sans",sans-serif;
   text-decoration: underline;
   text-underline-offset: 3px;
}
.lucki-game-detail {
   position: relative;
   max-width: 1120px;
   margin: 24px auto 0;
   padding: 26px 62px 24px 28px;
   border: 1px solid #cad7ef;
   border-radius: 18px;
   background: linear-gradient(135deg,#edf5ff,#fff7f2);
   box-shadow: inset 5px 0 0 var(--games-blue);
}
.lucki-detail-close {
   position: absolute;
   top: 14px;
   right: 15px;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   color: #fff;
   background: var(--games-coral);
   font-size: 24px;
   line-height: 32px;
}
.lucki-detail-provider {
   color: var(--games-blue);
   font: 800 11px/1 "Open Sans",sans-serif;
   letter-spacing: .12em;
   text-transform: uppercase;
}
.lucki-game-detail h4 {
   margin: 8px 0 8px;
   color: var(--games-ink);
   font: 800 24px/1.25 "Open Sans",sans-serif;
}
.lucki-game-detail h5 {
   margin: 17px 0 4px;
   color: var(--games-ink);
   font: 800 14px/1.3 "Open Sans",sans-serif;
}
.lucki-game-detail p {
   margin: 0;
   max-width: 880px;
   color: #4e5a76;
   font: 500 14px/1.65 "Open Sans",sans-serif;
}
@media (max-width: 1050px) {
    .lucki-main-tabs {
     justify-content: flex-start;
  }
    .lucki-game-grid,.lucki-game-grid--limited {
     grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 640px) {
    .lucki-games {
     min-height: calc(100vh - 68px);
     scroll-margin-top: 68px;
     padding: 58px 14px 72px;
  }
    .lucki-games-panel {
     padding: 22px 13px;
     border-radius: 18px;
  }
    .lucki-main-tab {
     padding: 13px 15px;
     font-size: 12px;
  }
    .lucki-panel-lead {
     display: block;
  }
    .lucki-category-more {
     width: 100%;
     margin-top: 15px;
  }
    .lucki-subtabs {
     justify-content: flex-start;
     overflow-x: auto;
     padding-bottom: 5px;
  }
    .lucki-subtab {
     flex: 0 0 auto;
  }
    .lucki-game-grid,.lucki-game-grid--limited {
     grid-template-columns: repeat(2,minmax(0,1fr));
     gap: 10px;
  }
    .lucki-game-card strong {
     padding-left: 9px;
     padding-right: 9px;
     font-size: 12px;
  }
    .lucki-game-card > span {
     margin-left: 9px;
     margin-right: 9px;
     font-size: 11px;
  }
    .lucki-game-detail {
     padding: 22px 46px 21px 20px;
  }
}
#header .logo-container {
    position: relative;
    min-height: calc(100vh - 78px);
    margin-top: 78px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    overflow: hidden;
    background-image:     radial-gradient(ellipse 46% 39% at 50% 24%, rgba(255, 255, 255, 0.90) 0 15%, rgba(255, 255, 255, 0.55) 32%, rgba(255, 255, 255, 0.08) 52%, transparent 67%),     url(../images/lucki-hero-chest.png);
    background-repeat: no-repeat;
    background-position: center center, center 88%;
    background-size: cover;
    transition: background 0.45s ease;
}
#header .logo-container .banner {
    position: relative;
    z-index: 2;
    padding: 52px 0 50px;
    width: 100%;
    text-align: center;
    color: var(--lucki-navy);
}
@media (max-width: 767px) {
    #header .logo-container .banner {
        padding-bottom: 0;
  }
}
#header .logo-container .banner .heading {
    margin-bottom: 24px;
    overflow: hidden;
}
#header .logo-container .banner .heading .text {
    display: inline-block;
    position: relative;
    font: 600 35px/46px "Open Sans", sans-serif;
}
#header .logo-container .banner .heading .text:before {
    position: absolute;
    display: block;
    content: '';
    left: -1115px;
    top: 21px;
    width: 1000px;
    height: 9px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
#header .logo-container .banner .heading .text:after {
    position: absolute;
    display: block;
    content: '';
    right: -1115px;
    top: 21px;
    width: 1000px;
    height: 9px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
#header .logo-container .banner p {
    max-width: 620px;
    margin: 0 auto 25px;
    color: #34405f;
    font: 500 17px/27px "Open Sans", sans-serif;
}
#header .logo-container .banner .btn-big {
    margin-top: 22px;
}
.lucki-hero-copy {
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
}
.lucki-eyebrow {
    display: inline-block;
    margin-bottom: 17px;
    padding: 9px 15px;
    color: #245bd8;
    background: #fff;
    border: 1px solid rgba(36, 91, 216, 0.25);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(57, 119, 238, 0.08);
    font: 700 12px/1 "Open Sans", sans-serif;
    letter-spacing: 0.24em;
}
.lucki-hero-copy h1 {
    display: block;
    margin: 0 0 20px;
    color: var(--lucki-navy);
    font: 750 64px/1.04 "Open Sans", sans-serif;
    letter-spacing: -0.04em;
    text-shadow: 0 4px 18px rgba(66, 90, 140, 0.08);
}
.lucki-hero-copy h1 em {
    background: linear-gradient(90deg, var(--lucki-blue), var(--lucki-violet), var(--lucki-coral));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-style: normal;
}
.lucki-hero-points {
    margin: 0 0 25px;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 24px;
    list-style: none;
}
.lucki-hero-points li {
    position: relative;
    padding-left: 20px;
    color: var(--lucki-navy);
    font: 600 13px/20px "Open Sans", sans-serif;
}
.lucki-hero-points li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 2px solid var(--lucki-gold);
    border-radius: 2px;
    transform: rotate(45deg);
}
.lucki-cta-hero {
    padding: 16px 34px;
    font-size: 16px;
    min-width: 130px;
}
.lucki-mode-switch {
    width: max-content;
    margin: 0 auto 22px;
    padding: 5px;
    display: flex;
    gap: 5px;
    border: 1px solid rgba(23, 35, 74, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 45px rgba(59, 86, 140, 0.11);
    backdrop-filter: blur(12px);
}
.lucki-mode-button {
    min-width: 112px;
    padding: 12px 20px;
    border: 0;
    border-radius: 11px;
    color: #64708a;
    background: transparent;
    font: 700 13px/1 "Open Sans", sans-serif;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.lucki-mode-button.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--lucki-coral), #ff9073);
    box-shadow: 0 8px 20px rgba(255, 111, 97, 0.22);
}
.lucki-hero.is-sports .lucki-mode-button.is-active {
    background: linear-gradient(135deg, var(--lucki-blue), var(--lucki-violet));
    box-shadow: 0 8px 20px rgba(57, 119, 238, 0.22);
}
.lucki-hero-art, .lucki-orbit, .lucki-spark {
   position: absolute;
   display: block;
}
.lucki-hero-art {
   inset: 0;
   pointer-events: none;
}
.lucki-orbit {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 28px solid transparent;
    opacity: 0.92;
    transition: transform 0.65s ease, border-color 0.45s ease, border-radius 0.45s ease;
}
.lucki-orbit-one {
    width: 950px;
    height: 390px;
    margin: -210px 0 0 -475px;
    border-top-color: rgba(255, 111, 97, 0.52);
    border-bottom-color: rgba(119, 95, 209, 0.38);
    transform: rotate(-6deg);
}
.lucki-orbit-two {
    width: 790px;
    height: 470px;
    margin: -245px 0 0 -395px;
    border-left-color: rgba(57, 119, 238, 0.4);
    border-right-color: rgba(246, 189, 70, 0.48);
    transform: rotate(18deg);
}
.lucki-orbit-three {
    width: 1170px;
    height: 255px;
    margin: -120px 0 0 -585px;
    border-width: 13px;
    border-top-color: rgba(60, 173, 231, 0.34);
    transform: rotate(4deg);
}
.lucki-spark {
   border-radius: 50%;
   transition: transform 0.55s ease, background 0.4s ease;
}
.lucki-spark-one {
   width: 22px;
   height: 22px;
   left: 12%;
   top: 28%;
   background: var(--lucki-gold);
}
.lucki-spark-two {
   width: 13px;
   height: 13px;
   right: 14%;
   top: 23%;
   background: var(--lucki-coral);
}
.lucki-spark-three {
   width: 17px;
   height: 17px;
   right: 18%;
   bottom: 17%;
   background: var(--lucki-blue);
}
.lucki-hero.is-sports .lucki-orbit-one {
    border-top-color: rgba(57, 119, 238, 0.3);
    border-bottom-color: rgba(99, 199, 242, 0.24);
    border-radius: 44% 56% 48% 52%;
    transform: rotate(7deg) scaleX(1.04);
}
.lucki-hero.is-sports .lucki-orbit-two {
    border-left-color: rgba(138, 103, 214, 0.24);
    border-right-color: rgba(57, 119, 238, 0.2);
    border-radius: 58% 42% 55% 45%;
    transform: rotate(-12deg) scaleY(0.88);
}
.lucki-hero.is-sports .lucki-orbit-three {
   transform: rotate(-5deg) scaleX(1.08);
}
.lucki-hero.is-sports .lucki-spark-one {
   background: var(--lucki-blue);
   transform: translate(28px, 18px);
}
.lucki-hero.is-sports .lucki-spark-two {
   background: var(--lucki-gold);
   transform: translate(-34px, 20px);
}
.lucki-hero.is-sports .lucki-spark-three {
   background: var(--lucki-violet);
   transform: translate(-20px, -22px);
}
@media (max-width: 1199px) {
    .lucki-nav {
     gap: 12px;
  }
    .lucki-nav a {
     font-size: 11px;
  }
    .lucki-hero-copy h1 {
     font-size: 54px;
  }
}
@media (max-width: 979px) {
    .lucki-nav {
     display: none;
  }
    .lucki-cta-header {
     margin-left: auto;
  }
    #header .logo-container {
     min-height: calc(100vh - 78px);
  }
}
@media (max-width: 767px) {
    .lucki-nav-wrap {
     width: calc(100% - 28px);
     min-height: 68px;
  }
    .lucki-logo-word {
     font-size: 20px;
  }
    .lucki-cta-header {
     padding: 12px 16px;
  }
    #header .logo-container {
        min-height: calc(100vh - 68px);
        margin-top: 68px;
        background-position: center center, center 88%;
  }
    #header .logo-container .banner {
     padding: 44px 0 48px;
  }
    .lucki-hero-copy h1 {
     font-size: 42px;
     line-height: 1.08;
  }
    #header .logo-container .banner p {
     font-size: 15px;
     line-height: 24px;
  }
    .lucki-hero-points {
     display: block;
  }
    .lucki-hero-points li + li {
     margin-top: 8px;
  }
    .lucki-orbit-one {
     width: 700px;
     margin-left: -350px;
  }
    .lucki-orbit-two {
     width: 610px;
     margin-left: -305px;
  }
}

/* Games visual refinement — follows the bright Lucki hero */ .lucki-games {
    position: relative;
    min-height: calc(100vh - 78px);
    padding: 42px 3vw 64px;
    overflow: hidden;
    background:     radial-gradient(circle at 8% 12%, rgba(55,111,232,.15), transparent 25%),     radial-gradient(circle at 93% 18%, rgba(255,116,102,.16), transparent 24%),     linear-gradient(135deg,#f2f8ff 0%,#fff 48%,#fff4ed 100%);
}
.lucki-games::before, .lucki-games::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 180px;
    height: 180px;
    border: 24px solid rgba(120,88,216,.09);
    border-radius: 50%;
    pointer-events: none;
}
.lucki-games::before {
   top: 92px;
   left: -105px;
}
.lucki-games::after {
   right: -90px;
   bottom: 28px;
   border-color: rgba(255,196,77,.17);
}
.lucki-games-shell {
   position: relative;
   z-index: 1;
   width: min(1640px,100%);
}
.lucki-games-intro {
   position: relative;
   max-width: 980px;
   margin-bottom: 24px;
}
.lucki-games-intro::before {
    content: "";
    position: absolute;
    inset: -18px 8% -12px;
    z-index: -1;
    border-radius: 48%;
    background: radial-gradient(ellipse,rgba(255,255,255,.92),rgba(255,255,255,0) 70%);
}
.lucki-games-intro h2 {
   margin: 8px 0 10px;
   font-size: clamp(36px,3.6vw,56px);
}
.lucki-games-intro h2 span {
    color: transparent;
    background: linear-gradient(90deg,#376fe8,#8a55d8 50%,#ff7466);
    -webkit-background-clip: text;
    background-clip: text;
}
.lucki-games-intro p {
   max-width: 900px;
   margin: 0 auto;
   font-size: 15px;
   line-height: 1.55;
}
.lucki-games-intro p strong {
   color: #285fcf;
   font-weight: 800;
}
.lucki-main-tabs {
   gap: 7px;
}
.lucki-main-tab {
   padding: 12px 20px;
   border-color: rgba(55,111,232,.18);
   background: rgba(255,255,255,.76);
}
.lucki-main-tab:nth-child(2) {
   background: rgba(104,179,255,.10);
}
.lucki-main-tab:nth-child(3) {
   background: rgba(255,196,77,.12);
}
.lucki-main-tab:nth-child(4) {
   background: rgba(255,116,102,.11);
}
.lucki-main-tab:nth-child(5) {
   background: rgba(120,88,216,.10);
}
.lucki-main-tab.is-active {
   padding-top: 14px;
   background: linear-gradient(135deg,#376fe8,#7858d8);
}
.lucki-games-panel {
    min-height: 0;
    padding: 25px 32px 30px;
    border: 1px solid rgba(55,111,232,.20);
    border-top-width: 4px;
    background:     linear-gradient(90deg,rgba(55,111,232,.035),transparent 22%,transparent 78%,rgba(255,116,102,.04)),     rgba(255,255,255,.93);
    box-shadow: 0 20px 55px rgba(35,62,114,.12);
}
.lucki-panel-lead {
   max-width: 1420px;
   margin-bottom: 12px;
}
.lucki-panel-lead h3 {
   font-size: 25px;
}
.lucki-category-copy {
   max-width: 1420px;
   margin-bottom: 13px;
}
.lucki-slot-filter-label {
   max-width: 1420px;
   margin-top: 10px;
   margin-bottom: 7px;
}
.lucki-subtabs {
   margin-bottom: 8px;
}
.lucki-subtab {
   padding: 8px 14px;
}
.lucki-subcategory-note {
   margin-bottom: 12px;
}
.lucki-game-grid {
   max-width: 1460px;
   gap: 15px;
}
.lucki-game-card {
    position: relative;
    isolation: isolate;
    grid-template-rows: 205px minmax(34px,auto) auto;
    padding-bottom: 9px;
    border-radius: 16px;
    background: linear-gradient(#edf4ff 0 205px,#fff 205px);
}
.lucki-game-card.has-art-bg::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 0 auto;
    height: 205px;
    background-image: linear-gradient(rgba(10,20,48,.06),rgba(10,20,48,.18)),var(--game-bg);
    background-size: cover;
    background-position: center;
}
.lucki-game-card:nth-child(2n) {
   background: linear-gradient(#fff2ed 0 205px,#fff 205px);
}
.lucki-game-card:nth-child(3n) {
   background: linear-gradient(#f4efff 0 205px,#fff 205px);
}
.lucki-game-card img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 205px;
    aspect-ratio: auto;
    padding: 7px;
    object-fit: contain;
    background: transparent;
}
.lucki-game-card.has-art-bg img {
   padding: 10px;
   filter: drop-shadow(0 5px 8px rgba(5,15,40,.30));
}
.lucki-game-card strong,.lucki-game-card > span {
   position: relative;
   z-index: 2;
   background: #fff;
}
.lucki-game-card strong {
   padding: 8px 11px 2px;
   font-size: 13px;
   line-height: 1.2;
}
.lucki-game-card > span {
   margin: 2px 11px 0;
   font-size: 11px;
}
.lucki-game-detail {
   margin-top: 17px;
   padding-top: 20px;
   padding-bottom: 19px;
}
@media (min-width: 1500px) {
    .lucki-game-card {
     grid-template-rows: 225px minmax(34px,auto) auto;
     background: linear-gradient(#edf4ff 0 225px,#fff 225px);
  }
    .lucki-game-card:nth-child(2n) {
     background: linear-gradient(#fff2ed 0 225px,#fff 225px);
  }
    .lucki-game-card:nth-child(3n) {
     background: linear-gradient(#f4efff 0 225px,#fff 225px);
  }
    .lucki-game-card img {
     height: 225px;
  }
    .lucki-game-card.has-art-bg::before {
     height: 225px;
  }
}
@media (max-width: 640px) {
    .lucki-games {
     padding: 40px 14px 56px;
  }
    .lucki-games-intro p {
     font-size: 14px;
  }
    .lucki-games-panel {
     padding: 20px 12px 24px;
  }
    .lucki-game-card {
     grid-template-rows: 165px minmax(34px,auto) auto;
     background: linear-gradient(#edf4ff 0 165px,#fff 165px);
  }
    .lucki-game-card:nth-child(2n) {
     background: linear-gradient(#fff2ed 0 165px,#fff 165px);
  }
    .lucki-game-card:nth-child(3n) {
     background: linear-gradient(#f4efff 0 165px,#fff 165px);
  }
    .lucki-game-card img {
     height: 165px;
  }
    .lucki-game-card.has-art-bg::before {
     height: 165px;
  }
}

/* Lucki FAQ */ .lucki-faq {
  position:relative;
  scroll-margin-top:76px;
  overflow:hidden;
  padding:80px 24px 86px;
  background:linear-gradient(145deg,#edf5ff,#fff9ef 50%,#f2ebff);
  color:#142b5c
}
.lucki-faq:before,.lucki-faq:after {
  content:"";
  position:absolute;
  width:460px;
  height:180px;
  border:18px solid rgba(78,108,217,.08);
  border-radius:50%;
  transform:rotate(-18deg)
}
.lucki-faq:before {
  left:-180px;
  top:150px
}
.lucki-faq:after {
  right:-180px;
  bottom:80px;
  border-color:rgba(255,179,91,.1);
  transform:rotate(16deg)
}
.lucki-faq-shell {
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:auto
}
.lucki-faq-intro {
  text-align:center;
  max-width:1000px;
  margin:0 auto 32px
}
.lucki-faq-intro>span {
  color:#ef675f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em
}
.lucki-faq-intro h2 {
  margin:8px 0 14px;
  color:#142b5c!important;
  font-size:clamp(38px,4vw,60px);
  line-height:1.04
}
.lucki-faq-intro h2 em {
  font-style:normal;
  color:#5965dc!important
}
.lucki-faq-intro p {
  margin:0;
  color:#596985;
  font-size:17px;
  line-height:1.58
}
.lucki-faq-board {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.76);
  border:1px solid #d7e3f3;
  box-shadow:0 20px 46px rgba(37,61,110,.12)
}
.lucki-faq-column {
  display:grid;
  align-content:start;
  gap:10px
}
.lucki-faq-item {
  overflow:hidden;
  border:1px solid #d8e3f2;
  border-radius:16px;
  background:#fff;
  transition:border-color .2s,box-shadow .2s
}
.lucki-faq-item.is-open {
  border-color:#5670df;
  box-shadow:0 10px 24px rgba(48,78,151,.12)
}
.lucki-faq-item>button {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:17px 18px;
  border:0;
  background:#fff;
  color:#17315f;
  text-align:left;
  font:800 15px/1.35 Arial,sans-serif;
  cursor:pointer
}
.lucki-faq-item>button:hover,.lucki-faq-item>button:focus-visible {
  background:#f1f6ff;
  outline:0
}
.lucki-faq-item>button span {
  display:block
}
.lucki-faq-item>button i {
  display:block;
  margin-bottom:4px;
  color:#ef675f;
  font-style:normal;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em
}
.lucki-faq-item>button b {
  display:grid;
  place-items:center;
  flex:0 0 30px;
  height:30px;
  border-radius:9px;
  background:#edf4ff;
  color:#2456bd;
  font-size:20px;
  transition:transform .2s,background .2s
}
.lucki-faq-item.is-open>button b {
  transform:rotate(45deg);
  background:#2456bd;
  color:#fff
}
.lucki-faq-item>div {
  padding:0 18px 17px
}
.lucki-faq-item>div[hidden] {
  display:none
}
.lucki-faq-item p {
  margin:0;
  padding-top:14px;
  border-top:1px solid #e4eaf3;
  color:#5c6b84;
  font-size:13px;
  line-height:1.58
}
.lucki-faq-item p strong {
  color:#214d9f
}
.lucki-faq-note {
  max-width:1040px;
  margin:17px auto 0;
  padding:13px 17px;
  border-radius:13px;
  background:#17366f;
  color:#dce8ff;
  text-align:center;
  font-size:13px
}
.lucki-faq-note strong {
  color:#ffd36b
}
.lucki-faq-stars i {
  position:absolute;
  z-index:1;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 15px 5px #6ecfff;
  animation:luckiFaqStar 5s ease-in-out infinite alternate
}
.lucki-faq-stars i:nth-child(1) {
  left:7%;
  top:20%
}
.lucki-faq-stars i:nth-child(2) {
  right:8%;
  top:28%;
  animation-delay:-2s;
  box-shadow:0 0 15px 5px #ffba64
}
.lucki-faq-stars i:nth-child(3) {
  left:4%;
  bottom:18%;
  animation-delay:-3s
}
.lucki-faq-stars i:nth-child(4) {
  right:5%;
  bottom:20%;
  animation-delay:-1s;
  box-shadow:0 0 15px 5px #ff8175
}
.lucki-faq-stars i:nth-child(5) {
  left:50%;
  top:9%;
  animation-delay:-4s
}
@keyframes luckiFaqStar {
  from {
    transform:translateY(7px) scale(.7);
    opacity:.35
  }
  to {
    transform:translateY(-9px) scale(1.2);
    opacity:1
  }
}
@media(prefers-reduced-motion:reduce) {
  .lucki-faq-stars i {
    animation:none
  }
}
@media(max-width:760px) {
  .lucki-faq {
    padding:58px 14px 64px
  }
  .lucki-faq-board {
    grid-template-columns:1fr;
    padding:13px;
    gap:10px
  }
  .lucki-faq-item>button {
    padding:15px 13px;
    font-size:14px
  }
  .lucki-faq-item>div {
    padding:0 13px 15px
  }
}
/* Lucki footer */ .lucki-footer {
  position:relative;
  overflow:hidden;
  padding:62px 24px 22px;
  background:linear-gradient(135deg,#0d2557 0%,#173c86 48%,#493ba6 100%);
  color:#dbe7ff
}
.lucki-footer:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(112,211,255,.16),transparent 24%),radial-gradient(circle at 9% 84%,rgba(255,185,92,.15),transparent 25%);
  pointer-events:none
}
.lucki-footer-glow {
  position:absolute;
  right:-110px;
  top:-80px;
  width:360px;
  height:360px;
  border:26px solid rgba(255,255,255,.05);
  border-radius:50%
}
.lucki-footer-shell {
  position:relative;
  z-index:1;
  max-width:1480px;
  margin:auto
}
.lucki-footer-main {
  display:grid;
  grid-template-columns:1.15fr 1.5fr .75fr;
  gap:60px;
  padding-bottom:38px
}
.lucki-footer-logo {
  display:inline-block;
  margin-bottom:18px;
  color:#fff;
  text-decoration:none
}
.lucki-footer-logo span {
  position:relative;
  font:800 42px/1 Arial,sans-serif;
  letter-spacing:-2px
}
.lucki-footer-logo span:after {
  content:"";
  position:absolute;
  right:-11px;
  top:3px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff786b;
  box-shadow:7px 10px 0 -2px #ffd46b
}
.lucki-footer-brand p {
  max-width:420px;
  margin:0 0 20px;
  color:#becdee;
  font-size:14px;
  line-height:1.7
}
.lucki-footer-brand strong {
  color:#fff
}
.lucki-footer-age {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:2px solid #ffd36b;
  border-radius:50%;
  color:#ffd36b;
  font-weight:900
}
.lucki-footer h2 {
  margin:0 0 17px;
  color:#fff!important;
  font:800 12px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase
}
.lucki-footer-nav>div {
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,1fr));
  gap:10px 28px
}
.lucki-footer a {
  color:#dbe7ff;
  text-decoration:none
}
.lucki-footer nav a {
  display:block;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  transition:color .2s,transform .2s
}
.lucki-footer nav a:hover,.lucki-footer nav a:focus-visible {
  color:#ffd36b;
  transform:translateX(3px);
  outline:0
}
.lucki-footer-legal {
  display:grid;
  align-content:start;
  gap:11px
}
.lucki-footer-notice {
  display:grid;
  grid-template-columns:1.5fr .7fr;
  gap:30px;
  padding:21px 24px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  background:rgba(5,20,55,.18);
  border-radius:16px
}
.lucki-footer-notice p {
  margin:0;
  color:#afc1e4;
  font-size:12px;
  line-height:1.6
}
.lucki-footer-notice strong {
  color:#ffd36b
}
.lucki-footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:20px
}
.lucki-footer-bottom p {
  margin:0;
  color:#9fb3db;
  font-size:11px
}
.lucki-footer-bottom a {
  font-size:12px;
  font-weight:800
}
.lucki-footer-bottom a span {
  display:inline-grid;
  place-items:center;
  margin-left:7px;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#fff;
  color:#1e4a9c
}
@media(max-width:980px) {
  .lucki-footer-main {
    grid-template-columns:1fr 1.2fr;
    gap:38px
  }
  .lucki-footer-legal {
    grid-column:1/-1;
    grid-template-columns:repeat(4,1fr)
  }
  .lucki-footer-legal h2 {
    grid-column:1/-1
  }
}
@media(max-width:650px) {
  .lucki-footer {
    padding:48px 16px 18px
  }
  .lucki-footer-main {
    grid-template-columns:1fr;
    gap:30px
  }
  .lucki-footer-legal {
    grid-column:auto;
    grid-template-columns:1fr
  }
  .lucki-footer-legal h2 {
    grid-column:auto
  }
  .lucki-footer-nav>div {
    grid-template-columns:1fr 1fr
  }
  .lucki-footer-notice {
    grid-template-columns:1fr;
    padding:18px
  }
  .lucki-footer-bottom {
    align-items:flex-start
  }
  .lucki-footer-bottom p {
    max-width:220px
  }
}

/* ==========================================================================
   SHARED TYPOGRAPHY AND HERO POLISH
   ========================================================================== */
/* Safe shared typography and Hero accents. Section backgrounds remain untouched. */ html {
  font-size:16px
}
body {
  font-family:Arial,"Helvetica Neue",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
.lucki-games,.lucki-live,.lucki-sports,.lucki-bonuses,.lucki-vip,.lucki-payments,.lucki-security,.lucki-mobile,.lucki-about,.lucki-faq {
  font-size:16px
}
.lucki-games p,.lucki-live p,.lucki-sports p,.lucki-bonuses p,.lucki-vip p,.lucki-payments p,.lucki-security p,.lucki-mobile p,.lucki-about p,.lucki-faq p {
  font-size:16px!important;
  line-height:1.65!important
}
.lucki-games li,.lucki-live li,.lucki-sports li,.lucki-bonuses li,.lucki-vip li,.lucki-payments li,.lucki-security li,.lucki-mobile li,.lucki-about li,.lucki-faq li {
  font-size:16px;
  line-height:1.6
}
.lucki-games-intro p,.lucki-live-intro p,.lucki-sports-intro p,.lucki-bonuses-intro p,.lucki-vip-intro p,.lucki-payments-intro p,.lucki-security-intro p,.lucki-mobile-intro p,.lucki-about-intro p,.lucki-faq-intro p {
  font-size:18px!important;
  line-height:1.65!important
}
.lucki-game-card strong,.lucki-live-card strong,.lucki-sport-card strong {
  font-size:15px!important;
  line-height:1.35!important
}
.lucki-game-card a,.lucki-live-card a,.lucki-sport-card a {
  font-size:14px!important
}
.lucki-main-tab,.lucki-live-menu button,.lucki-payment-tab,.lucki-sport-card {
  font-size:15px!important
}
.lucki-faq-item>button {
  font-size:16px!important
}
.lucki-faq-item p {
  font-size:16px!important
}
.lucki-footer-brand p {
  font-size:15px!important
}
.lucki-footer nav a {
  font-size:14px!important
}
/* Small, non-destructive visual echoes of the Hero. */ .lucki-games-intro,.lucki-live-intro,.lucki-sports-intro,.lucki-bonuses-intro,.lucki-vip-intro,.lucki-payments-intro,.lucki-security-intro,.lucki-mobile-intro,.lucki-about-intro,.lucki-faq-intro {
  position:relative
}
.lucki-games-intro:after,.lucki-live-intro:after,.lucki-sports-intro:after,.lucki-bonuses-intro:after,.lucki-vip-intro:after,.lucki-payments-intro:after,.lucki-security-intro:after,.lucki-mobile-intro:after,.lucki-about-intro:after,.lucki-faq-intro:after {
  content:"";
  display:block;
  width:118px;
  height:4px;
  margin:20px auto 0;
  border-radius:10px;
  background:linear-gradient(90deg,#5fd6e1,#5870e4 35%,#ff786d 70%,#ffd36b);
  box-shadow:0 4px 15px rgba(73,107,210,.24)
}
.lucki-games-panel,.lucki-live-stage,.lucki-sports-overview,.lucki-sports-primer,.lucki-sports-catalogue,.lucki-bonus-primary,.lucki-bonus-secondary,.lucki-vip-path,.lucki-vip-explainer,.lucki-payment-panel,.lucki-security-card,.lucki-security-steps,.lucki-security-response,.lucki-mobile-showcase,.lucki-mobile-platforms,.lucki-mobile-flow,.lucki-about-unity,.lucki-about-journey,.lucki-faq-board {
  box-shadow:0 22px 52px rgba(24,50,105,.14)
}
.lucki-main-tab.is-active,.lucki-payment-tab.is-active,.lucki-live-menu button[aria-selected="true"] {
  box-shadow:0 10px 24px rgba(61,83,193,.24)
}
.lucki-logo,.lucki-footer-logo {
  filter:drop-shadow(0 5px 12px rgba(7,25,74,.2))
}
.lucki-logo-word,.lucki-footer-logo span {
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-weight:900!important;
  letter-spacing:-2px!important
}
.lucki-logo-word:before,.lucki-footer-logo span:before {
  content:"";
  position:absolute;
  left:-5px;
  right:-12px;
  bottom:-7px;
  height:3px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,#75dcff 25%,#ffd36b 75%,transparent);
  opacity:.8
}
@media(max-width:760px) {
  html {
    font-size:16px
  }
  .lucki-games p,.lucki-live p,.lucki-sports p,.lucki-bonuses p,.lucki-vip p,.lucki-payments p,.lucki-security p,.lucki-mobile p,.lucki-about p,.lucki-faq p,.lucki-games li,.lucki-live li,.lucki-sports li,.lucki-bonuses li,.lucki-vip li,.lucki-payments li,.lucki-security li,.lucki-mobile li,.lucki-about li,.lucki-faq li {
    font-size:16px!important
  }
  .lucki-games-intro p,.lucki-live-intro p,.lucki-sports-intro p,.lucki-bonuses-intro p,.lucki-vip-intro p,.lucki-payments-intro p,.lucki-security-intro p,.lucki-mobile-intro p,.lucki-about-intro p,.lucki-faq-intro p {
    font-size:17px!important
  }
}
/* Sports emotional visual */ .lucki-sports-intro-visual {
  max-width:1480px!important;
  min-height:320px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);
  align-items:center;
  gap:20px;
  text-align:left!important
}
.lucki-sports-intro-copy {
  max-width:820px;
  padding-left:34px
}
.lucki-sports-intro-visual:after {
  margin:20px 0 0!important
}
.lucki-sports-hero-art {
  position:relative;
  height:320px;
  display:grid;
  place-items:center;
  overflow:visible
}
.lucki-sports-hero-art:before {
  content:"";
  position:absolute;
  width:78%;
  height:62%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(83,204,255,.28),rgba(255,195,76,.09) 48%,transparent 72%);
  filter:blur(12px)
}
.lucki-sports-hero-art img {
  position:relative;
  z-index:1;
  width:min(650px,115%);
  height:320px;
  object-fit:contain;
  filter:drop-shadow(0 24px 28px rgba(2,18,59,.28))
}
.lucki-sports-hero-art:after {
  content:"✦";
  position:absolute;
  z-index:2;
  right:8%;
  top:16%;
  color:#ffd36b;
  font-size:28px;
  text-shadow:0 0 18px #ffd36b
}
@media(max-width:980px) {
  .lucki-sports-intro-visual {
    grid-template-columns:1fr;
    gap:0;
    text-align:center!important
  }
  .lucki-sports-intro-copy {
    max-width:900px;
    margin:auto;
    padding-left:0
  }
  .lucki-sports-intro-visual:after {
    margin:18px auto 0!important
  }
  .lucki-sports-hero-art {
    height:245px;
    margin-top:8px
  }
  .lucki-sports-hero-art img {
    height:260px;
    width:min(630px,92%)
  }
}
@media(max-width:560px) {
  .lucki-sports-intro-visual {
    min-height:auto
  }
  .lucki-sports-hero-art {
    height:185px
  }
  .lucki-sports-hero-art img {
    height:200px;
    width:112%
  }
  .lucki-sports-hero-art:after {
    right:2%;
    top:10%;
    font-size:20px
  }
}

/* ==========================================================================
   BONUS AND VIP ARTWORK
   ========================================================================== */
/* Section-specific artwork and atmosphere. */ .lucki-bonuses-intro-visual,.lucki-vip-intro-visual {
  max-width:1480px!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:center;
  gap:22px;
  text-align:left!important
}
.lucki-bonuses-intro-copy,.lucki-vip-intro-copy {
  max-width:970px;
  padding-left:34px
}
.lucki-bonuses-intro-visual:after,.lucki-vip-intro-visual:after {
  margin:20px 0 0!important
}
.lucki-bonuses-hero-art,.lucki-vip-hero-art {
  position:relative;
  height:285px;
  display:grid;
  place-items:center
}
.lucki-bonuses-hero-art:before,.lucki-vip-hero-art:before {
  content:"";
  position:absolute;
  width:82%;
  height:64%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,198,77,.3),rgba(83,196,255,.12) 52%,transparent 73%);
  filter:blur(12px)
}
.lucki-bonuses-hero-art img,.lucki-vip-hero-art img {
  position:relative;
  z-index:1;
  width:100%;
  height:285px;
  object-fit:contain;
  filter:drop-shadow(0 20px 25px rgba(16,34,84,.25))
}
.lucki-vip-hero-art:before {
  background:radial-gradient(ellipse,rgba(102,215,255,.25),rgba(255,198,77,.12) 52%,transparent 74%)
}
.lucki-vip-hero-art img {
  width:115%
}
.lucki-security-console {
  position:relative;
  overflow:hidden;
  box-shadow:0 30px 65px rgba(28,54,106,.18)!important
}
.lucki-security-console:after {
  content:"";
  position:absolute;
  right:-120px;
  top:-110px;
  width:300px;
  height:300px;
  border:24px solid rgba(91,204,226,.08);
  border-radius:50%;
  pointer-events:none
}
.lucki-security-nav {
  background:radial-gradient(circle at 50% 18%,rgba(103,222,232,.2),transparent 26%),linear-gradient(160deg,#173a80,#244ea3 58%,#5a49ba)!important
}
.lucki-shield {
  filter:drop-shadow(0 18px 20px rgba(0,18,64,.25))
}
.lucki-security-content {
  position:relative;
  z-index:1
}
.lucki-mobile-stage {
  position:relative;
  overflow:hidden;
  box-shadow:0 30px 68px rgba(29,55,109,.17)!important
}
.lucki-mobile-stage:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 25%,rgba(92,217,226,.14),transparent 25%),radial-gradient(circle at 88% 78%,rgba(255,186,85,.13),transparent 24%);
  pointer-events:none
}
.lucki-device-scene,.lucki-mobile-copy {
  position:relative;
  z-index:1
}
.lucki-device {
  filter:drop-shadow(0 24px 27px rgba(13,35,88,.25))
}
.lucki-mobile-brandline {
  border-left:5px solid #60d8df!important;
  box-shadow:0 16px 35px rgba(38,66,122,.1)!important
}
.lucki-footer {
  isolation:isolate
}
.lucki-footer:after {
  content:"";
  position:absolute;
  z-index:0;
  left:-10%;
  right:-10%;
  bottom:-110px;
  height:260px;
  border:3px solid rgba(100,214,236,.14);
  border-radius:50%;
  transform:rotate(-5deg);
  box-shadow:0 -34px 90px rgba(88,106,227,.16);
  pointer-events:none
}
.lucki-footer-shell:before,.lucki-footer-shell:after {
  content:"◆";
  position:absolute;
  color:#ffd36b;
  text-shadow:0 0 18px #ffce65;
  opacity:.7
}
.lucki-footer-shell:before {
  right:7%;
  top:8%;
  font-size:18px
}
.lucki-footer-shell:after {
  left:3%;
  bottom:18%;
  color:#67dbe5;
  font-size:12px;
  text-shadow:0 0 18px #62dcea
}
.lucki-footer-main,.lucki-footer-notice,.lucki-footer-bottom {
  position:relative;
  z-index:2
}
@media(max-width:980px) {
  .lucki-bonuses-intro-visual,.lucki-vip-intro-visual {
    grid-template-columns:1fr;
    text-align:center!important
  }
  .lucki-bonuses-intro-copy,.lucki-vip-intro-copy {
    padding-left:0
  }
  .lucki-bonuses-intro-visual:after,.lucki-vip-intro-visual:after {
    margin:18px auto 0!important
  }
  .lucki-bonuses-hero-art,.lucki-vip-hero-art {
    height:220px
  }
  .lucki-bonuses-hero-art img,.lucki-vip-hero-art img {
    height:235px;
    width:100%
  }
}
@media(max-width:560px) {
  .lucki-bonuses-hero-art,.lucki-vip-hero-art {
    height:175px
  }
  .lucki-bonuses-hero-art img,.lucki-vip-hero-art img {
    height:190px
  }
}

/* ==========================================================================
   LEGAL PAGES
   ========================================================================== */
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:#eef4ff;
  color:#172d58;
  font-family:Arial,sans-serif
}
.legal-page {
  --accent:#5b63dc;
  --soft:#eef0ff;
  min-height:100vh;
  background:radial-gradient(circle at 88% 8%,var(--soft),transparent 30%),linear-gradient(145deg,#eef6ff,#fffaf2 55%,#f1ebff)
}
.legal-page.privacy {
  --accent:#168b9b;
  --soft:#dff9f7
}
.legal-page.responsible {
  --accent:#e06b55;
  --soft:#fff0dc
}
.legal-page.cookies {
  --accent:#8a55bd;
  --soft:#f1e3ff
}
.legal-top {
  position:sticky;
  top:0;
  z-index:10;
  background:linear-gradient(100deg,#2860d5,#7756d4);
  box-shadow:0 5px 22px rgba(24,52,114,.18)
}
.legal-top-inner {
  max-width:1220px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 24px
}
.legal-logo {
  position:relative;
  color:#fff;
  text-decoration:none;
  font-size:30px;
  font-weight:900;
  letter-spacing:-1.5px
}
.legal-logo:after {
  content:"";
  position:absolute;
  right:-10px;
  top:1px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff786b
}
.legal-home {
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800
}
.legal-home:hover,.legal-home:focus-visible {
  color:#ffd36b;
  outline:0
}
.legal-hero {
  max-width:1220px;
  margin:auto;
  padding:74px 24px 42px;
  display:grid;
  grid-template-columns:1fr 280px;
  align-items:center;
  gap:70px
}
.legal-hero small {
  color:var(--accent);
  font-weight:900;
  letter-spacing:.17em
}
.legal-hero h1 {
  margin:9px 0 17px;
  font-size:clamp(43px,6vw,76px);
  line-height:.98;
  letter-spacing:-.045em
}
.legal-hero p {
  max-width:720px;
  margin:0;
  color:#61708a;
  font-size:17px;
  line-height:1.65
}
.legal-symbol {
  position:relative;
  height:210px;
  border-radius:48% 52% 46% 54%;
  background:linear-gradient(145deg,var(--accent),#243d88);
  box-shadow:0 25px 55px color-mix(in srgb,var(--accent) 28%,transparent)
}
.legal-symbol:before,.legal-symbol:after {
  content:"";
  position:absolute;
  border:3px solid rgba(255,255,255,.8);
  border-radius:50%
}
.legal-symbol:before {
  inset:34px
}
.legal-symbol:after {
  inset:70px
}
.legal-symbol span {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:56px;
  font-weight:900
}
.legal-layout {
  max-width:1220px;
  margin:0 auto 80px;
  padding:0 24px;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px
}
.legal-toc {
  position:sticky;
  top:92px;
  align-self:start;
  padding:25px;
  border-radius:22px;
  background:#183976;
  color:#fff
}
.legal-toc strong {
  display:block;
  margin-bottom:15px;
  color:#ffd36b;
  font-size:11px;
  letter-spacing:.13em
}
.legal-toc a {
  display:block;
  padding:8px 0;
  color:#dce7ff;
  text-decoration:none;
  font-size:13px;
  font-weight:700
}
.legal-toc a:hover,.legal-toc a:focus-visible {
  color:#ffd36b;
  outline:0
}
.legal-content {
  padding:12px 38px 38px;
  border:1px solid #dbe5f2;
  border-radius:28px;
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 50px rgba(31,57,107,.1)
}
.legal-content section {
  scroll-margin-top:95px;
  padding:29px 0;
  border-bottom:1px solid #e3e9f1
}
.legal-content section:last-child {
  border-bottom:0
}
.legal-content h2 {
  margin:0 0 13px;
  font-size:25px
}
.legal-content h3 {
  margin:20px 0 8px;
  color:var(--accent);
  font-size:16px
}
.legal-content p,.legal-content li {
  color:#5b6981;
  font-size:14px;
  line-height:1.72
}
.legal-content ul,.legal-content ol {
  padding-left:21px
}
.legal-callout {
  padding:18px 20px;
  border-left:4px solid var(--accent);
  border-radius:4px 14px 14px 4px;
  background:var(--soft)
}
.legal-footer {
  padding:26px 24px;
  background:#102a60;
  color:#b8c8e8;
  text-align:center;
  font-size:12px
}
.legal-footer a {
  color:#ffd36b
}
@media(max-width:780px) {
  .legal-hero {
    grid-template-columns:1fr;
    padding-top:52px
  }
  .legal-symbol {
    display:none
  }
  .legal-layout {
    grid-template-columns:1fr
  }
  .legal-toc {
    position:static
  }
  .legal-content {
    padding:8px 22px 28px
  }
  .legal-top-inner {
    padding:15px 17px
  }
}
/* Shared legal-page navigation and footer */ .legal-top-inner {
  max-width:1480px;
  justify-content:flex-start;
  padding:16px 24px
}
.legal-nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex:1
}
.legal-nav a {
  color:#eef3ff;
  text-decoration:none;
  font-size:12px;
  font-weight:800
}
.legal-nav a:hover,.legal-nav a:focus-visible {
  color:#ffd36b;
  outline:0
}
.legal-play {
  flex:0 0 auto;
  padding:13px 20px;
  border-radius:13px;
  background:#ffd166;
  color:#10295c;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(12,35,83,.16)
}
.legal-play:hover,.legal-play:focus-visible {
  background:#ffdf87;
  outline:3px solid rgba(255,255,255,.5)
}
.legal-footer {
  position:relative;
  padding:54px 24px 22px;
  background:linear-gradient(135deg,#0d2557,#173c86 50%,#493ba6);
  color:#dbe7ff;
  text-align:left
}
.legal-footer-shell {
  max-width:1480px;
  margin:auto
}
.legal-footer-main {
  display:grid;
  grid-template-columns:1.15fr 1.5fr .75fr;
  gap:54px;
  padding-bottom:34px
}
.legal-footer-brand p {
  max-width:410px;
  color:#b8c8e8;
  font-size:13px;
  line-height:1.65
}
.legal-footer-logo {
  position:relative;
  color:#fff!important;
  text-decoration:none;
  font-size:37px;
  font-weight:900;
  letter-spacing:-2px
}
.legal-footer-logo:after {
  content:"";
  position:absolute;
  right:-11px;
  top:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff786b
}
.legal-footer-age {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  margin-top:16px;
  border:2px solid #ffd36b;
  border-radius:50%;
  color:#ffd36b;
  font-weight:900
}
.legal-footer h2 {
  margin:0 0 16px;
  color:#fff;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase
}
.legal-footer-nav div {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 24px
}
.legal-footer nav a {
  display:block;
  color:#dbe7ff;
  text-decoration:none;
  font-size:12px;
  font-weight:700
}
.legal-footer nav a:hover,.legal-footer nav a:focus-visible {
  color:#ffd36b;
  outline:0
}
.legal-footer-policies {
  display:grid;
  align-content:start;
  gap:10px
}
.legal-footer-notice {
  display:grid;
  grid-template-columns:1.5fr .7fr;
  gap:30px;
  padding:18px 22px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  background:rgba(5,20,55,.18)
}
.legal-footer-notice p {
  margin:0;
  color:#afc1e4;
  font-size:11px;
  line-height:1.6
}
.legal-footer-notice strong {
  color:#ffd36b
}
.legal-footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:19px;
  color:#9fb3db;
  font-size:11px
}
.legal-footer-bottom a {
  color:#ffd36b;
  text-decoration:none
}
@media(max-width:980px) {
  .legal-nav {
    display:none
  }
  .legal-top-inner {
    justify-content:space-between
  }
  .legal-footer-main {
    grid-template-columns:1fr 1fr
  }
  .legal-footer-policies {
    grid-column:1/-1;
    grid-template-columns:repeat(4,1fr)
  }
  .legal-footer-policies h2 {
    grid-column:1/-1
  }
}
@media(max-width:780px) {
  .legal-top-inner {
    padding:13px 17px
  }
  .legal-play {
    padding:11px 15px
  }
  .legal-footer {
    padding:45px 17px 20px
  }
  .legal-footer-main {
    grid-template-columns:1fr;
    gap:28px
  }
  .legal-footer-policies {
    grid-column:auto;
    grid-template-columns:1fr
  }
  .legal-footer-policies h2 {
    grid-column:auto
  }
  .legal-footer-notice {
    grid-template-columns:1fr
  }
  .legal-footer-bottom {
    align-items:flex-start
  }
}