@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

html,
body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  background:#04070f !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

body[style]{
  margin:0 !important;
  padding:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-height:100% !important;
  overflow-x:hidden !important;
}

#landing_page,
#authModal{
  --text:#f7f9ff;
  --muted:#9aa7c7;
  --line:rgba(120,160,255,.15);
  --cyan:#40f3ff;
  --cyan-2:#1cb8ff;
  --gold:#ffd66e;
  --danger:#ff8f8f;
}

#landing_page,
#landing_page *,
#authModal,
#authModal *{
  box-sizing:border-box;
}

#landing_page{
  position:relative;
  inset:auto;
  z-index:1;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:100vh !important;
  color:var(--text);
  background:
    radial-gradient(760px 460px at 8% 16%, rgba(64,243,255,.09), transparent 60%),
    radial-gradient(860px 520px at 92% 8%, rgba(107,124,255,.11), transparent 56%),
    linear-gradient(180deg, #03040a 0%, #050914 42%, #04070f 100%) !important;
}

#landing_page::before,
#landing_page::after{
  content:"";
  position:fixed;
  border-radius:50%;
  filter:blur(90px);
  pointer-events:none;
  z-index:0;
}

#landing_page::before{
  width:280px;
  height:280px;
  left:4%;
  top:42%;
  background:rgba(64,243,255,.10);
  opacity:.6;
}

#landing_page::after{
  width:320px;
  height:320px;
  right:6%;
  top:8%;
  background:rgba(125,98,255,.10);
  opacity:.56;
}

#landing_page .wrap{
  position:relative;
  z-index:1;
  width:100% !important;
  max-width:1240px;
  margin:0 auto !important;
  padding:22px 18px 34px;
}

#landing_page .wrap::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.22), transparent 92%);
}

#landing_page .desktop-only{display:block;}
#landing_page .mobile-only{display:none;}

#landing_page .topbar{
  position:sticky;
  top:14px;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:66px;
  padding:0 18px;
  margin-bottom:24px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,16,31,.84), rgba(7,11,22,.78));
  border:1px solid var(--line);
  box-shadow:0 16px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(20px) saturate(130%);
}

#landing_page .topbar::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(90deg, rgba(64,243,255,.18), rgba(255,255,255,.03), rgba(125,98,255,.14));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

#landing_page .brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#landing_page .brand img{
  width:34px;
  height:34px;
  border-radius:10px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.25);
}

#landing_page .brand span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#landing_page .topbar-actions,
#landing_page .header-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

#landing_page .btn,
#landing_page .header-icon-btn,
#authModal .auth-tab,
#authModal .modal-close{
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease, background .22s ease, border-color .22s ease;
}

#landing_page .btn{
  position:relative;
  overflow:hidden;
  min-height:44px;
  padding:0 18px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  text-decoration:none;
  cursor:pointer;
  font-weight:800;
}

#landing_page .btn:hover,
#landing_page .play:hover,
#landing_page .m-cta:hover,
#authModal .auth-tab:hover,
#authModal .modal-close:hover,
#landing_page .secondary-link:hover,
#landing_page .m-ghost:hover,
#landing_page .header-icon-btn:hover{
  transform:translateY(-2px);
}

#landing_page .btn::after,
#landing_page .play::after,
#landing_page .m-cta::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:skewX(-22deg);
  transition:left .6s ease;
  pointer-events:none;
}

#landing_page .btn:hover::after,
#landing_page .play:hover::after,
#landing_page .m-cta:hover::after{
  left:140%;
}

#landing_page .btn-ghost{
  color:#fff;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green{
  background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-2) 54%, #7382ff 100%);
  color:#04111c;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 16px 36px rgba(28,184,255,.30), 0 0 30px rgba(64,243,255,.18);
}

#landing_page .header-icon-btn{
  position:relative;
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color:#eaf2ff;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  text-decoration:none;
}

#landing_page .header-icon-btn:hover{
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}

#landing_page .header-icon-btn i{
  font-size:16px;
  pointer-events:none;
}

#landing_page .lang-box{
  position:relative;
}

#landing_page .lang-trigger .lang_g,
#landing_page #current_lang_flag.lang_g{
  width:22px;
  height:22px;
  border-radius:50%;
  display:block;
  background-repeat:no-repeat !important;
  background-size:cover;
  background-position:center;
  box-shadow:0 0 0 2px rgba(255,255,255,.06);
}

#landing_page .lang_menu{
  position:absolute;
  top:56px;
  right:0;
  z-index:100000;
  width:220px;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(11,17,35,.98), rgba(7,12,26,.98));
  border:1px solid rgba(95,144,255,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  backdrop-filter:blur(16px) saturate(130%);
  display:none;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

#landing_page .lang_menu.is-open,
#landing_page .lang_menu[style*="display: block"]{display:grid !important;}

#landing_page .lang_menu .lang-select{
  width:40px;
  height:40px;
  border-radius:12px;
  cursor:pointer;
  display:block;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.08);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#landing_page .lang_menu .lang-select:hover{
  transform:translateY(-2px);
  border-color:rgba(64,243,255,.35);
  box-shadow:0 10px 20px rgba(0,0,0,.22);
}

#landing_page .lang_menu .lang-sel{
  border-color:rgba(64,243,255,.55);
  box-shadow:0 0 0 2px rgba(64,243,255,.14);
}

#landing_page .lang-ru{background-image:url("/statica/img/flags/lang/ru.png");}
#landing_page .lang-en{background-image:url("/statica/img/flags/lang/en.png");}
#landing_page .lang-pt{background-image:url("/statica/img/flags/lang/pt.png");}
#landing_page .lang-zh{background-image:url("/statica/img/flags/lang/zh.png");}
#landing_page .lang-fr{background-image:url("/statica/img/flags/lang/fr.png");}
#landing_page .lang-hi{background-image:url("/statica/img/flags/lang/hi.png");}
#landing_page .lang-it{background-image:url("/statica/img/flags/lang/it.png");}
#landing_page .lang-ko{background-image:url("/statica/img/flags/lang/ko.png");}
#landing_page .lang-az{background-image:url("/statica/img/flags/lang/az.png");}
#landing_page .lang-th{background-image:url("/statica/img/flags/lang/th.png");}
#landing_page .lang-tr{background-image:url("/statica/img/flags/lang/tr.png");}

#landing_page .theme-toggle--mobile{display:none !important;}

#landing_page .hero{
  position:relative;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:34px;
  padding:32px;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,13,28,.90), rgba(5,8,18,.98));
  border:1px solid var(--line);
  box-shadow:0 34px 110px rgba(0,0,0,.46);
  backdrop-filter:blur(20px) saturate(140%);
}

#landing_page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(620px 260px at 12% 0%, rgba(64,243,255,.10), transparent 62%),
    radial-gradient(440px 240px at 100% 100%, rgba(107,124,255,.12), transparent 60%);
  pointer-events:none;
}

#landing_page .hero::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:33px;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
}

#landing_page .copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.landing-lang-dropdown{
    position: relative;
    z-index: 2000;
}

.landing-lang-current{
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    background: rgba(12,18,34,0.96);
    color: #fff;
    cursor: pointer;
}

.landing-lang-current img{
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    display: block;
}

.landing-lang-current-code{
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.landing-lang-menu{
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 190px;
    padding: 8px;
    display: none;
    flex-direction: column;
    gap: 4px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    background: rgba(8,12,24,0.98);
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

.landing-lang-menu.is-open{
    display: flex;
}

.landing-lang-item{
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.landing-lang-item:hover{
    background: rgba(255,255,255,0.06);
}

.landing-lang-item img{
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    flex: 0 0 22px;
    display: block;
}

.landing-lang-item span{
    display: block;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#landing_page .copy-topline{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:8px;
  min-height:36px;
  padding:0 15px;
  margin-bottom:14px;
  border-radius:999px;
  color:#e8f2ff;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

#landing_page .copy h1{
  margin:0 0 16px;
  max-width:640px;
  font-size:58px;
  line-height:.94;
  letter-spacing:-.05em;
  font-weight:900;
  word-break:break-word;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background:linear-gradient(90deg, #fff 0%, #c9f7ff 35%, #9edfff 75%, #c0b8ff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

#landing_page .copy p{
  margin:0 0 24px;
  max-width:520px;
  color:#a8b4d2;
  font-size:15px;
  line-height:1.82;
}

#landing_page .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}

#landing_page .play,
#landing_page .secondary-link{
  min-height:54px;
  padding:0 22px;
  border-radius:17px;
}

#landing_page .secondary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#eaf2ff;
  text-decoration:none;
  font-weight:800;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.07);
}

#landing_page .hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}

#landing_page .hero-point,
#landing_page .m-point{
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.07);
  color:#dfe8ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#landing_page .hero-point::before,
#landing_page .m-point::before,
#landing_page .hero-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#86eaff;
  box-shadow:0 0 12px rgba(134,234,255,.45);
}

#landing_page .mined{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,13,28,.98), rgba(9,14,26,.94));
  border:1px solid rgba(93,124,255,.18);
}

#landing_page .mined::before{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-30px;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(64,243,255,.10), transparent 62%);
  filter:blur(8px);
}

#landing_page .mined .label{
  font-size:12px;
  color:#96a5c6;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

#landing_page .mined .value{
  position:relative;
  z-index:1;
  font-size:15px;
  font-weight:900;
  color:var(--gold);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,214,110,.10);
}

#landing_page .art{
  position:relative;
  min-height:420px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(109,152,255,.14);
  background:
    radial-gradient(320px 180px at 18% 18%, rgba(64,243,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(7,12,24,.98), rgba(5,8,18,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 90px rgba(24,118,255,.05),
    0 24px 60px rgba(0,0,0,.28);
}

#landing_page .art::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(320px 180px at 18% 18%, rgba(64,243,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 35%);
  pointer-events:none;
  z-index:1;
}

#landing_page .hero-visual{
  position:absolute;
  inset:0;
}

#landing_page .hero-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.03);
  filter:brightness(.76) contrast(1.08) saturate(1.06);
}

#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,8,18,.10) 0%, rgba(4,8,18,.34) 100%),
    radial-gradient(420px 220px at 18% 20%, rgba(64,243,255,.16), transparent 60%),
    radial-gradient(340px 220px at 82% 78%, rgba(125,98,255,.16), transparent 60%);
  pointer-events:none;
}

#landing_page .hero-badge{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  color:#e8f2ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}

#landing_page .hero-badge.b1{left:26px;bottom:24px;}

/* ===== TRUST + STATS ===== */
#landing_page .trust-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}

#landing_page .trust-box{
  padding:15px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(10,16,32,.86), rgba(6,10,20,.96));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#landing_page .trust-box .trust-title{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#dfe8ff;
}

#landing_page .trust-box .trust-sub{
  font-size:13px;
  line-height:1.45;
  color:#95a3c5;
}

#landing_page .statistic{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:26px;
}

#landing_page .statistic .stat{
  position:relative;
  overflow:hidden;
  min-height:186px;
  padding:24px 22px;
  border-radius:26px;
  background:
    radial-gradient(220px 120px at 100% 0%, rgba(64,243,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(10,16,32,.92), rgba(6,10,20,.98));
  border:1px solid rgba(96,146,255,.15);
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

#landing_page .statistic .stat::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 34%),
    radial-gradient(160px 90px at 0% 100%, rgba(107,124,255,.06), transparent 65%);
  pointer-events:none;
}

#landing_page .statistic .stat::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-30px;
  width:120px;
  height:120px;
  background:radial-gradient(circle, rgba(64,243,255,.06), transparent 68%);
  filter:blur(14px);
  pointer-events:none;
}

#landing_page .statistic .stat:hover{
  transform:translateY(-8px);
  border-color:rgba(64,243,255,.20);
  box-shadow:
    0 28px 70px rgba(0,0,0,.36),
    0 0 22px rgba(64,243,255,.06);
}

#landing_page .statistic .stats_img{
  width:46px;
  height:46px;
  object-fit:contain;
  margin:0 0 24px;
  opacity:.95;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.32)) drop-shadow(0 0 14px rgba(64,243,255,.07));
}

#landing_page .statistic .count{
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
  color:#f8fbff;
  font-weight:900;
}

#landing_page .currency{color:var(--gold);}

#landing_page .statistic .subs{
  margin-top:10px;
  max-width:160px;
  font-size:13px;
  line-height:1.45;
  color:#95a3c5;
}

#landing_page .howitworks{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

#landing_page .how-card{
  position:relative;
  padding:22px 18px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,16,32,.90), rgba(6,10,20,.98));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}

#landing_page .how-num{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-2) 100%);
  color:#04111c;
  font-size:14px;
  font-weight:900;
}

#landing_page .how-title{
  margin-bottom:8px;
  font-size:16px;
  font-weight:800;
  color:#fff;
}

#landing_page .how-text{
  font-size:13px;
  line-height:1.55;
  color:#95a3c5;
}

#landing_page .mobile-stats{margin-top:14px;}

#landing_page .m-hero{
  position:relative;
  overflow:hidden;
  padding:18px 14px 16px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(9,14,28,.90), rgba(6,10,20,.98));
  border:1px solid rgba(96,146,255,.16);
  box-shadow:0 28px 90px rgba(0,0,0,.38);
  backdrop-filter:blur(18px) saturate(130%);
}

#landing_page .m-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(300px 170px at 20% 0%, rgba(64,243,255,.12), transparent 62%),
    radial-gradient(220px 150px at 100% 100%, rgba(107,124,255,.14), transparent 62%);
  pointer-events:none;
}

#landing_page .m-chip{
  position:relative;
  z-index:1;
  display:flex;
  width:fit-content;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  margin:0 auto 10px;
  border-radius:999px;
  color:#e8f2ff;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#landing_page .m-title{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  text-align:center;
  font-size:30px;
  line-height:.96;
  font-weight:900;
  letter-spacing:-.05em;
  word-break:break-word;
}

#landing_page .m-trust{
  position:relative;
  z-index:1;
  max-width:330px;
  margin:0 auto 14px;
  text-align:center;
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}

#landing_page .m-actions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:14px;
}

#landing_page .m-cta,
#landing_page .m-ghost{
  min-height:48px;
  width:100%;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  letter-spacing:.02em;
  font-size:13px;
  text-decoration:none;
  border:0;
  cursor:pointer;
}

#landing_page .m-ghost{
  color:#eaf2ff;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}

#landing_page .m-points{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-bottom:12px;
}

#landing_page .m-art{
  position:relative;
  margin-top:4px;
  height:210px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, #0a1123, #060a14);
}

#landing_page .m-art .art-core{
  position:relative;
  width:100%;
  height:100%;
  display:block;
}

#landing_page .m-art-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.78) contrast(1.08) saturate(1.04);
}

/* ===== AUTH MODAL ===== */
#landing_page .out-capcha{
  margin:12px 0 6px;
  display:flex;
  justify-content:center;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(15,24,46,.82), rgba(9,14,28,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

#landing_page .login-error{
  margin-top:10px;
  text-align:center;
  font-size:13px;
  font-weight:600;
  color:var(--danger);
}

#landing_page #recaptchaWrap,
#landing_page #capchaMountLogin,
#landing_page #capchaMountRegister{
  width:100%;
}

#landing_page #recaptchaWrap *{max-width:100%;}

#authModal{
  position:fixed;
  inset:0;
  z-index:99999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,4,10,.80);
  backdrop-filter:blur(8px);
}

#authModal .modal-content{
  position:relative;
  width:780px;
  max-width:100%;
  overflow:hidden;
  padding:28px 22px 22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(11,17,35,.95), rgba(7,12,26,.98));
  border:1px solid rgba(95,144,255,.18);
  box-shadow:0 40px 120px rgba(0,0,0,.75), 0 0 40px rgba(64,243,255,.08);
  backdrop-filter:blur(18px) saturate(130%);
}

#authModal .modal-content::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(64,243,255,.08), transparent 60%),
    radial-gradient(300px 200px at 100% 0%, rgba(125,98,255,.08), transparent 60%);
  pointer-events:none;
}

#authModal .modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

#authModal .auth-head{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0 0 16px;
}

#authModal .auth-title{
  margin:0;
  font-size:24px;
  font-weight:900;
  color:#fff;
}

#authModal .auth-sub{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#aab5d4;
}

#authModal .auth-tabs{
  display:flex;
  gap:10px;
  margin:14px 0 16px;
}

#authModal .auth-tab{
  flex:1;
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dfe8ff;
  font-weight:800;
  cursor:pointer;
}

#authModal .auth-block{display:none;}
#authModal .auth-block.active{display:block;}

#authModal .auth-block input{
  background:#0d1730 !important;
  border:1px solid rgba(116,148,255,.18) !important;
  color:#fff !important;
  border-radius:12px;
}

#authModal .auth-block input::placeholder{
  color:rgba(255,255,255,.46) !important;
}

#authModal .auth-block input:focus{
  border:1px solid rgba(64,243,255,.45) !important;
  box-shadow:0 0 0 3px rgba(64,243,255,.14);
}

#authModal .auth-block .btn.green{
  min-height:46px;
  border-radius:14px;
  font-weight:900;
  color:#04111c !important;
}

#landing_page[data-theme="light"]{
  color:#132238 !important;
  background:
    radial-gradient(760px 460px at 8% 16%, rgba(64,243,255,.05), transparent 60%),
    radial-gradient(860px 520px at 92% 8%, rgba(107,124,255,.07), transparent 56%),
    linear-gradient(180deg, #f7fbff 0%, #edf4ff 42%, #e6eef9 100%) !important;
}

#landing_page[data-theme="light"] .wrap::before{
  background-image:
    linear-gradient(rgba(35,55,95,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35,55,95,.05) 1px, transparent 1px);
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .m-hero,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,247,255,.98)) !important;
  border:1px solid rgba(148,167,198,.22) !important;
  box-shadow:0 16px 40px rgba(55,84,133,.10), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

#landing_page[data-theme="light"] .m-art{
  background:linear-gradient(180deg, #f7fbff, #edf4ff) !important;
}

#landing_page[data-theme="light"] .m-art-overlay,
#landing_page[data-theme="light"] .hero-visual-overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(235,242,255,.18)),
    radial-gradient(180px 110px at 15% 20%, rgba(64,243,255,.10), transparent 62%),
    radial-gradient(180px 120px at 100% 100%, rgba(107,124,255,.10), transparent 62%) !important;
}

#landing_page[data-theme="light"] .brand,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .hero-badge,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .m-ghost,
#landing_page[data-theme="light"] .trust-box .trust-title,
#landing_page[data-theme="light"] .how-title,
#landing_page[data-theme="light"] .count{
  color:#132238 !important;
}

#landing_page[data-theme="light"] .copy p,
#landing_page[data-theme="light"] .m-trust,
#landing_page[data-theme="light"] .trust-box .trust-sub,
#landing_page[data-theme="light"] .subs,
#landing_page[data-theme="light"] .how-text,
#landing_page[data-theme="light"] .mined .label{
  color:#5e6f8d !important;
}

#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .m-ghost,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .hero-badge,
#landing_page[data-theme="light"] .m-chip,
#landing_page[data-theme="light"] .header-icon-btn{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(239,245,255,.96)) !important;
  border:1px solid rgba(148,167,198,.22) !important;
}

#landing_page[data-theme="light"] .topbar{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,248,255,.98)) !important;
}

#landing_page[data-theme="light"] .topbar-actions .btn.btn-ghost,
#landing_page[data-theme="light"] .m-ghost{
  color:#21344d !important;
}

#landing_page[data-theme="light"] .m-chip{
  color:#365171 !important;
}

#landing_page[data-theme="light"] .m-title .grad,
#landing_page[data-theme="light"] .copy h1 .grad{
  background:linear-gradient(90deg, #14233b 0%, #2766aa 45%, #5278e5 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

#landing_page[data-theme="light"] .lang_menu{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.98)) !important;
  border:1px solid rgba(148,167,198,.22) !important;
}

#landing_page[data-theme="light"] .topbar-actions .btn.btn-sign,
#landing_page[data-theme="light"] .m-cta,
#landing_page[data-theme="light"] .play{
  color:#ffffff !important;
}

@media (max-width: 768px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0;
    overflow-x:hidden !important;
    margin:0;
    padding:0;
  }

  body[style]{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    top:0 !important;
  }

  #landing_page{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  #landing_page::before,
  #landing_page::after,
  #landing_page .wrap::before{
    position:absolute !important;
  }

  #landing_page .wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:max(12px, env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  #landing_page .desktop-only{
    display:none !important;
  }

  #landing_page .mobile-only{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  #landing_page .topbar{
    position:relative !important;
    top:0 !important;
    width:100% !important;
    min-height:auto !important;
    margin:0 0 14px !important;
    padding:10px !important;
    border-radius:18px !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  #landing_page .brand{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
  }

  #landing_page .brand img{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
  }

  #landing_page .brand span{
    max-width:none !important;
    font-size:12px !important;
  }

  #landing_page .topbar-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  #landing_page .topbar-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  #landing_page .header-tools{
    grid-column:1 / -1 !important;
    width:100% !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  #landing_page .header-icon-btn,
  #landing_page .theme-toggle--mobile,
  #landing_page #landing-theme-toggle-mobile{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:13px !important;
  }

  #landing_page #theme-toggle,
  #landing_page #landing-theme-toggle{
    display:none !important;
  }

  #landing_page .theme-toggle--mobile,
  #landing_page #landing-theme-toggle-mobile{
    display:inline-flex !important;
  }

  #landing_page .lang_menu{
    top:50px !important;
    right:0 !important;
    width:188px !important;
    max-width:calc(100vw - 24px) !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  #landing_page .lang_menu .lang-select{
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
  }

  #landing_page .hero,
  #landing_page .m-hero,
  #landing_page .statistic,
  #landing_page .howitworks,
  #landing_page .trust-strip,
  #landing_page .copy,
  #landing_page .art{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #landing_page .hero{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  #landing_page .m-hero{
    padding:18px 14px 16px !important;
    border-radius:24px !important;
  }

  #landing_page .copy h1,
  #landing_page .m-title{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px !important;
    font-size:clamp(28px, 8vw, 40px) !important;
    line-height:.98 !important;
    letter-spacing:-.04em !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  #landing_page .copy p,
  #landing_page .m-trust{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 14px !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  #landing_page .hero-actions,
  #landing_page .m-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin-bottom:14px !important;
  }

  #landing_page .play,
  #landing_page .secondary-link,
  #landing_page .m-cta,
  #landing_page .m-ghost{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 14px !important;
    border-radius:16px !important;
    font-size:13px !important;
  }

  #landing_page .hero-points,
  #landing_page .m-points{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    margin-bottom:12px !important;
  }

  #landing_page .hero-point,
  #landing_page .m-point{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding:0 14px !important;
    font-size:12px !important;
  }

  #landing_page .art{
    min-height:240px !important;
    border-radius:22px !important;
  }
  

  #landing_page .m-art{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1.18 / 1 !important;
    min-height:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  #landing_page .hero-visual img,
  #landing_page .m-art-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  #landing_page .trust-strip{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  #landing_page .trust-box{
    width:100% !important;
    min-width:0 !important;
    border-radius:18px !important;
    padding:15px 14px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  #landing_page .statistic .stat{
    width:100% !important;
    min-width:0 !important;
    min-height:140px !important;
    padding:14px 12px !important;
    border-radius:18px !important;
  }

  #landing_page .statistic .stats_img{
    width:34px !important;
    height:34px !important;
    margin:0 0 12px !important;
  }

  #landing_page .statistic .count{
    font-size:clamp(18px, 5vw, 24px) !important;
    line-height:1.05 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  #landing_page .statistic .subs{
    max-width:none !important;
    margin-top:8px !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  #landing_page .howitworks{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  #landing_page .how-card{
    width:100% !important;
    min-width:0 !important;
    padding:16px 14px !important;
    border-radius:18px !important;
  }

  #landing_page .how-num{
    width:30px !important;
    height:30px !important;
    margin-bottom:10px !important;
  }

  #landing_page .how-title{
    font-size:15px !important;
    margin-bottom:6px !important;
  }

  #landing_page .how-text{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  #authModal{
    padding:10px !important;
    align-items:flex-end !important;
  }

  #authModal .modal-content{
    width:100% !important;
    max-width:100% !important;
    max-height:min(88dvh, 880px) !important;
    overflow:auto !important;
    border-radius:22px 22px 0 0 !important;
    padding:20px 14px calc(16px + env(safe-area-inset-bottom)) !important;
  }

  #authModal .auth-tabs{gap:8px !important;}

  #authModal .auth-tab{
    min-height:44px !important;
    font-size:13px !important;
    border-radius:13px !important;
  }

  #authModal .auth-title{
    font-size:20px !important;
  }
}

@media (max-width: 480px){
  #landing_page .wrap{
    padding:max(10px, env(safe-area-inset-top)) 10px calc(84px + env(safe-area-inset-bottom)) !important;
  }

  #landing_page .topbar{
    padding:8px !important;
    border-radius:16px !important;
  }

  #landing_page .brand img{
    width:28px !important;
    height:28px !important;
  }

  #landing_page .brand span{
    font-size:11px !important;
    max-width:120px !important;
  }

  #landing_page .topbar-actions .btn{
    min-height:42px !important;
    height:42px !important;
    font-size:12px !important;
  }

  #landing_page .header-icon-btn,
  #landing_page .theme-toggle--mobile,
  #landing_page #landing-theme-toggle-mobile{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  #landing_page .hero,
  #landing_page .m-hero{
    border-radius:20px !important;
  }

  #landing_page .copy h1,
  #landing_page .m-title{
    font-size:clamp(24px, 8.5vw, 32px) !important;
  }

  #landing_page .copy p,
  #landing_page .m-trust{
    font-size:12px !important;
  }

  #landing_page .play,
  #landing_page .secondary-link,
  #landing_page .m-cta,
  #landing_page .m-ghost{
    min-height:44px !important;
    height:44px !important;
    font-size:12px !important;
    border-radius:14px !important;
  }

  #landing_page .hero-point,
  #landing_page .m-point{
    min-height:36px !important;
    font-size:11px !important;
  }

  #landing_page .m-art{
    aspect-ratio:1.08 / 1 !important;
    border-radius:18px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #landing_page .statistic .stat{
    min-height:122px !important;
    padding:13px 11px !important;
    border-radius:16px !important;
  }

  #landing_page .statistic .count{
    font-size:19px !important;
  }

  #landing_page .statistic .subs{
    font-size:10px !important;
  }

  #landing_page .how-card{
    padding:14px 12px !important;
    border-radius:16px !important;
  }

  #authModal .modal-content{
    border-radius:20px 20px 0 0 !important;
    padding:18px 12px calc(14px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 390px){
  #landing_page .copy h1,
  #landing_page .m-title{
    font-size:clamp(22px, 8.8vw, 28px) !important;
  }

  #landing_page .topbar-actions{
    grid-template-columns:1fr !important;
  }

  #landing_page .header-tools{
    justify-content:flex-end !important;
  }

  #landing_page .play,
  #landing_page .secondary-link,
  #landing_page .m-cta,
  #landing_page .m-ghost{
    min-height:42px !important;
    height:42px !important;
    font-size:11px !important;
  }
}


/* ===== MOBILE BLOCK POLISH ===== */
@media (max-width: 768px){
  #landing_page .wrap{
    padding:12px 10px 24px !important;
  }

  #landing_page .topbar{
    margin-bottom:12px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #landing_page .brand{
    gap:8px !important;
  }

  #landing_page .brand img{
    width:28px !important;
    height:28px !important;
  }

  #landing_page .brand span{
    font-size:12px !important;
  }

  #landing_page .topbar-actions{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #landing_page .topbar-actions .btn{
    min-height:42px !important;
    height:42px !important;
    font-size:12px !important;
    border-radius:14px !important;
  }

  #landing_page .hero,
  #landing_page .m-hero{
    padding:14px !important;
    gap:14px !important;
    border-radius:22px !important;
  }

  #landing_page .copy h1,
  #landing_page .m-title{
    margin:0 0 8px !important;
    font-size:34px !important;
    line-height:1.02 !important;
    text-align:center !important;
  }

  #landing_page .copy p,
  #landing_page .m-trust{
    margin:0 0 12px !important;
    font-size:12px !important;
    line-height:1.45 !important;
    text-align:center !important;
  }

  #landing_page .hero-actions,
  #landing_page .m-actions{
    gap:8px !important;
    margin-bottom:10px !important;
  }

  #landing_page .play,
  #landing_page .secondary-link,
  #landing_page .m-cta,
  #landing_page .m-ghost{
    min-height:44px !important;
    height:44px !important;
    font-size:12px !important;
    border-radius:14px !important;
  }

  #landing_page .hero-point,
  #landing_page .m-point{
    min-height:34px !important;
    padding:0 12px !important;
    font-size:11px !important;
    border-radius:14px !important;
  }

  #landing_page .art{
    min-height:220px !important;
    border-radius:20px !important;
  }

  #landing_page .m-art{
    aspect-ratio:1 / 1 !important;
    border-radius:18px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    gap:8px !important;
    margin-top:12px !important;
  }

  #landing_page .statistic .stat{
    min-height:116px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  #landing_page .statistic .stats_img{
    width:30px !important;
    height:30px !important;
    margin-bottom:10px !important;
  }

  #landing_page .statistic .count{
    font-size:18px !important;
  }

  #landing_page .statistic .subs{
    font-size:10px !important;
    line-height:1.3 !important;
  }

  #landing_page .how-card{
    padding:14px !important;
    border-radius:18px !important;
  }

  #landing_page .how-title{
    font-size:14px !important;
  }

  #landing_page .how-text{
    font-size:11px !important;
    line-height:1.4 !important;
  }
}

@media (max-width: 480px){
  #landing_page .copy h1,
  #landing_page .m-title{
    font-size:28px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:1fr !important;
  }
}

#landing_page .statistic,
#landing_page .statistic.mobile-stats{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
}

#landing_page .statistic .stat{
  min-width:0 !important;
}

#landing_page .topbar{
  align-items:center !important;
}

#landing_page .topbar-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
}

#landing_page .header-tools{
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  margin-left:0 !important;
  order:0 !important;
}

#landing_page .lang-box{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

#landing_page .lang-trigger,
#landing_page #open_lang.header-icon-btn.lang-trigger{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
}

#landing_page .lang-trigger .lang_g,
#landing_page #current_lang_flag.lang_g{
  margin:0 !important;
}

#landing_page .lang_menu{
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
}

@media (max-width: 768px){
  #landing_page .topbar-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:stretch !important;
  }

  #landing_page .header-tools{
    grid-column:1 / -1 !important;
    width:100% !important;
    justify-content:flex-end !important;
  }

  #landing_page .lang-trigger,
  #landing_page #open_lang.header-icon-btn.lang-trigger{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }
}

@media (max-width: 480px){
  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  #landing_page .statistic .stat{
    min-height:118px !important;
    padding:12px 10px !important;
  }

  #landing_page .statistic .count{
    font-size:18px !important;
  }

  #landing_page .statistic .subs{
    font-size:10px !important;
    line-height:1.25 !important;
  }
}

#landing_page .topbar-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}

#landing_page .topbar-actions > .header-tools{
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  position:static !important;
}

#landing_page .header-tools .lang-box,
#landing_page .header-tools .lang-trigger,
#landing_page .header-tools #open_lang.header-icon-btn.lang-trigger{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
}

#landing_page .statistic .stat{
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

@media (max-width: 768px){
  #landing_page .topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:10px !important;
    min-height:auto !important;
  }

  #landing_page .brand{
    width:100% !important;
    min-width:0 !important;
    padding-right:0 !important;
  }

  #landing_page .topbar-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "tools tools"
      "login register" !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  #landing_page .topbar-actions > .header-tools{
    grid-area:tools !important;
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    position:static !important;
  }

  #landing_page .topbar-actions > .btn-ghost{
    grid-area:login !important;
  }

  #landing_page .topbar-actions > .btn-sign{
    grid-area:register !important;
  }

  #landing_page .header-tools .lang-box{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:auto !important;
  }

  #landing_page .header-tools .lang-trigger,
  #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger{
    position:relative !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    margin:0 !important;
    inset:auto !important;
    transform:none !important;
  }

  #landing_page .header-tools .header-icon-btn,
  #landing_page .header-tools #landing-theme-toggle-mobile,
  #landing_page .header-tools .theme-toggle--mobile{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  #landing_page .lang_menu{
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  #landing_page .statistic .stat{
    min-height:126px !important;
    padding:12px 10px !important;
    border-radius:16px !important;
  }

  #landing_page .statistic .stats_img{
    width:28px !important;
    height:28px !important;
    margin-bottom:10px !important;
  }

  #landing_page .statistic .count{
    font-size:18px !important;
    line-height:1.05 !important;
  }

  #landing_page .statistic .subs{
    font-size:10px !important;
    line-height:1.25 !important;
    max-width:none !important;
  }
}

@media (max-width: 480px){
  #landing_page .topbar{
    gap:8px !important;
    padding:8px !important;
  }

  #landing_page .brand img{
    width:26px !important;
    height:26px !important;
  }

  #landing_page .brand span{
    font-size:10px !important;
  }

  #landing_page .topbar-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:7px !important;
  }

  #landing_page .topbar-actions > .btn-ghost,
  #landing_page .topbar-actions > .btn-sign{
    min-height:40px !important;
    height:40px !important;
    font-size:11px !important;
    padding:0 10px !important;
  }

  #landing_page .header-tools .lang-trigger,
  #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger,
  #landing_page .header-tools .header-icon-btn,
  #landing_page .header-tools #landing-theme-toggle-mobile,
  #landing_page .header-tools .theme-toggle--mobile{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #landing_page .statistic .stat{
    min-height:118px !important;
    padding:12px 10px !important;
  }
}

@media (min-width: 769px){
  #landing_page .statistic .stat{
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #landing_page .statistic .stats_img{
    margin:0 auto 18px !important;
  }

  #landing_page .statistic .count{
    width:100% !important;
    text-align:center !important;
  }

  #landing_page .statistic .subs{
    max-width:none !important;
    width:100% !important;
    text-align:center !important;
  }
}

@media (max-width: 768px){
  #landing_page .topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:8px !important;
    overflow:visible !important;
  }

  #landing_page .brand{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
  }

  #landing_page .topbar-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "tools tools"
      "login register" !important;
    gap:8px !important;
    margin:0 !important;
  }

  #landing_page .topbar-actions > .header-tools{
    grid-area:tools !important;
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #landing_page .topbar-actions > .btn-ghost{
    grid-area:login !important;
    width:100% !important;
  }

  #landing_page .topbar-actions > .btn-sign{
    grid-area:register !important;
    width:100% !important;
  }

  #landing_page .header-tools,
  #landing_page .header-tools *{
    position:static !important;
    transform:none !important;
  }

  #landing_page .header-tools .lang-box{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:auto !important;
    margin:0 !important;
  }

  #landing_page .header-tools .header-icon-btn,
  #landing_page .header-tools .lang-trigger,
  #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger,
  #landing_page .header-tools #landing-theme-toggle-mobile,
  #landing_page .header-tools .theme-toggle--mobile{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    margin:0 !important;
  }

  #landing_page .lang_menu{
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
  }

  #landing_page .m-hero,
  #landing_page .mobile-only,
  #landing_page .mobile-only > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #landing_page .m-art{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:1 / 0.96 !important;
    overflow:hidden !important;
    margin:0 !important;
  }

  #landing_page .m-art .art-core,
  #landing_page .m-art-image{
    width:100% !important;
    height:100% !important;
  }
}

@media (max-width: 480px){
  #landing_page .topbar-actions{
    gap:7px !important;
  }

  #landing_page .topbar-actions > .btn-ghost,
  #landing_page .topbar-actions > .btn-sign{
    min-height:40px !important;
    height:40px !important;
    font-size:11px !important;
    padding:0 10px !important;
  }

  #landing_page .m-art{
    aspect-ratio:1 / 1 !important;
  }
}


/* ===== MOBILE HEADER INLINE + STATS PROPER ===== */
@media (max-width: 768px){
  /* header tools and brand in one row */
  #landing_page .topbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand tools"
      "login register" !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px !important;
  }

  #landing_page .brand{
    grid-area:brand !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  #landing_page .brand span{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #landing_page .topbar-actions{
    display:contents !important;
    width:auto !important;
    margin:0 !important;
  }

  #landing_page .topbar-actions > .header-tools{
    grid-area:tools !important;
    width:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #landing_page .topbar-actions > .btn-ghost{
    grid-area:login !important;
    width:100% !important;
    min-width:0 !important;
  }

  #landing_page .topbar-actions > .btn-sign{
    grid-area:register !important;
    width:100% !important;
    min-width:0 !important;
  }

  #landing_page .header-tools,
  #landing_page .header-tools *{
    position:static !important;
    transform:none !important;
  }

  #landing_page .header-tools .lang-box{
    width:auto !important;
    min-width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #landing_page .header-tools .header-icon-btn,
  #landing_page .header-tools .lang-trigger,
  #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger,
  #landing_page .header-tools #landing-theme-toggle-mobile,
  #landing_page .header-tools .theme-toggle--mobile{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #landing_page .lang_menu{
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
  }

  /* stats as proper 2x2 cards */
  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  #landing_page .statistic .stat{
    min-height:96px !important;
    padding:10px !important;
    border-radius:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #landing_page .statistic .stats_img{
    width:20px !important;
    height:20px !important;
    margin:0 0 8px !important;
  }

  #landing_page .statistic .count{
    font-size:14px !important;
    line-height:1.05 !important;
    margin:0 0 4px !important;
    text-align:left !important;
  }

  #landing_page .statistic .subs{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.2 !important;
    text-align:left !important;
  }

  /* info cards below stats */
  #landing_page .howitworks{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  #landing_page .how-card{
    padding:12px 12px 11px !important;
    border-radius:16px !important;
  }

  #landing_page .how-num{
    width:28px !important;
    height:28px !important;
    margin-bottom:8px !important;
    font-size:13px !important;
  }

  #landing_page .how-title{
    font-size:14px !important;
    margin-bottom:5px !important;
  }

  #landing_page .how-text{
    font-size:10px !important;
    line-height:1.35 !important;
  }
}

@media (max-width: 480px){
  #landing_page .topbar{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:7px !important;
  }

  #landing_page .brand img{
    width:24px !important;
    height:24px !important;
  }

  #landing_page .brand span{
    font-size:10px !important;
  }

  #landing_page .topbar-actions > .btn-ghost,
  #landing_page .topbar-actions > .btn-sign{
    min-height:38px !important;
    height:38px !important;
    font-size:11px !important;
    padding:0 10px !important;
  }

  #landing_page .header-tools .header-icon-btn,
  #landing_page .header-tools .lang-trigger,
  #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger,
  #landing_page .header-tools #landing-theme-toggle-mobile,
  #landing_page .header-tools .theme-toggle--mobile{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  #landing_page .statistic,
  #landing_page .statistic.mobile-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #landing_page .statistic .stat{
    min-height:92px !important;
    padding:9px !important;
  }

  #landing_page .statistic .count{
    font-size:13px !important;
  }

  #landing_page .statistic .subs{
    font-size:8.5px !important;
  }
}


/* ===== STATS CARDS EQUAL + NOT HIDDEN ===== */
@media (max-width: 768px){
  #landing_page .mobile-stats,
  #landing_page .statistic.mobile-stats,
  #landing_page .statistic{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    position:relative !important;
    z-index:3 !important;
  }

  #landing_page .mobile-stats .stat,
  #landing_page .statistic.mobile-stats .stat,
  #landing_page .statistic .stat{
    width:100% !important;
    min-width:0 !important;
    min-height:108px !important;
    height:108px !important;
    padding:12px 10px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #landing_page .mobile-stats .stats_img,
  #landing_page .statistic.mobile-stats .stats_img,
  #landing_page .statistic .stats_img{
    width:20px !important;
    height:20px !important;
    margin:0 0 8px !important;
    flex:0 0 auto !important;
  }

  #landing_page .mobile-stats .count,
  #landing_page .statistic.mobile-stats .count,
  #landing_page .statistic .count{
    width:100% !important;
    margin:0 0 4px !important;
    font-size:14px !important;
    line-height:1.05 !important;
    text-align:left !important;
    word-break:break-word !important;
  }

  #landing_page .mobile-stats .subs,
  #landing_page .statistic.mobile-stats .subs,
  #landing_page .statistic .subs{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
  }
}

@media (max-width: 480px){
  #landing_page .mobile-stats,
  #landing_page .statistic.mobile-stats,
  #landing_page .statistic{
    gap:8px !important;
  }

  #landing_page .mobile-stats .stat,
  #landing_page .statistic.mobile-stats .stat,
  #landing_page .statistic .stat{
    min-height:102px !important;
    height:102px !important;
    padding:10px 9px !important;
  }

  #landing_page .mobile-stats .count,
  #landing_page .statistic.mobile-stats .count,
  #landing_page .statistic .count{
    font-size:13px !important;
  }

  #landing_page .mobile-stats .subs,
  #landing_page .statistic.mobile-stats .subs,
  #landing_page .statistic .subs{
    font-size:8.5px !important;
  }
}


/* ===== AUTH MODAL COLOR FIX ===== */
#authModal{
  background:rgba(3,8,20,.72) !important;
  backdrop-filter:blur(10px) !important;
}

#authModal .modal-content{
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(64,243,255,.06), transparent 60%),
    radial-gradient(300px 200px at 100% 0%, rgba(125,98,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(8,14,30,.96), rgba(5,10,22,.99)) !important;
  border:1px solid rgba(95,144,255,.18) !important;
  box-shadow:0 40px 120px rgba(0,0,0,.65), 0 0 30px rgba(64,243,255,.06) !important;
}

#authModal .auth-title{
  color:#f5f8ff !important;
}

#authModal .auth-sub{
  color:#aeb9d5 !important;
}

#authModal .auth-tabs{
  gap:8px !important;
}

#authModal .auth-tab{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#dfe8ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#authModal .auth-tab.active{
  color:#04111c !important;
}

#authModal .auth-block{
  color:#eaf2ff !important;
}

#authModal .auth-block table,
#authModal .auth-block tbody,
#authModal .auth-block tr,
#authModal .auth-block td{
  background:transparent !important;
  color:#dfe8ff !important;
  border-color:rgba(255,255,255,.08) !important;
}

#authModal .auth-block td{
  padding:8px 4px !important;
}

#authModal .auth-block label,
#authModal .auth-block .label,
#authModal .auth-block strong{
  color:#eef4ff !important;
}

#authModal .auth-block small,
#authModal .auth-block .muted{
  color:#aab6d1 !important;
}

#authModal .auth-block a{
  color:#55d8ff !important;
}

#authModal .auth-block input,
#authModal .auth-block textarea,
#authModal .auth-block select{
  background:#0b1630 !important;
  border:1px solid rgba(95,144,255,.22) !important;
  color:#f4f8ff !important;
  box-shadow:none !important;
}

#authModal .auth-block input::placeholder,
#authModal .auth-block textarea::placeholder{
  color:rgba(220,230,255,.45) !important;
}

#authModal .auth-block input:focus,
#authModal .auth-block textarea:focus,
#authModal .auth-block select:focus{
  border-color:rgba(64,243,255,.45) !important;
  box-shadow:0 0 0 3px rgba(64,243,255,.12) !important;
  outline:none !important;
}

#authModal .out-capcha,
#authModal .captcha,
#authModal .recaptcha,
#authModal #recaptchaWrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#authModal .auth-block .btn.green,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"]{
  min-height:46px !important;
  border-radius:14px !important;
  border:0 !important;
  background:linear-gradient(135deg, #40f3ff 0%, #1cb8ff 54%, #7382ff 100%) !important;
  color:#04111c !important;
  font-weight:900 !important;
  box-shadow:0 16px 36px rgba(28,184,255,.26), 0 0 26px rgba(64,243,255,.14) !important;
}

#authModal .auth-block .btn.green:hover,
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover{
  filter:brightness(1.03) !important;
}

#authModal .auth-block hr{
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}

#authModal .modal-close{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
}

/* light theme modal */
#landing_page[data-theme="light"] #authModal .modal-content{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(244,248,255,.99)) !important;
  border:1px solid rgba(148,167,198,.22) !important;
  box-shadow:0 24px 60px rgba(45,72,122,.16) !important;
}

#landing_page[data-theme="light"] #authModal .auth-title{
  color:#16253d !important;
}

#landing_page[data-theme="light"] #authModal .auth-sub,
#landing_page[data-theme="light"] #authModal .auth-block small,
#landing_page[data-theme="light"] #authModal .auth-block .muted{
  color:#5e6f8d !important;
}

#landing_page[data-theme="light"] #authModal .auth-tab{
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(239,245,255,.94)) !important;
  border:1px solid rgba(148,167,198,.22) !important;
  color:#22344f !important;
}

#landing_page[data-theme="light"] #authModal .auth-block td,
#landing_page[data-theme="light"] #authModal .auth-block label,
#landing_page[data-theme="light"] #authModal .auth-block strong{
  color:#22344f !important;
}

#landing_page[data-theme="light"] #authModal .auth-block input,
#landing_page[data-theme="light"] #authModal .auth-block textarea,
#landing_page[data-theme="light"] #authModal .auth-block select{
  background:#f5f8ff !important;
  border:1px solid rgba(148,167,198,.28) !important;
  color:#16253d !important;
}

/* mobile modal polish */
@media (max-width: 768px){
  #authModal .modal-content{
    width:100% !important;
    max-width:100% !important;
    padding:18px 12px calc(14px + env(safe-area-inset-bottom)) !important;
    border-radius:22px 22px 0 0 !important;
  }

  #authModal .auth-title{
    font-size:20px !important;
  }

  #authModal .auth-tab{
    min-height:42px !important;
    font-size:13px !important;
  }

  #authModal .auth-block td{
    display:block !important;
    width:100% !important;
    padding:6px 0 !important;
  }

  #authModal .auth-block input,
  #authModal .auth-block textarea,
  #authModal .auth-block select{
    width:100% !important;
  }

  #authModal .auth-block .btn.green,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"]{
    width:100% !important;
  }
}


/* ===== AUTH MODAL PREMIUM POLISH ===== */
#authModal{
  background:
    radial-gradient(900px 500px at 50% 50%, rgba(64,243,255,.08), transparent 60%),
    rgba(3,8,20,.78) !important;
  backdrop-filter:blur(14px) saturate(120%) !important;
}

#authModal .modal-content{
  overflow:auto !important;
}

#authModal .modal-content::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:27px;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
}

#authModal .auth-head{
  margin-bottom:18px !important;
}

#authModal .auth-title{
  letter-spacing:-.02em !important;
}

#authModal .auth-sub{
  max-width:520px !important;
}

#authModal .auth-tabs{
  margin:12px 0 18px !important;
}

#authModal .auth-tab{
  position:relative !important;
  overflow:hidden !important;
  min-height:48px !important;
  border-radius:16px !important;
  font-weight:900 !important;
}

#authModal .auth-tab::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transform:skewX(-22deg);
  transition:left .6s ease;
  pointer-events:none;
}

#authModal .auth-tab:hover::after{
  left:140%;
}

#authModal .auth-tab.active{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 14px 30px rgba(28,184,255,.24),
    0 0 24px rgba(64,243,255,.12) !important;
}

#authModal .auth-block{
  position:relative !important;
  z-index:1 !important;
}

#authModal .auth-block form,
#authModal .auth-block .form,
#authModal .auth-block .form-wrap{
  width:100% !important;
}

#authModal .auth-block table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}

#authModal .auth-block tr{
  background:transparent !important;
}

#authModal .auth-block td{
  vertical-align:middle !important;
}

#authModal .auth-block td:first-child{
  font-weight:700 !important;
  padding-right:12px !important;
}

#authModal .auth-block td[colspan]{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}

#authModal .auth-block input,
#authModal .auth-block textarea,
#authModal .auth-block select{
  min-height:46px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

#authModal .auth-block textarea{
  min-height:110px !important;
  padding:12px 14px !important;
  resize:vertical !important;
}

#authModal .auth-block input[type="checkbox"],
#authModal .auth-block input[type="radio"]{
  min-height:auto !important;
  width:auto !important;
  accent-color:#40f3ff !important;
}

#authModal .auth-block .agreement,
#authModal .auth-block .rules,
#authModal .auth-block .terms{
  color:#c8d6f4 !important;
}

#authModal .auth-block .agreement a,
#authModal .auth-block .rules a,
#authModal .auth-block .terms a{
  color:#66ddff !important;
  text-decoration:none !important;
}

#authModal .auth-block .agreement a:hover,
#authModal .auth-block .rules a:hover,
#authModal .auth-block .terms a:hover{
  text-decoration:underline !important;
}

#authModal .out-capcha,
#authModal .captcha,
#authModal .recaptcha,
#authModal #recaptchaWrap{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin:10px 0 14px !important;
}

#authModal .auth-block .btn.green,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"]{
  min-width:170px !important;
  padding:0 24px !important;
}

#authModal .auth-block .submit-row,
#authModal .auth-block .actions,
#authModal .auth-block .buttons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;
}

#authModal .auth-block .links,
#authModal .auth-block .auth-links{
  text-align:center !important;
  margin-top:12px !important;
}

#authModal .auth-block .links a,
#authModal .auth-block .auth-links a{
  color:#58d8ff !important;
  text-decoration:none !important;
}

#authModal .auth-block .links a:hover,
#authModal .auth-block .auth-links a:hover{
  text-decoration:underline !important;
}

#authModal .modal-close{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
}

/* light theme premium modal */
#landing_page[data-theme="light"] #authModal{
  background:rgba(232,239,249,.72) !important;
}

#landing_page[data-theme="light"] #authModal .modal-content::after{
  border-color:rgba(255,255,255,.45) !important;
}

#landing_page[data-theme="light"] #authModal .auth-block td[colspan]{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,249,255,.95)) !important;
  border:1px solid rgba(148,167,198,.18) !important;
}

#landing_page[data-theme="light"] #authModal .auth-block .agreement,
#landing_page[data-theme="light"] #authModal .auth-block .rules,
#landing_page[data-theme="light"] #authModal .auth-block .terms{
  color:#485c79 !important;
}

@media (max-width: 768px){
  #authModal{
    align-items:flex-end !important;
  }

  #authModal .modal-content{
    max-height:min(92dvh, 920px) !important;
    border-radius:24px 24px 0 0 !important;
  }

  #authModal .modal-content::after{
    border-radius:23px 23px 0 0 !important;
  }

  #authModal .auth-head{
    margin-bottom:14px !important;
  }

  #authModal .auth-tabs{
    margin:10px 0 14px !important;
  }

  #authModal .auth-tab{
    min-height:44px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  #authModal .auth-block table{
    border-spacing:0 6px !important;
  }

  #authModal .auth-block td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
  }

  #authModal .auth-block td:first-child{
    padding:0 0 6px !important;
  }

  #authModal .auth-block td[colspan]{
    padding:10px 12px !important;
    border-radius:12px !important;
  }

  #authModal .auth-block input,
  #authModal .auth-block textarea,
  #authModal .auth-block select{
    min-height:44px !important;
    font-size:13px !important;
    border-radius:12px !important;
  }

  #authModal .auth-block .btn.green,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"]{
    width:100% !important;
    min-width:0 !important;
  }

  #authModal .out-capcha,
  #authModal .captcha,
  #authModal .recaptcha,
  #authModal #recaptchaWrap{
    justify-content:center !important;
  }
}


/* ===== AUTH MODAL FINAL POLISH ===== */

/* Tabs */
#authModal .auth-tabs{
  display:flex !important;
  gap:10px !important;
}

#authModal .auth-tab{
  flex:1 !important;
  height:48px !important;
  min-height:48px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#cfe6ff !important;
  font-weight:700 !important;
}

#authModal .auth-tab.active{
  background:linear-gradient(135deg,#42e9ff,#6f7cff) !important;
  color:#04111c !important;
  box-shadow:
    0 8px 25px rgba(64,243,255,.35),
    0 0 18px rgba(64,243,255,.25) !important;
}

/* Inputs */
#authModal input,
#authModal textarea,
#authModal select{
  background:#081a35 !important;
  border:1px solid rgba(120,170,255,.25) !important;
  border-radius:14px !important;
  color:#eaf2ff !important;
}

#authModal input,
#authModal select{
  height:46px !important;
  min-height:46px !important;
  padding:0 14px !important;
}

#authModal textarea{
  min-height:110px !important;
  padding:12px 14px !important;
}

#authModal input:focus,
#authModal textarea:focus,
#authModal select:focus{
  border-color:#42e9ff !important;
  box-shadow:0 0 0 3px rgba(66,233,255,.15) !important;
  outline:none !important;
}

/* Registration blocks */
#authModal .auth-block td[colspan]{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:14px !important;
  padding:12px !important;
}

/* Captcha container */
#authModal .captcha,
#authModal .out-capcha,
#authModal #recaptchaWrap{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  padding:14px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Buttons */
#authModal button,
#authModal input[type="submit"],
#authModal .auth-block .btn.green{
  background:linear-gradient(135deg,#42e9ff,#7a7cff) !important;
  border:none !important;
  border-radius:16px !important;
  height:50px !important;
  min-height:50px !important;
  font-weight:800 !important;
  color:#04111c !important;
  box-shadow:0 14px 35px rgba(64,243,255,.35) !important;
}

/* Mobile */
@media (max-width: 768px){
  #authModal{
    align-items:flex-end !important;
  }

  #authModal .modal-content{
    border-radius:24px 24px 0 0 !important;
    width:100% !important;
  }

  #authModal .auth-tab{
    height:44px !important;
    min-height:44px !important;
    font-size:13px !important;
  }

  #authModal input,
  #authModal select{
    height:44px !important;
    min-height:44px !important;
  }
}


/* ===== FINAL AUTH MODAL FIX ===== */

/* Close button */
#authModal .modal-close{
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#9fb6d9 !important;
}

#authModal .modal-close:hover{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}

/* Tabs spacing */
#authModal .auth-tabs{
  margin-top:10px !important;
  margin-bottom:16px !important;
}

/* Inputs spacing */
#authModal input{
  margin-bottom:10px !important;
}

/* Registration rows */
#authModal .auth-block table{
  border-spacing:0 12px !important;
}

#authModal .auth-block td{
  padding:0 !important;
}

/* Registration text */
#authModal .auth-block td:first-child{
  font-size:13px !important;
  color:#9fb6d9 !important;
  font-weight:600 !important;
}

/* Registration cards */
#authModal .auth-block td[colspan]{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  border-radius:12px !important;
  padding:14px !important;
}

/* Captcha */
#authModal .captcha,
#authModal .out-capcha,
#authModal #recaptchaWrap{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:12px !important;
  padding:18px !important;
  margin-top:6px !important;
  margin-bottom:12px !important;
}

/* Button glow */
#authModal button,
#authModal input[type="submit"],
#authModal .auth-block .btn.green{
  box-shadow:
    0 10px 30px rgba(64,243,255,.35),
    0 0 20px rgba(64,243,255,.15) !important;
}

/* Mobile polish */
@media (max-width:768px){
  #authModal .auth-block table{
    border-spacing:0 10px !important;
  }

  #authModal .auth-tab{
    height:42px !important;
    min-height:42px !important;
  }

  #authModal input,
  #authModal select{
    height:42px !important;
    min-height:42px !important;
  }
}


/* ===== AUTH MODAL ALIGNMENT FIX ===== */

/* keep modal perfectly centered on desktop */
#authModal{
  align-items:center !important;
  justify-content:center !important;
}

#authModal .modal-content{
  margin:0 auto !important;
}

/* close button alignment */
#authModal .modal-close{
  top:1px !important;
  right:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
}

/* action buttons perfectly centered */
#authModal .auth-block .submit-row,
#authModal .auth-block .actions,
#authModal .auth-block .buttons{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-top:14px !important;
}

#authModal .auth-block button,
#authModal .auth-block input[type="submit"],
#authModal .auth-block .btn.green{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* registration layout should not shift to the side */
#authModal .auth-block table{
  width:100% !important;
  table-layout:fixed !important;
}

#authModal .auth-block tr{
  width:100% !important;
}

#authModal .auth-block td{
  box-sizing:border-box !important;
}

#authModal .auth-block td:first-child{
  width:42% !important;
}

#authModal .auth-block td:last-child{
  width:58% !important;
}

#authModal .auth-block input,
#authModal .auth-block select,
#authModal .auth-block textarea{
  width:100% !important;
  box-sizing:border-box !important;
}

/* full-width helper rows */
#authModal .auth-block td[colspan]{
  width:100% !important;
}

/* mobile keeps bottom-sheet layout */
@media (max-width: 768px){
  #authModal{
    align-items:flex-end !important;
  }

  #authModal .modal-content{
    margin:0 !important;
  }

  #authModal .modal-close{
    top:12px !important;
    right:12px !important;
  }

  #authModal .auth-block td:first-child,
  #authModal .auth-block td:last-child{
    width:100% !important;
  }

  #authModal .auth-block .submit-row,
  #authModal .auth-block .actions,
  #authModal .auth-block .buttons{
    margin-top:12px !important;
  }

  #authModal .auth-block button,
  #authModal .auth-block input[type="submit"],
  #authModal .auth-block .btn.green{
    width:100% !important;
  }
}

/* ===== LOGIN BUTTON FINAL DESIGN ===== */

#authModal button,
#authModal input[type="submit"],
#authModal .auth-block .btn.green{

width:260px !important;
height:52px !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

margin:18px auto 8px auto !important;

border-radius:16px !important;
border:none !important;

font-size:15px !important;
font-weight:700 !important;
letter-spacing:.3px !important;

background:linear-gradient(135deg,#41e3ff,#6a7cff) !important;

color:#071421 !important;

box-shadow:
0 12px 30px rgba(64,243,255,.35),
0 0 25px rgba(64,243,255,.18);

transition:all .25s ease !important;
}

#authModal button:hover,
#authModal input[type="submit"]:hover{
transform:translateY(-2px);
box-shadow:
0 18px 40px rgba(64,243,255,.45),
0 0 30px rgba(64,243,255,.25);
}


/* ===== V14 FINAL MODAL UX POLISH ===== */

/* desktop modal centering and premium spacing */
#authModal{
  align-items:center !important;
  justify-content:center !important;
}

#authModal .modal-content{
  width:min(760px, calc(100vw - 48px)) !important;
  max-width:min(760px, calc(100vw - 48px)) !important;
  max-height:min(88vh, 860px) !important;
  padding:26px 22px 22px !important;
  border-radius:28px !important;
  overflow:auto !important;
}

#authModal .auth-head{
  margin-bottom:16px !important;
}

#authModal .auth-title{
  font-size:24px !important;
  line-height:1.05 !important;
}

#authModal .auth-sub{
  font-size:13px !important;
  line-height:1.5 !important;
}

#authModal .auth-tabs{
  position:relative !important;
  gap:10px !important;
  margin:12px 0 18px !important;
}

#authModal .auth-tab{
  position:relative !important;
  overflow:hidden !important;
  min-height:48px !important;
}

#authModal .auth-tab::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  pointer-events:none;
}

#authModal .auth-tab::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:65%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:skewX(-24deg);
  transition:left .55s ease;
  pointer-events:none;
}

#authModal .auth-tab:hover::after{
  left:140%;
}

#authModal .auth-tab.active{
  background:linear-gradient(135deg,#42e9ff 0%, #59c9ff 45%, #7a7cff 100%) !important;
  color:#071421 !important;
  box-shadow:
    0 10px 28px rgba(64,243,255,.26),
    0 0 18px rgba(64,243,255,.14) !important;
}

#authModal .auth-block{
  padding-top:2px !important;
}

#authModal .auth-block table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}

#authModal .auth-block td{
  vertical-align:middle !important;
}

#authModal .auth-block td:first-child{
  font-size:13px !important;
  line-height:1.35 !important;
  padding-right:12px !important;
}

#authModal .auth-block td[colspan]{
  border-radius:14px !important;
}

#authModal .auth-block input,
#authModal .auth-block select,
#authModal .auth-block textarea{
  width:100% !important;
}

#authModal .captcha,
#authModal .out-capcha,
#authModal #recaptchaWrap{
  border-radius:16px !important;
}

#authModal .auth-block .links,
#authModal .auth-block .auth-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin-top:10px !important;
}

#authModal .auth-block .links a,
#authModal .auth-block .auth-links a{
  font-size:13px !important;
}

#authModal .modal-close{
  top:14px !important;
  right:14px !important;
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* mobile: bottom sheet like iOS */
@media (max-width: 768px){
  #authModal{
    align-items:flex-end !important;
    justify-content:center !important;
    padding:0 !important;
  }

  #authModal .modal-content{
    width:100% !important;
    max-width:100% !important;
    max-height:min(92dvh, 920px) !important;
    margin:0 !important;
    padding:18px 14px calc(16px + env(safe-area-inset-bottom)) !important;
    border-radius:24px 24px 0 0 !important;
    overflow:auto !important;
  }

  #authModal .modal-content::before{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    transform:translateX(-50%);
    width:42px;
    height:5px;
    border-radius:999px;
    background:rgba(255,255,255,.22);
    pointer-events:none;
  }

  #authModal .auth-head{
    margin-top:10px !important;
    margin-bottom:12px !important;
  }

  #authModal .auth-title{
    font-size:20px !important;
  }

  #authModal .auth-sub{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  #authModal .auth-tabs{
    gap:8px !important;
    margin:10px 0 14px !important;
  }

  #authModal .auth-tab{
    min-height:44px !important;
    height:44px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  #authModal .auth-block table{
    border-spacing:0 8px !important;
  }

  #authModal .auth-block td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
  }

  #authModal .auth-block td:first-child{
    padding:0 0 6px !important;
    font-size:12px !important;
  }

  #authModal .auth-block td[colspan]{
    padding:12px !important;
  }

  #authModal .auth-block input,
  #authModal .auth-block select,
  #authModal .auth-block textarea{
    min-height:44px !important;
    height:44px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #authModal .auth-block textarea{
    min-height:96px !important;
    height:auto !important;
  }

  #authModal .captcha,
  #authModal .out-capcha,
  #authModal #recaptchaWrap{
    padding:12px !important;
    margin-top:8px !important;
    margin-bottom:12px !important;
  }

  #authModal .auth-block .submit-row,
  #authModal .auth-block .actions,
  #authModal .auth-block .buttons{
    margin-top:12px !important;
  }

  #authModal button,
  #authModal input[type="submit"],
  #authModal .auth-block .btn.green{
    width:100% !important;
    max-width:100% !important;
    height:48px !important;
    min-height:48px !important;
    margin:14px auto 8px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  #authModal .auth-block .links,
  #authModal .auth-block .auth-links{
    gap:4px !important;
    margin-top:8px !important;
  }

  #authModal .auth-block .links a,
  #authModal .auth-block .auth-links a{
    font-size:12px !important;
  }

  #authModal .modal-close{
    top:12px !important;
    right:12px !important;
    width:36px !important;
    height:36px !important;
  }
}


/* ===== V15 FINAL POLISH ===== */

/* premium CTA buttons in auth modal */
#authModal button,
#authModal input[type="submit"],
#authModal .btn,
#authModal .auth-button,
#authModal .auth-block .btn.green{
  width:100% !important;
  max-width:320px !important;
  height:54px !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:20px auto 10px !important;
  padding:0 18px !important;
  border:none !important;
  border-radius:16px !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
  color:#041321 !important;
  background:linear-gradient(135deg,#3ee6ff 0%,#59c1ff 45%,#7a7cff 100%) !important;
  box-shadow:
    0 12px 30px rgba(64,243,255,.30),
    0 0 24px rgba(64,243,255,.18),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

#authModal button:hover,
#authModal input[type="submit"]:hover,
#authModal .btn:hover,
#authModal .auth-button:hover,
#authModal .auth-block .btn.green:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 18px 42px rgba(64,243,255,.38),
    0 0 30px rgba(64,243,255,.24),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
  filter:brightness(1.02) !important;
}

#authModal button:active,
#authModal input[type="submit"]:active,
#authModal .btn:active,
#authModal .auth-button:active,
#authModal .auth-block .btn.green:active{
  transform:translateY(0) !important;
  box-shadow:
    0 8px 22px rgba(64,243,255,.28),
    0 0 18px rgba(64,243,255,.16),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* modal close alignment */
#authModal .modal-close{
  top:1px !important;
  right:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
  font-size:18px !important;
}

/* login/register links under button */
#authModal .auth-block .links,
#authModal .auth-block .auth-links{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin-top:8px !important;
}

#authModal .auth-block .links a,
#authModal .auth-block .auth-links a{
  color:#62dcff !important;
  font-weight:600 !important;
}

/* registration layout balance */
#authModal .auth-block table{
  table-layout:fixed !important;
}

#authModal .auth-block td:first-child{
  width:42% !important;
}

#authModal .auth-block td:last-child{
  width:58% !important;
}

#authModal .auth-block td[colspan]{
  width:100% !important;
}

/* make captcha block cleaner */
#authModal .captcha,
#authModal .out-capcha,
#authModal #recaptchaWrap{
  width:100% !important;
  max-width:100% !important;
  min-height:108px !important;
}

/* mobile final */
@media (max-width: 768px){
  #authModal .modal-content{
    padding:18px 14px calc(16px + env(safe-area-inset-bottom)) !important;
  }

  #authModal .auth-block td:first-child,
  #authModal .auth-block td:last-child{
    width:100% !important;
  }

  #authModal button,
  #authModal input[type="submit"],
  #authModal .btn,
  #authModal .auth-button,
  #authModal .auth-block .btn.green{
    max-width:100% !important;
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:14px !important;
    font-size:14px !important;
    margin:16px auto 8px !important;
  }

  #authModal .modal-close{
    top:12px !important;
    right:12px !important;
    width:36px !important;
    height:36px !important;
    font-size:16px !important;
  }

  #authModal .auth-block .links,
  #authModal .auth-block .auth-links{
    gap:4px !important;
  }

  #authModal .captcha,
  #authModal .out-capcha,
  #authModal #recaptchaWrap{
    min-height:96px !important;
  }
}


/* ===== V16 AUTH BUTTON REDESIGN ===== */

/* only auth submit buttons */
#authModal .auth-block .btn.green,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"]{
  width:100% !important;
  max-width:280px !important;
  height:50px !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:18px auto 8px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, #58ddff 0%, #4ebeff 55%, #6c7dff 100%) !important;
  color:#081522 !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  box-shadow:
    0 10px 24px rgba(64,243,255,.22),
    0 0 0 1px rgba(255,255,255,.12) inset !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

#authModal .auth-block .btn.green:hover,
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
  box-shadow:
    0 14px 28px rgba(64,243,255,.28),
    0 0 0 1px rgba(255,255,255,.16) inset !important;
}

#authModal .auth-block .btn.green:active,
#authModal .auth-block button[type="submit"]:active,
#authModal .auth-block input[type="submit"]:active{
  transform:translateY(0) !important;
  box-shadow:
    0 8px 18px rgba(64,243,255,.20),
    0 0 0 1px rgba(255,255,255,.12) inset !important;
}

/* remove weird nested span styling from old markup */
#authModal .auth-block .btn.green span,
#authModal .auth-block button[type="submit"] span,
#authModal .auth-block input[type="submit"] span,
#authModal .auth-block .btn.green font,
#authModal .auth-block button[type="submit"] font{
  display:inline !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
  color:inherit !important;
  line-height:1.2 !important;
}

/* links under button */
#authModal .auth-block .links,
#authModal .auth-block .auth-links,
#authModal .auth-block center{
  display:block !important;
  text-align:center !important;
}

@media (max-width: 768px){
  #authModal .auth-block .btn.green,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"]{
    max-width:100% !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:13px !important;
    font-size:14px !important;
    margin:16px auto 8px !important;
  }
}



/* ===== AUTH BOTTOM BUTTON FINAL FIX ===== */
#authModal .auth-block .btn.green,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  max-width:240px !important;
  min-height:52px !important;
  height:52px !important;
  margin:18px auto 10px !important;
  padding:0 20px !important;

  border:none !important;
  border-radius:16px !important;

  background:linear-gradient(135deg, #55e7ff 0%, #63c8ff 52%, #7b86ff 100%) !important;
  color:#07131f !important;

  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  box-shadow:
    0 10px 24px rgba(64,243,255,.22),
    0 4px 10px rgba(123,134,255,.18),
    inset 0 1px 0 rgba(255,255,255,.28) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease !important;

  cursor:pointer !important;
}

#authModal .auth-block .btn.green:hover,
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.03) !important;
  box-shadow:
    0 14px 30px rgba(64,243,255,.28),
    0 6px 14px rgba(123,134,255,.22),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#authModal .auth-block .btn.green:active,
#authModal .auth-block button[type="submit"]:active,
#authModal .auth-block input[type="submit"]:active{
  transform:translateY(0) !important;
  box-shadow:
    0 8px 18px rgba(64,243,255,.18),
    0 3px 8px rgba(123,134,255,.16),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

#authModal .auth-block .btn.green span,
#authModal .auth-block .btn.green font,
#authModal .auth-block button[type="submit"] span,
#authModal .auth-block button[type="submit"] font{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:inherit !important;
  font:inherit !important;
  line-height:1 !important;
}

@media (max-width: 768px){
  #authModal .auth-block .btn.green,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"]{
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    font-size:14px !important;
    border-radius:14px !important;
  }
}




/* ===== AUTH BUTTON NUCLEAR OVERRIDE V2 ===== */
/* force only the bottom auth submit button to a clean compact style */
#authModal .auth-block .buttons,
#authModal .auth-block .actions,
#authModal .auth-block .submit-row,
#authModal .auth-block .form-actions,
#authModal .auth-block td[colspan],
#authModal .auth-block center{
  text-align:center !important;
}

/* target every possible submit button variant inside auth modal */
#authModal .auth-block button,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"],
#authModal .auth-block .btn,
#authModal .auth-block .btn.green,
#authModal form button,
#authModal form button[type="submit"],
#authModal form input[type="submit"],
#authModal form .btn,
#authModal form .btn.green{
  -webkit-appearance:none !important;
  appearance:none !important;
  background-image:linear-gradient(135deg, #59e9ff 0%, #65c9ff 52%, #7b86ff 100%) !important;
  background-color:transparent !important;
  width:100% !important;
  max-width:228px !important;
  min-width:228px !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 18px !important;
  margin:18px auto 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:14px !important;
  color:#071522 !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  box-shadow:0 10px 24px rgba(64,243,255,.18), inset 0 1px 0 rgba(255,255,255,.26) !important;
  filter:none !important;
  transform:none !important;
}

/* kill old glow layers / fake overlays */
#authModal .auth-block button::before,
#authModal .auth-block button::after,
#authModal .auth-block input[type="submit"]::before,
#authModal .auth-block input[type="submit"]::after,
#authModal .auth-block .btn::before,
#authModal .auth-block .btn::after,
#authModal .auth-block .btn.green::before,
#authModal .auth-block .btn.green::after,
#authModal form button::before,
#authModal form button::after,
#authModal form input[type="submit"]::before,
#authModal form input[type="submit"]::after,
#authModal form .btn::before,
#authModal form .btn::after,
#authModal form .btn.green::before,
#authModal form .btn.green::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* kill nested wrappers that may draw second pill */
#authModal .auth-block button > *,
#authModal .auth-block .btn > *,
#authModal form button > *,
#authModal form .btn > *{
  position:static !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:inherit !important;
  font:inherit !important;
  line-height:1 !important;
  transform:none !important;
  filter:none !important;
}

/* stable states */
#authModal .auth-block button:hover,
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover,
#authModal .auth-block .btn:hover,
#authModal .auth-block .btn.green:hover,
#authModal form button:hover,
#authModal form input[type="submit"]:hover,
#authModal form .btn:hover,
#authModal form .btn.green:hover{
  background-image:linear-gradient(135deg, #59e9ff 0%, #65c9ff 52%, #7b86ff 100%) !important;
  box-shadow:0 12px 26px rgba(64,243,255,.22), inset 0 1px 0 rgba(255,255,255,.30) !important;
  filter:brightness(1.02) !important;
  transform:translateY(-1px) !important;
}

#authModal .auth-block button:active,
#authModal .auth-block button[type="submit"]:active,
#authModal .auth-block input[type="submit"]:active,
#authModal .auth-block .btn:active,
#authModal .auth-block .btn.green:active,
#authModal form button:active,
#authModal form input[type="submit"]:active,
#authModal form .btn:active,
#authModal form .btn.green:active{
  transform:translateY(0) !important;
  box-shadow:0 8px 16px rgba(64,243,255,.16), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

@media (max-width:768px){
  #authModal .auth-block button,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"],
  #authModal .auth-block .btn,
  #authModal .auth-block .btn.green,
  #authModal form button,
  #authModal form button[type="submit"],
  #authModal form input[type="submit"],
  #authModal form .btn,
  #authModal form .btn.green{
    max-width:228px !important;
    min-width:228px !important;
    width:228px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }
}




/* ===== AUTH BUTTON REWORK V3 ===== */
/* make the bottom CTA look like the top tab: flatter, cleaner, less glow */
#authModal .auth-block button,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"],
#authModal .auth-block .btn,
#authModal .auth-block .btn.green,
#authModal form button,
#authModal form button[type="submit"],
#authModal form input[type="submit"],
#authModal form .btn,
#authModal form .btn.green{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:44px !important;
  min-height:44px !important;
  margin:16px auto 8px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;

  background:linear-gradient(90deg, #4fe4ff 0%, #69bfff 55%, #8a83ff 100%) !important;
  color:#071522 !important;

  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  box-shadow:
    0 8px 18px rgba(64,243,255,.16),
    inset 0 1px 0 rgba(255,255,255,.22) !important;

  transform:none !important;
  filter:none !important;
}

#authModal .auth-block button:hover,
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover,
#authModal .auth-block .btn:hover,
#authModal .auth-block .btn.green:hover,
#authModal form button:hover,
#authModal form button[type="submit"]:hover,
#authModal form input[type="submit"]:hover,
#authModal form .btn:hover,
#authModal form .btn.green:hover{
  background:linear-gradient(90deg, #58e7ff 0%, #73c7ff 55%, #948cff 100%) !important;
  box-shadow:
    0 10px 22px rgba(64,243,255,.18),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
  transform:translateY(-1px) !important;
  filter:none !important;
}

#authModal .auth-block button:active,
#authModal .auth-block button[type="submit"]:active,
#authModal .auth-block input[type="submit"]:active,
#authModal .auth-block .btn:active,
#authModal .auth-block .btn.green:active,
#authModal form button:active,
#authModal form button[type="submit"]:active,
#authModal form input[type="submit"]:active,
#authModal form .btn:active,
#authModal form .btn.green:active{
  transform:translateY(0) !important;
  box-shadow:
    0 6px 14px rgba(64,243,255,.12),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

@media (max-width:768px){
  #authModal .auth-block button,
  #authModal .auth-block button[type="submit"],
  #authModal .auth-block input[type="submit"],
  #authModal .auth-block .btn,
  #authModal .auth-block .btn.green,
  #authModal form button,
  #authModal form button[type="submit"],
  #authModal form input[type="submit"],
  #authModal form .btn,
  #authModal form .btn.green{
    width:210px !important;
    min-width:210px !important;
    max-width:210px !important;
    height:44px !important;
    min-height:44px !important;
    font-size:14px !important;
  }
}


#landing_page #error-login,
#landing_page #error-reg,
#landing_page .login-error,
#authModal #error-login,
#authModal #error-reg,
#authModal .login-error{display:block !important;min-height:20px;color:#ff7a9a !important;font-size:13px !important;font-weight:700 !important;line-height:1.45 !important;text-align:center !important;}


/* ===== LANG DROPDOWN FIX: MENU-TOP LANGS ONLY ===== */
#landing_page .landing-lang-dropdown{
  position:relative !important;
  z-index:3000 !important;
}

#landing_page .landing-lang-current{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:54px !important;
  width:auto !important;
  height:44px !important;
  padding:0 12px !important;
}

#landing_page .landing-lang-current-flag{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
}

#landing_page .landing-lang-current img,
#landing_page #current_lang_flag{
  width:22px !important;
  height:16px !important;
  min-width:22px !important;
  object-fit:cover !important;
  border-radius:2px !important;
  display:block !important;
}

#landing_page .landing-lang-current-code{
  display:inline-block !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

#landing_page .landing-lang-current-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:11px !important;
  line-height:1 !important;
}

#landing_page .landing-lang-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
  width:220px !important;
  max-height:min(70vh, 420px) !important;
  overflow-y:auto !important;
  padding:8px !important;
  display:none !important;
  flex-direction:column !important;
  gap:4px !important;
  border-radius:16px !important;
  background:rgba(8,12,24,.98) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.45) !important;
}

#landing_page .landing-lang-menu.is-open{
  display:flex !important;
}

#landing_page .landing-lang-item{
  width:100% !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 10px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#fff !important;
  text-align:left !important;
  cursor:pointer !important;
}

#landing_page .landing-lang-item:hover{
  background:rgba(255,255,255,.06) !important;
}

#landing_page .landing-lang-item.is-active{
  background:rgba(88,201,255,.12) !important;
  box-shadow:inset 0 0 0 1px rgba(88,201,255,.22) !important;
}

#landing_page .landing-lang-item img{
  width:22px !important;
  height:16px !important;
  min-width:22px !important;
  object-fit:cover !important;
  border-radius:2px !important;
  display:block !important;
  flex:0 0 22px !important;
}

#landing_page .landing-lang-item span{
  display:block !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

@media (max-width:768px){
  #landing_page .landing-lang-menu{
    width:210px !important;
    max-width:calc(100vw - 24px) !important;
  }
}

.landing-lang-menu{
    width: 230px !important;
    max-height: 320px;
    overflow-y: auto;
}

/* язык строкой */
.landing-lang-item{
    display:flex !important;
    align-items:center;
    gap:10px;
    width:100%;
}

/* флаги */
.landing-lang-item img{
    width:22px !important;
    height:16px !important;
    object-fit:cover;
    border-radius:2px;
    display:block;
}

.landing-lang-item span{
    font-size:13px;
    white-space:nowrap;
}

.landing-lang-current img{
    width:20px;
    height:14px;
    object-fit:cover;
    border-radius:2px;
}

.landing-lang-menu button{
    padding:8px 10px;
}

.landing-lang-dropdown{
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 0;
    flex: 0 0 auto;
}

.landing-lang-current{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 54px;
    height: 38px;
    padding: 0 12px;
    margin: 0;
    border: 1px solid rgba(22, 34, 58, 0.10) !important;
    border-radius: 14px;
    background: #0f1728 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden;
}

.landing-lang-current:hover{
    background: #16213a !important;
    border-color: rgba(61, 88, 140, 0.28) !important;
}

.landing-lang-current img{
    width: 18px !important;
    height: 12px !important;
    object-fit: cover;
    border-radius: 2px;
    display: block;
    flex: 0 0 18px;
}

.landing-lang-current-code{
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff !important;
    letter-spacing: 0.02em;
}

.landing-lang-current-arrow{
    display: none !important;
}

/* чтобы не выпирало в шапке */
.landing-header-actions,
.landing-top-actions,
.landing-nav-actions{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.landing-lang-menu{
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: 230px !important;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    background: rgba(8, 12, 24, 0.98) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}

/* если шапка светлая после перевода */
html.translated-ltr .landing-lang-current,
body.translated-ltr .landing-lang-current,
body.light .landing-lang-current{
    background: #0f1728 !important;
    color: #fff !important;
    border-color: rgba(22, 34, 58, 0.10) !important;
}

/* ===== LANG BUTTON VISIBILITY FIX ===== */
#landing_page .header-tools #open_lang.header-icon-btn.lang-trigger.landing-lang-current{
  width:auto !important;
  min-width:72px !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  overflow:visible !important;
  background:#0f1728 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#landing_page .header-tools #open_lang.header-icon-btn.lang-trigger.landing-lang-current:hover{
  background:#16213a !important;
  border-color:rgba(97,157,255,.30) !important;
}

#landing_page .header-tools #open_lang .landing-lang-current-flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
}

#landing_page .header-tools #open_lang #current_lang_flag,
#landing_page .header-tools #open_lang .landing-lang-current-flag img{
  width:20px !important;
  height:14px !important;
  min-width:20px !important;
  object-fit:cover !important;
  border-radius:2px !important;
  display:block !important;
  box-shadow:none !important;
}

#landing_page .header-tools #open_lang #current_lang_code,
#landing_page .header-tools #open_lang .landing-lang-current-code{
  display:inline-block !important;
  min-width:18px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#ffffff !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

#landing_page .header-tools #open_lang .landing-lang-current-arrow{
  display:none !important;
}

#landing_page[data-theme="light"] .header-tools #open_lang.header-icon-btn.lang-trigger.landing-lang-current,
html.translated-ltr #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger.landing-lang-current,
body.translated-ltr #landing_page .header-tools #open_lang.header-icon-btn.lang-trigger.landing-lang-current{
  background:#0f1728 !important;
  color:#ffffff !important;
  border:1px solid rgba(22,34,58,.12) !important;
}

#landing_page .header-tools{overflow:visible !important;}
#landing_page .topbar{overflow:visible !important;}

.skiptranslate,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
body > .skiptranslate{
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

body{
    top: 0 !important;
}

#goog-gt-tt,
.goog-te-balloon-frame{
    display: none !important;
}

/* ===== LIGHT THEME VISIBILITY FIX ===== */
#landing_page[data-theme="light"] .header-icon-btn,
#landing_page[data-theme="light"] #theme-toggle,
#landing_page[data-theme="light"] #landing-theme-toggle,
#landing_page[data-theme="light"] #landing-theme-toggle-mobile,
#landing_page[data-theme="light"] .theme-toggle--mobile{
  background:linear-gradient(180deg, #182338, #10192b) !important;
  border:1px solid rgba(20,34,56,.18) !important;
  color:#f4f8ff !important;
  box-shadow:0 8px 20px rgba(16,25,43,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#landing_page[data-theme="light"] .header-icon-btn i,
#landing_page[data-theme="light"] #theme-toggle i,
#landing_page[data-theme="light"] #landing-theme-toggle i,
#landing_page[data-theme="light"] #landing-theme-toggle-mobile i,
#landing_page[data-theme="light"] .theme-toggle--mobile i{
  color:#f4f8ff !important;
}

#landing_page[data-theme="light"] .header-icon-btn svg,
#landing_page[data-theme="light"] #theme-toggle svg,
#landing_page[data-theme="light"] #landing-theme-toggle svg,
#landing_page[data-theme="light"] #landing-theme-toggle-mobile svg,
#landing_page[data-theme="light"] .theme-toggle--mobile svg{
  fill:#f4f8ff !important;
  stroke:#f4f8ff !important;
}

#landing_page[data-theme="light"] .statistic .stats_img,
#landing_page[data-theme="light"] .mobile-stats .stats_img{
  opacity:1 !important;
  filter:brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(987%) hue-rotate(178deg) brightness(92%) contrast(91%) !important;
}

#landing_page[data-theme="light"] .how-card img,
#landing_page[data-theme="light"] .howitworks img,
#landing_page[data-theme="light"] .how-card svg,
#landing_page[data-theme="light"] .howitworks svg{
  opacity:1 !important;
  filter:brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(987%) hue-rotate(178deg) brightness(92%) contrast(91%) !important;
}

#landing_page[data-theme="light"] .how-num{
  box-shadow:0 8px 18px rgba(59,130,246,.16) !important;
}



/* ===== GLOBAL OVERRIDE FIXES (FORCE) ===== */

/* remove scroll inside auth modal */
#authModal,
#authModal .modal-content,
#authModal .modal-body,
#authModal .auth-body,
#authModal .auth-container{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
}

/* ensure modal itself fits screen */
#authModal .modal-dialog{
    max-height:95vh !important;
}

/* remove captcha triple boxes */
#authModal .captcha,
#authModal .captcha-wrapper,
#authModal .captcha-box,
#authModal .captcha-inner{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
}

/* center captcha */
#authModal .g-recaptcha{
    display:flex !important;
    justify-content:center !important;
    margin:20px auto !important;
}

/* light theme icon visibility */
body.light .theme-toggle,
body.light .theme-switch,
body.light .theme-button{
    color:#0b1b2b !important;
    background:#ffffff !important;
}

body.light .theme-toggle svg,
body.light .theme-switch svg{
    fill:#0b1b2b !important;
}

/* step icons visibility (mouse icons) */
body.light .steps img,
body.light .features img,
body.light .how img{
    filter:none !important;
    opacity:1 !important;
}

#landing_page[data-theme="light"] .mined .stats_img{
    filter: brightness(0) saturate(100%) invert(18%) sepia(18%)
            saturate(987%) hue-rotate(178deg) brightness(92%) contrast(91%) !important;
}

.online-card {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.online-dot-top {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00ff9d;
  margin: 30px;

  box-shadow:
    0 0 6px #00ff9d,
    0 0 10px #00ff9d;

  animation: pulseDot 1.6s infinite;
  margin-top: 15px;
}

@keyframes pulseDot {
  0% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.25); opacity: 1; }
  100% { transform: scale(1); opacity: 0.6; }
}

/* чуть лучше баланс текста */
.online-card .count {
  font-size: 32px;
  font-weight: 800;
}

.online-card .subs {
  font-size: 13px;
  opacity: 0.65;
}

/* онлайн карточка */
  #landing_page .mobile-stats .online-card{
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  /* точка = место иконки */
  #landing_page .mobile-stats .online-dot-top{
    width:12px;   /* = размер иконки */
    height:12px;
    border-radius:50%;
    background:#00ff9d;

    margin:0 0 18px !important;

    box-shadow:0 0 6px #00ff9d;
    animation:pulseDot 1.6s infinite;
  }

  /* число */
  #landing_page .mobile-stats .online-card .count{
    margin:0 0 4px !important;
    text-align:left !important;
  }

  /* текст */
  #landing_page .mobile-stats .online-card .subs{
    text-align:left !important;
  }

}

/* анимация */
@keyframes pulseDot{
  0% { transform:scale(1); opacity:1; }
  50% { transform:scale(1.4); opacity:0.7; }
  100% { transform:scale(1); opacity:1; }
}


/* чтобы онлайн выглядел как остальные */
@media (max-width: 768px){
  #landing_page .statistic .online-card{
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   MAIN SITE STYLE ALIGNMENT OVERRIDES
   Keep landing blocks/markup intact. Restyle only colors,
   surfaces, borders, shadows and small details to match
   /statica/style.css + /statica/theme.css.
   ========================================================= */

#landing_page,
#authModal{
  --text: var(--ads-text, #edf1f7);
  --muted: var(--ads-text-soft, rgba(237,241,247,.72));
  --line: var(--finish-line, rgba(255,255,255,.08));
  --cyan: var(--ads-accent, #d1b073);
  --cyan-2: #b89258;
  --gold: var(--ads-accent, #d1b073);
  --primary-soft: var(--ads-primary-soft, rgba(142,160,197,.12));
  --accent-soft: var(--ads-accent-soft, rgba(209,176,115,.14));
  --danger: #cf7f7f;
}

#landing_page{
  color: var(--text) !important;
  background:
    radial-gradient(980px 340px at 50% -4%, rgba(255,255,255,.12), rgba(255,255,255,0) 40%),
    radial-gradient(620px 360px at 18% 22%, rgba(92,109,148,.17), rgba(92,109,148,0) 64%),
    radial-gradient(620px 360px at 84% 20%, rgba(86,103,142,.14), rgba(86,103,142,0) 63%),
    linear-gradient(135deg, var(--ads-bg-body, #101726) 0%, var(--ads-bg-body-2, #202a3b) 100%) !important;
}

#landing_page::before{
  background: rgba(209,176,115,.10) !important;
  opacity: .58 !important;
}

#landing_page::after{
  background: rgba(142,160,197,.12) !important;
  opacity: .48 !important;
}

#landing_page .wrap::before{
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
}

#landing_page .topbar,
#landing_page .hero,
#landing_page .m-hero,
#landing_page .trust-box,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .mined,
#landing_page .art,
#authModal .modal-content{
  background:
    radial-gradient(420px 160px at 50% 0%, rgba(255,255,255,.08), rgba(255,255,255,0) 66%),
    linear-gradient(180deg, rgba(9,18,33,.96), rgba(10,18,32,.94)) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

#landing_page .hero,
#landing_page .m-hero,
#authModal .modal-content{
  box-shadow: 0 26px 78px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#landing_page .topbar{
  border-radius: 28px !important;
}

#landing_page .hero{
  border-radius: 30px !important;
}

#landing_page .hero::before,
#landing_page .m-hero::before,
#authModal .modal-content::before{
  background:
    radial-gradient(520px 220px at 10% 0%, rgba(209,176,115,.10), transparent 62%),
    radial-gradient(320px 180px at 100% 100%, rgba(142,160,197,.12), transparent 62%) !important;
}

#landing_page .topbar::before,
#landing_page .hero::after{
  background: linear-gradient(90deg, rgba(209,176,115,.18), rgba(255,255,255,.03), rgba(142,160,197,.12)) !important;
}

#landing_page .brand,
#landing_page .copy-topline,
#landing_page .secondary-link,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .hero-badge,
#landing_page .btn-ghost,
#landing_page .m-ghost,
#authModal .auth-tab,
#landing_page .header-icon-btn,
.landing-lang-current,
.landing-lang-menu{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  border-color: rgba(255,255,255,.07) !important;
  color: var(--text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green{
  background: linear-gradient(180deg, rgba(213,178,118,.96), rgba(184,146,84,.96)) !important;
  color: #1b2433 !important;
  border: 1px solid rgba(213,178,118,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 30px rgba(213,178,118,.18) !important;
}

#landing_page .btn-sign:hover,
#landing_page .play:hover,
#landing_page .m-cta:hover,
#authModal .auth-tab.active:hover,
#authModal .auth-block .btn.green:hover{
  filter: brightness(1.03) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 18px 36px rgba(213,178,118,.22) !important;
}

#landing_page .header-icon-btn:hover,
#landing_page .btn-ghost:hover,
#landing_page .secondary-link:hover,
#landing_page .m-ghost:hover,
#authModal .auth-tab:hover,
.landing-lang-current:hover,
.landing-lang-item:hover{
  border-color: rgba(213,178,118,.25) !important;
  background: linear-gradient(180deg, rgba(213,178,118,.12), rgba(213,178,118,.05)) !important;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background: linear-gradient(90deg, #ffffff 0%, #efe1bf 42%, #d5b276 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

#landing_page .copy p,
#landing_page .m-trust,
#landing_page .trust-box .trust-sub,
#landing_page .statistic .subs,
#landing_page .how-text,
#landing_page .mined .label,
#authModal .auth-sub{
  color: var(--muted) !important;
}

#landing_page .copy-topline,
#landing_page .trust-box .trust-title,
#landing_page .how-title,
#landing_page .count,
#authModal .auth-title{
  color: var(--text) !important;
}

#landing_page .hero-point::before,
#landing_page .m-point::before,
#landing_page .hero-badge::before,
#landing_page .how-num{
  background: linear-gradient(180deg, rgba(213,178,118,.96), rgba(184,146,84,.96)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset, 0 8px 18px rgba(213,178,118,.22) !important;
  color: #1b2433 !important;
}

#landing_page .how-card,
#landing_page .trust-box,
#landing_page .statistic .stat,
#landing_page .mined,
#landing_page .art{
  overflow: hidden;
}

#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .trust-box,
#landing_page .mined{
  border-radius: 24px !important;
}

#landing_page .statistic .stat::before,
#landing_page .how-card::before,
#landing_page .trust-box::before,
#landing_page .mined::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 34%),
    radial-gradient(180px 100px at 100% 0%, rgba(213,178,118,.08), transparent 65%);
}

#landing_page .statistic .stat:hover,
#landing_page .how-card:hover,
#landing_page .trust-box:hover{
  transform: translateY(-6px) !important;
  border-color: rgba(213,178,118,.22) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.28), 0 0 0 1px rgba(213,178,118,.05) inset !important;
}

#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  background:
    linear-gradient(180deg, rgba(4,8,18,.12) 0%, rgba(4,8,18,.42) 100%),
    radial-gradient(420px 220px at 18% 20%, rgba(213,178,118,.14), transparent 60%),
    radial-gradient(340px 220px at 82% 78%, rgba(142,160,197,.15), transparent 60%) !important;
}

#landing_page .hero-visual img,
#landing_page .m-art-image{
  filter: brightness(.74) contrast(1.03) saturate(.92) !important;
}

#landing_page .currency,
#landing_page .mined .value,
#landing_page .copy-topline{
  color: var(--gold) !important;
}

#landing_page .copy-topline{
  letter-spacing: .12em !important;
}

#landing_page .online-dot-top{
  background: var(--ads-primary, #8ea0c5) !important;
  box-shadow: 0 0 6px rgba(142,160,197,.95), 0 0 10px rgba(142,160,197,.55) !important;
}

#authModal{
  background: rgba(7,12,22,.76) !important;
}

#authModal .modal-close{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border-color: rgba(255,255,255,.08) !important;
}

#authModal .auth-block input,
#authModal .auth-block textarea,
#authModal .auth-block select,
#authModal .auth-block .val{
  background: rgba(9,18,33,.94) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: var(--text) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#authModal .auth-block input:focus,
#authModal .auth-block textarea:focus,
#authModal .auth-block select:focus,
#authModal .auth-block .val:focus{
  border-color: rgba(213,178,118,.34) !important;
  box-shadow: 0 0 0 3px rgba(213,178,118,.10) !important;
}

#authModal a,
#landing_page a.dotted{
  color: var(--gold) !important;
}

#landing_page[data-theme="light"]{
  color: #172131 !important;
  background:
    radial-gradient(900px 340px at 50% -5%, rgba(255,255,255,.72), rgba(255,255,255,0) 40%),
    radial-gradient(520px 260px at 18% 20%, rgba(70,108,188,.10), rgba(70,108,188,0) 62%),
    radial-gradient(520px 260px at 84% 18%, rgba(184,138,67,.08), rgba(184,138,67,0) 62%),
    linear-gradient(135deg, #edf3fb 0%, #dbe7f4 100%) !important;
}

#landing_page[data-theme="light"]::before{
  background: rgba(184,138,67,.08) !important;
}

#landing_page[data-theme="light"]::after{
  background: rgba(70,108,188,.10) !important;
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .m-hero,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art,
#landing_page[data-theme="light"] .landing-lang-current,
#landing_page[data-theme="light"] .landing-lang-menu,
#authModal[data-theme="light"] .modal-content,
body[data-theme="light"] #authModal .modal-content{
  background:
    radial-gradient(420px 160px at 50% 0%, rgba(255,255,255,.82), rgba(255,255,255,0) 66%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,255,.98)) !important;
  border-color: rgba(18,27,42,.09) !important;
  box-shadow: 0 18px 40px rgba(55,84,133,.10), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#landing_page[data-theme="light"] .brand,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .hero-badge,
#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .m-ghost,
#landing_page[data-theme="light"] .trust-box .trust-title,
#landing_page[data-theme="light"] .how-title,
#landing_page[data-theme="light"] .count,
#landing_page[data-theme="light"] .landing-lang-current,
#landing_page[data-theme="light"] .landing-lang-item,
body[data-theme="light"] #authModal .auth-title,
body[data-theme="light"] #authModal .auth-tab{
  color: #172131 !important;
}

#landing_page[data-theme="light"] .copy p,
#landing_page[data-theme="light"] .m-trust,
#landing_page[data-theme="light"] .trust-box .trust-sub,
#landing_page[data-theme="light"] .subs,
#landing_page[data-theme="light"] .how-text,
#landing_page[data-theme="light"] .mined .label,
body[data-theme="light"] #authModal .auth-sub{
  color: rgba(23,33,49,.64) !important;
}

#landing_page[data-theme="light"] .btn-sign,
#landing_page[data-theme="light"] .play,
#landing_page[data-theme="light"] .m-cta,
body[data-theme="light"] #authModal .auth-tab.active,
body[data-theme="light"] #authModal .auth-block .btn.green{
  background: linear-gradient(180deg, rgba(184,138,67,.94), rgba(163,118,50,.96)) !important;
  color: #ffffff !important;
  border-color: rgba(184,138,67,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 26px rgba(184,138,67,.18) !important;
}

#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .m-ghost,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .hero-badge,
#landing_page[data-theme="light"] .m-chip,
#landing_page[data-theme="light"] .header-icon-btn,
#landing_page[data-theme="light"] .landing-lang-current,
#landing_page[data-theme="light"] .landing-lang-menu,
body[data-theme="light"] #authModal .auth-tab,
body[data-theme="light"] #authModal .modal-close{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,245,255,.98)) !important;
  border-color: rgba(18,27,42,.08) !important;
}

#landing_page[data-theme="light"] .copy h1 .grad,
#landing_page[data-theme="light"] .m-title .grad{
  background: linear-gradient(90deg, #172131 0%, #466cbc 48%, #b88a43 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

#landing_page[data-theme="light"] .online-dot-top{
  background: #466cbc !important;
  box-shadow: 0 0 6px rgba(70,108,188,.80), 0 0 10px rgba(70,108,188,.42) !important;
}

body[data-theme="light"] #authModal .auth-block input,
body[data-theme="light"] #authModal .auth-block textarea,
body[data-theme="light"] #authModal .auth-block select,
body[data-theme="light"] #authModal .auth-block .val{
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(18,27,42,.10) !important;
  color: #172131 !important;
}

body[data-theme="light"] #authModal{
  background: rgba(17,27,43,.22) !important;
}

@media (max-width: 768px){
  #landing_page .topbar,
  #landing_page .hero,
  #landing_page .m-hero,
  #landing_page .statistic .stat,
  #landing_page .how-card,
  #landing_page .trust-box,
  #landing_page .mined,
  #landing_page .art,
  #authModal .modal-content{
    border-radius: 22px !important;
  }

  #landing_page .topbar{
    border-radius: 20px !important;
  }
}

/* ===== ADSREK MATCH PASS: tone down landing to match inner pages ===== */
#landing_page,
#authModal{
  --text:#edf1f7;
  --muted:rgba(237,241,247,.66);
  --line:rgba(255,255,255,.08);
  --cyan:#d1b073;
  --cyan-2:#b99152;
  --gold:#d1b073;
  --danger:#d88484;
}

#landing_page{
  background:
    radial-gradient(960px 340px at 50% -4%, rgba(255,255,255,.12), transparent 40%),
    radial-gradient(560px 320px at 18% 22%, rgba(92,109,148,.14), transparent 62%),
    radial-gradient(560px 320px at 84% 20%, rgba(86,103,142,.12), transparent 62%),
    linear-gradient(135deg, #101726 0%, #202a3b 100%) !important;
}

#landing_page::before,
#landing_page::after{
  filter:blur(110px);
  opacity:.42;
}

#landing_page::before{
  background:rgba(160,176,205,.10);
}

#landing_page::after{
  background:rgba(209,176,115,.08);
}

#landing_page .wrap::before{
  background-image:none;
}

#landing_page .topbar,
#landing_page .hero,
#landing_page .m-hero,
#landing_page .trust-box,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .mined,
#landing_page .art,
#authModal .modal-content,
#landing_page .out-capcha{
  background:
    radial-gradient(420px 160px at 50% 0%, rgba(255,255,255,.05), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(42,50,65,.78), rgba(20,28,43,.92)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 22px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#landing_page .topbar{
  border-radius:28px;
  background:
    radial-gradient(420px 140px at 50% 0%, rgba(255,255,255,.07), rgba(255,255,255,0) 68%),
    linear-gradient(180deg, rgba(9,18,33,.96), rgba(10,18,32,.94)) !important;
}

#landing_page .topbar::before,
#landing_page .hero::after{
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(209,176,115,.18), rgba(255,255,255,.04)) !important;
}

#landing_page .hero{
  box-shadow:0 28px 88px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#landing_page .hero::before,
#landing_page .m-hero::before,
#authModal .modal-content::before,
#landing_page .art::before,
#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 32%),
    radial-gradient(240px 130px at 18% 18%, rgba(136,151,182,.10), transparent 64%),
    radial-gradient(260px 140px at 84% 14%, rgba(209,176,115,.08), transparent 66%) !important;
}

#landing_page .brand,
#landing_page .copy-topline,
#landing_page .hero-badge,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .secondary-link,
#landing_page .btn-ghost,
#landing_page .m-ghost,
#landing_page .header-icon-btn,
#landing_page .landing-lang-current,
#landing_page .landing-lang-menu,
#authModal .auth-tab,
#authModal .modal-close{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), rgba(10,18,34,.74) !important;
  border:1px solid rgba(173,188,216,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.16) !important;
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green,
#landing_page .how-num{
  color:#182131 !important;
  background:linear-gradient(180deg, #d9bc83 0%, #b99152 100%) !important;
  border:1px solid rgba(217,188,131,.56) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px rgba(200,172,117,.14) !important;
}

#landing_page .btn-sign:hover,
#landing_page .play:hover,
#landing_page .m-cta:hover,
#authModal .auth-tab.active:hover,
#authModal .auth-block .btn.green:hover{
  filter:brightness(1.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 14px 28px rgba(200,172,117,.18) !important;
}

#landing_page .header-icon-btn:hover,
#landing_page .secondary-link:hover,
#landing_page .btn-ghost:hover,
#landing_page .m-ghost:hover,
#authModal .auth-tab:hover,
#authModal .modal-close:hover{
  border-color:rgba(209,176,115,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.18) !important;
}

#landing_page .copy-topline,
#landing_page .hero-badge,
#landing_page .m-chip{
  color:#d7bb84 !important;
  letter-spacing:.12em;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background:linear-gradient(180deg, #ffffff 0%, #edf1f7 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

#landing_page .copy p,
#landing_page .m-trust,
#landing_page .trust-box .trust-sub,
#landing_page .statistic .subs,
#landing_page .how-text,
#landing_page .mined .label,
#authModal .auth-sub{
  color:rgba(237,241,247,.64) !important;
}

#landing_page .hero-point::before,
#landing_page .m-point::before,
#landing_page .hero-badge::before{
  background:#d1b073 !important;
  box-shadow:0 0 0 4px rgba(209,176,115,.12), 0 0 10px rgba(209,176,115,.12) !important;
}

#landing_page .mined .value,
#landing_page .currency,
#landing_page .count .currency{
  color:#d1b073 !important;
  text-shadow:none !important;
}

#landing_page .statistic .stat{
  min-height:164px;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(255,255,255,.04), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(5,14,29,.94), rgba(7,18,35,.98)) !important;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#landing_page .statistic .stat::before,
#landing_page .statistic .stat::after,
#landing_page .mined::before{
  display:none !important;
}

#landing_page .statistic .stat:hover{
  transform:translateY(-4px);
  border-color:rgba(209,176,115,.18) !important;
  box-shadow:0 22px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#landing_page .statistic .stats_img{
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.24));
  opacity:.92;
}

#landing_page .how-card{
  border-radius:20px;
}

#landing_page .how-title,
#landing_page .trust-box .trust-title,
#authModal .auth-title{
  color:#f0f3f8 !important;
}

#landing_page .landing-lang-current-code,
#landing_page .landing-lang-item,
#landing_page .header-icon-btn,
#authModal .auth-tab,
#authModal .modal-close,
#landing_page .secondary-link,
#landing_page .btn-ghost,
#landing_page .m-ghost{
  color:#edf1f7 !important;
}

#landing_page .landing-lang-item:hover{
  background:rgba(255,255,255,.05) !important;
}

#landing_page .landing-lang-current,
#landing_page .landing-lang-menu{
  background-color:rgba(10,18,34,.92) !important;
}

#authModal{
  background:rgba(6,12,22,.78) !important;
  backdrop-filter:blur(10px);
}

#authModal .modal-content{
  border-radius:30px;
}

#authModal .auth-tabs{
  gap:14px;
}

#authModal .auth-tab{
  color:#edf1f7 !important;
}

#authModal .auth-tab.active{
  color:#182131 !important;
}

#authModal .auth-block input{
  background:rgba(8,16,30,.88) !important;
  border:1px solid rgba(173,188,216,.10) !important;
  color:#edf1f7 !important;
  box-shadow:none !important;
}

#authModal .auth-block input:focus{
  border-color:rgba(209,176,115,.34) !important;
  box-shadow:0 0 0 3px rgba(209,176,115,.08) !important;
}

#landing_page[data-theme="light"]{
  color:#172131 !important;
  background:
    radial-gradient(920px 320px at 50% -2%, rgba(255,255,255,.80), transparent 42%),
    radial-gradient(520px 320px at 18% 22%, rgba(124,139,174,.14), transparent 62%),
    radial-gradient(520px 320px at 84% 20%, rgba(124,139,174,.11), transparent 62%),
    linear-gradient(135deg, #edf3fb 0%, #dbe7f4 100%) !important;
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .m-hero,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art,
#landing_page[data-theme="light"] .landing-lang-current,
#landing_page[data-theme="light"] .landing-lang-menu,
#landing_page[data-theme="light"] .header-icon-btn,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .m-ghost,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .hero-badge{
  background:
    radial-gradient(360px 130px at 50% 0%, rgba(255,255,255,.75), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.98)) !important;
  border:1px solid rgba(18,27,42,.08) !important;
  box-shadow:0 16px 36px rgba(55,84,133,.10), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

#landing_page[data-theme="light"] .btn-sign,
#landing_page[data-theme="light"] .play,
#landing_page[data-theme="light"] .m-cta{
  color:#fff !important;
  background:linear-gradient(180deg, #c49a5f 0%, #b18345 100%) !important;
  border-color:rgba(177,131,69,.46) !important;
}

/* ===== stricter match to internal pages ===== */
#landing_page,
#authModal{
  --text:#f1f4fb;
  --muted:#9aa5bb;
  --line:rgba(118,136,171,.16);
  --cyan:#d2ae67;
  --cyan-2:#b9924c;
  --gold:#d2ae67;
}

#landing_page{
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(118,136,171,.12), transparent 62%),
    radial-gradient(540px 320px at 10% 28%, rgba(31,58,106,.12), transparent 60%),
    radial-gradient(540px 320px at 92% 34%, rgba(31,58,106,.10), transparent 60%),
    linear-gradient(180deg, #040c1d 0%, #081327 52%, #0a1426 100%) !important;
}

#landing_page::before,
#landing_page::after{
  display:none !important;
}

#landing_page .wrap::before{
  background-image:none !important;
}

#landing_page .topbar{
  background:linear-gradient(180deg, rgba(10,20,39,.96), rgba(8,17,33,.98)) !important;
  border:1px solid rgba(83,102,135,.18) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:none !important;
}

#landing_page .topbar::before{
  background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.02), rgba(255,255,255,.04)) !important;
}

#landing_page .hero,
#landing_page .trust-box,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .m-hero,
#landing_page .mined,
#landing_page .art,
#authModal .modal-content,
#landing_page .out-capcha{
  background:linear-gradient(180deg, rgba(32,42,61,.90), rgba(21,31,49,.96)) !important;
  border:1px solid rgba(89,107,138,.18) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:none !important;
}

#landing_page .hero::before,
#landing_page .hero::after,
#landing_page .statistic .stat::before,
#landing_page .statistic .stat::after,
#landing_page .art::before,
#landing_page .m-hero::before,
#authModal .modal-content::before,
#landing_page .mined::before{
  opacity:.28 !important;
  filter:none !important;
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green{
  background:linear-gradient(180deg, #d8b46e 0%, #c29a55 100%) !important;
  color:#122033 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 8px 18px rgba(0,0,0,.16) !important;
}

#landing_page .btn-ghost,
#landing_page .secondary-link,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .copy-topline,
#landing_page .hero-badge,
#landing_page .m-ghost,
#landing_page .header-icon-btn,
#authModal .auth-tab{
  background:linear-gradient(180deg, rgba(18,28,45,.95), rgba(15,24,40,.98)) !important;
  border:1px solid rgba(77,96,127,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:#eef3fb !important;
}

#landing_page .copy-topline,
#landing_page .hero-badge{
  color:#d6b270 !important;
  letter-spacing:.11em !important;
}

#landing_page .copy-topline::before,
#landing_page .hero-badge::before,
#landing_page .hero-point::before,
#landing_page .m-point::before{
  background:#d6b270 !important;
  box-shadow:none !important;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background:linear-gradient(180deg, #ffffff 0%, #edf2fa 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

#landing_page .copy p,
#landing_page .trust-box .trust-sub,
#landing_page .statistic .subs,
#landing_page .how-text,
#landing_page .m-trust,
#landing_page .mined .label,
#authModal .auth-sub{
  color:#a9b3c7 !important;
}

#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  background:
    linear-gradient(180deg, rgba(7,13,24,.18) 0%, rgba(8,16,30,.40) 100%),
    radial-gradient(300px 180px at 20% 18%, rgba(43,67,111,.12), transparent 60%),
    radial-gradient(260px 170px at 84% 76%, rgba(31,58,106,.10), transparent 60%) !important;
}

#landing_page .hero,
#landing_page .art{
  border-radius:30px !important;
}

#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .trust-box{
  border-radius:22px !important;
}

#landing_page .statistic .stat:hover,
#landing_page .btn:hover,
#landing_page .header-icon-btn:hover,
#authModal .auth-tab:hover,
#authModal .modal-close:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}

#authModal{
  background:rgba(4,10,20,.72) !important;
  backdrop-filter:blur(4px) !important;
}

#authModal .modal-content{
  width:650px !important;
  border-radius:26px !important;
}

#authModal .modal-close{
  background:linear-gradient(180deg, rgba(20,31,49,.96), rgba(16,25,40,.98)) !important;
  border:1px solid rgba(77,96,127,.18) !important;
}

#authModal .auth-block input{
  background:linear-gradient(180deg, rgba(7,17,34,.98), rgba(6,14,29,.98)) !important;
  border:1px solid rgba(76,95,126,.18) !important;
  box-shadow:none !important;
}

#authModal .auth-block input:focus{
  border:1px solid rgba(210,174,103,.42) !important;
  box-shadow:0 0 0 2px rgba(210,174,103,.10) !important;
}

#landing_page .out-capcha{
  background:linear-gradient(180deg, rgba(28,39,58,.88), rgba(23,33,51,.94)) !important;
}

#landing_page[data-theme="light"]{
  background:linear-gradient(180deg, #eef2f8 0%, #e6ebf3 100%) !important;
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art,
#landing_page[data-theme="light"] .m-hero,
#authModal[data-theme="light"] .modal-content{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,244,250,.98)) !important;
  border:1px solid rgba(162,174,194,.28) !important;
  box-shadow:0 12px 30px rgba(58,72,98,.08), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

/* ===== strict site-match refinement ===== */
#landing_page,
#authModal{
  --text:#f4f6fb;
  --muted:#96a4bd;
  --line:rgba(112,130,165,.18);
  --cyan:#d1ac68;
  --cyan-2:#b98d4f;
  --gold:#d2ad68;
}

#landing_page{
  background:
    radial-gradient(620px 340px at 50% 0%, rgba(48,67,104,.16), transparent 62%),
    radial-gradient(700px 420px at 50% 100%, rgba(14,28,58,.24), transparent 70%),
    linear-gradient(180deg, #030a17 0%, #061126 46%, #030a18 100%) !important;
}

#landing_page::before,
#landing_page::after,
#landing_page .wrap::before{
  display:none !important;
}

#landing_page .wrap{
  max-width:1060px;
  padding-top:18px;
}

#landing_page .topbar{
  min-height:58px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(9,18,35,.96), rgba(6,13,28,.98)) !important;
  border:1px solid rgba(88,103,132,.24) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:none;
}

#landing_page .topbar::before{
  background:linear-gradient(90deg, rgba(210,173,104,.16), rgba(255,255,255,.03), rgba(210,173,104,.10)) !important;
}

#landing_page .brand img{
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.22);
}

#landing_page .btn,
#landing_page .header-icon-btn,
#authModal .auth-tab,
#authModal .modal-close,
#landing_page .hero,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .trust-box,
#landing_page .mined,
#authModal .modal-content{
  backdrop-filter:none !important;
}

#landing_page .btn::after,
#landing_page .play::after,
#landing_page .m-cta::after{
  display:none;
}

#landing_page .btn-ghost,
#landing_page .secondary-link,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .hero-badge,
#landing_page .copy-topline,
#landing_page .m-chip,
#landing_page .m-ghost,
#landing_page .header-icon-btn,
#authModal .auth-tab{
  background:linear-gradient(180deg, rgba(17,28,48,.96), rgba(12,21,39,.98)) !important;
  border:1px solid rgba(86,102,132,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

#landing_page .btn-ghost,
#landing_page .secondary-link,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .hero-badge,
#landing_page .copy-topline,
#landing_page .m-chip,
#landing_page .m-ghost,
#landing_page .header-icon-btn,
#authModal .auth-tab,
#landing_page .trust-box .trust-title,
#landing_page .how-title,
#landing_page .count{
  color:#eef2fa !important;
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green,
#landing_page .how-num{
  background:linear-gradient(180deg, #d8b36d 0%, #c59a58 100%) !important;
  color:#18253b !important;
  border:1px solid rgba(235,214,168,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.18) !important;
}

#landing_page .btn:hover,
#landing_page .play:hover,
#landing_page .m-cta:hover,
#authModal .auth-tab:hover,
#authModal .modal-close:hover,
#landing_page .secondary-link:hover,
#landing_page .m-ghost:hover,
#landing_page .header-icon-btn:hover,
#landing_page .statistic .stat:hover{
  transform:translateY(-1px);
}

#landing_page .hero{
  gap:28px;
  padding:28px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(31,43,64,.94), rgba(22,33,52,.98)) !important;
  border:1px solid rgba(92,108,136,.24) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#landing_page .hero::before{
  background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 40%) !important;
}

#landing_page .hero::after{
  border-color:rgba(255,255,255,.025) !important;
}

#landing_page .copy h1{
  font-size:56px;
  line-height:.98;
  max-width:520px;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background:linear-gradient(180deg, #ffffff 0%, #eef2fa 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

#landing_page .copy p{
  color:#a3afc4;
  max-width:500px;
  line-height:1.68;
}

#landing_page .hero-point::before,
#landing_page .m-point::before,
#landing_page .hero-badge::before{
  background:#d2ad68 !important;
  box-shadow:0 0 0 3px rgba(210,173,104,.12) !important;
}

#landing_page .mined,
#landing_page .art,
#landing_page .trust-box,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .m-hero,
#landing_page .m-art,
#authModal .modal-content{
  background:linear-gradient(180deg, rgba(18,29,48,.96), rgba(12,22,39,.98)) !important;
  border:1px solid rgba(86,102,132,.22) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

#landing_page .mined::before,
#landing_page .art::before,
#landing_page .statistic .stat::after,
#authModal .modal-content::before{
  display:none !important;
}

#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  background:linear-gradient(180deg, rgba(3,8,20,.18) 0%, rgba(3,8,20,.28) 100%) !important;
}

#landing_page .trust-box .trust-sub,
#landing_page .statistic .subs,
#landing_page .how-text,
#landing_page .m-trust,
#landing_page .mined .label{
  color:#97a5bc !important;
}

#landing_page .statistic{
  gap:16px !important;
}

#landing_page .statistic .stat{
  min-height:172px;
  background:linear-gradient(180deg, rgba(13,24,42,.98), rgba(8,17,31,.99)) !important;
}

#landing_page .statistic .stat::before{
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 28%) !important;
}

#landing_page .statistic .stats_img{
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));
}

#landing_page .currency,
#landing_page .mined .value{
  color:#d2ad68 !important;
  text-shadow:none !important;
}

#landing_page .how-card{
  border-radius:20px;
}

#authModal{
  background:rgba(1,7,18,.82) !important;
  backdrop-filter:blur(5px);
}

#authModal .modal-content{
  width:650px;
  padding:24px 18px 20px;
  border-radius:26px;
}

#authModal .auth-title{
  font-size:23px;
}

#authModal .auth-sub{
  color:#9ba8bf;
}

#authModal .auth-tabs{
  margin:12px 0 14px;
}

#authModal .auth-tab{
  min-height:44px;
}

#authModal .modal-close{
  background:linear-gradient(180deg, rgba(17,28,48,.96), rgba(12,21,39,.98)) !important;
  color:#9fb0ca;
}

#authModal .auth-block input{
  background:#061125 !important;
  border:1px solid rgba(74,91,120,.22) !important;
  color:#eef2fa !important;
}

#authModal .auth-block input:focus{
  border-color:rgba(210,173,104,.46) !important;
  box-shadow:0 0 0 3px rgba(210,173,104,.10) !important;
}

#landing_page .out-capcha{
  background:linear-gradient(180deg, rgba(16,28,47,.96), rgba(11,21,38,.98)) !important;
  border:1px solid rgba(86,102,132,.20) !important;
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .m-hero,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art,
#landing_page[data-theme="light"] #authModal .modal-content{
  box-shadow:0 14px 34px rgba(55,84,133,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* ===== ADSREK REFERENCE MATCH OVERRIDES ===== */
#landing_page,
#authModal{
  --text:#eef2f8;
  --muted:rgba(238,242,248,.66);
  --line:rgba(255,255,255,.075);
  --gold:#d1b073;
  --gold-2:#be955a;
  --panel-top:rgba(55,65,84,.26);
  --panel-mid:rgba(34,43,58,.82);
  --panel-deep:rgba(14,22,35,.94);
  --pill:rgba(10,17,30,.86);
}

html,
body{
  background:#0e1624 !important;
}

#landing_page{
  color:var(--text) !important;
  background:
    radial-gradient(980px 340px at 50% -7%, rgba(255,255,255,.14), rgba(255,255,255,0) 42%),
    radial-gradient(560px 320px at 20% 18%, rgba(120,138,172,.14), rgba(120,138,172,0) 62%),
    radial-gradient(560px 320px at 82% 16%, rgba(120,138,172,.10), rgba(120,138,172,0) 62%),
    linear-gradient(135deg, #0f1726 0%, #212b3b 100%) !important;
}

#landing_page::before,
#landing_page::after{
  filter:blur(110px) !important;
  opacity:.18 !important;
}

#landing_page::before{
  background:rgba(154,171,201,.18) !important;
  left:2% !important;
  top:20% !important;
}

#landing_page::after{
  background:rgba(154,171,201,.14) !important;
  right:4% !important;
  top:12% !important;
}

#landing_page .wrap::before{
  display:none !important;
}

#landing_page .topbar{
  min-height:72px !important;
  border-radius:28px !important;
  padding:0 18px 0 22px !important;
  background:linear-gradient(180deg, rgba(7,15,29,.92), rgba(6,13,25,.98)) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  box-shadow:0 22px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(12px) saturate(108%) !important;
}

#landing_page .topbar::before{
  inset:0 !important;
  padding:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 26%) !important;
  -webkit-mask:none !important;
  mask:none !important;
  border-radius:inherit !important;
  opacity:.7 !important;
}

#landing_page .brand{
  font-size:13px !important;
  letter-spacing:.06em !important;
}

#landing_page .brand img{
  border-radius:12px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 10px 18px rgba(0,0,0,.22) !important;
}

#landing_page .header-icon-btn,
#landing_page .btn-ghost,
#landing_page .secondary-link,
#landing_page .hero-point,
#landing_page .m-point,
#landing_page .copy-topline,
#landing_page .hero-badge,
#landing_page .m-chip,
#landing_page .landing-lang-current,
#authModal .auth-tab,
#authModal .modal-close{
  background:linear-gradient(180deg, rgba(20,29,45,.86), rgba(12,18,31,.96)) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  color:var(--text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.12) !important;
}

#landing_page .header-icon-btn:hover,
#landing_page .btn-ghost:hover,
#landing_page .secondary-link:hover,
#landing_page .m-ghost:hover,
#authModal .auth-tab:hover,
#authModal .modal-close:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#landing_page .btn::after,
#landing_page .play::after,
#landing_page .m-cta::after{
  display:none !important;
}

#landing_page .btn-sign,
#landing_page .play,
#landing_page .m-cta,
#authModal .auth-tab.active,
#authModal .auth-block .btn.green,
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"]{
  background:linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  border:1px solid rgba(73,53,23,.20) !important;
  color:#162132 !important;
  box-shadow:0 10px 24px rgba(209,176,115,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#landing_page .btn-sign:hover,
#landing_page .play:hover,
#landing_page .m-cta:hover,
#authModal .auth-tab.active:hover,
#authModal .auth-block .btn.green:hover{
  filter:brightness(1.02) !important;
}

#landing_page .hero,
#landing_page .m-hero,
#landing_page .statistic .stat,
#landing_page .how-card,
#landing_page .trust-box,
#landing_page .mined,
#landing_page .art,
#authModal .modal-content{
  background:
    linear-gradient(180deg, rgba(78,90,112,.18), rgba(78,90,112,0) 16%),
    linear-gradient(180deg, rgba(47,57,74,.78), rgba(18,25,38,.96)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 26px 68px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#landing_page .hero{
  gap:28px !important;
  border-radius:30px !important;
}

#landing_page .hero::before,
#landing_page .hero::after,
#landing_page .m-hero::before,
#landing_page .art::before,
#authModal .modal-content::before{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 28%) !important;
  border:none !important;
}

#landing_page .art,
#landing_page .m-art{
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(15,24,38,.92), rgba(7,12,22,.98)) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#landing_page .hero-visual-overlay,
#landing_page .m-art-overlay{
  background:
    linear-gradient(180deg, rgba(5,10,18,.02), rgba(5,10,18,.24) 100%),
    radial-gradient(320px 180px at 24% 16%, rgba(255,255,255,.04), transparent 62%) !important;
}

#landing_page .hero-visual img,
#landing_page .m-art-image{
  filter:brightness(.78) contrast(1.03) saturate(.95) !important;
}

#landing_page .copy-topline,
#landing_page .hero-badge,
#landing_page .m-chip{
  color:#e3c488 !important;
}

#landing_page .hero-point::before,
#landing_page .m-point::before,
#landing_page .hero-badge::before{
  background:#d1b073 !important;
  box-shadow:none !important;
}

#landing_page .copy h1,
#landing_page .m-title{
  color:#f4f6fb !important;
}

#landing_page .copy h1 .grad,
#landing_page .m-title .grad{
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
  color:#f4f6fb !important;
}

#landing_page .copy p,
#landing_page .m-trust,
#landing_page .trust-box .trust-sub,
#landing_page .how-text,
#landing_page .statistic .subs,
#landing_page .mined .label{
  color:rgba(237,241,248,.66) !important;
}

#landing_page .mined{
  min-height:92px !important;
  padding:0 18px !important;
  border-radius:22px !important;
}

#landing_page .mined::before{
  display:none !important;
}

#landing_page .mined .value,
#landing_page .currency{
  color:#d6b97c !important;
  text-shadow:none !important;
}

#landing_page .statistic{
  gap:16px !important;
}

#landing_page .statistic .stat{
  min-height:168px !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(80,92,114,.14), rgba(80,92,114,0) 18%),
    linear-gradient(180deg, rgba(18,27,41,.94), rgba(7,13,24,.98)) !important;
}

#landing_page .statistic .stat::before,
#landing_page .statistic .stat::after{
  display:none !important;
}

#landing_page .statistic .count{
  color:#f1f4fa !important;
}

#landing_page .statistic .stats_img{
  opacity:.92 !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18)) !important;
}

#landing_page .how-card{
  border-radius:22px !important;
  padding:20px 18px 18px !important;
}

#landing_page .how-num{
  background:linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  color:#162132 !important;
  box-shadow:none !important;
}

#landing_page .how-title,
#landing_page .trust-box .trust-title,
#authModal .auth-title{
  color:#f0f3f9 !important;
}

#landing_page .landing-lang-menu,
#landing_page .lang_menu{
  background:linear-gradient(180deg, rgba(14,21,35,.98), rgba(9,15,27,.99)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 24px 48px rgba(0,0,0,.30) !important;
}

#landing_page .landing-lang-item:hover,
#landing_page .lang_menu .lang-select:hover{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}

#authModal{
  background:rgba(3,8,16,.76) !important;
  backdrop-filter:blur(8px) !important;
}

#authModal .modal-content{
  width:650px !important;
  border-radius:28px !important;
  padding:24px 20px 20px !important;
}

#authModal .auth-sub{
  color:rgba(237,241,248,.66) !important;
}

#authModal .auth-tabs{
  gap:12px !important;
}

#authModal .auth-tab{
  min-height:44px !important;
  border-radius:15px !important;
}

#authModal .auth-block table,
#authModal .auth-block tbody,
#authModal .auth-block tr,
#authModal .auth-block td{
  color:#e8edf6 !important;
  border-color:rgba(255,255,255,.06) !important;
}

#authModal .auth-block input,
#authModal .auth-block textarea,
#authModal .auth-block select{
  background:#081223 !important;
  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:14px !important;
  color:#eef2f8 !important;
}

#authModal .auth-block input:focus,
#authModal .auth-block textarea:focus,
#authModal .auth-block select:focus{
  border-color:rgba(209,176,115,.48) !important;
  box-shadow:0 0 0 3px rgba(209,176,115,.10) !important;
}

#authModal .auth-block a{
  color:#d7b77c !important;
}

#authModal .out-capcha{
  background:linear-gradient(180deg, rgba(16,24,38,.90), rgba(12,18,31,.96)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#authModal .login-error,
#authModal .register-error,
#authModal .repass-error{
  color:#f1b0a9 !important;
}

#landing_page[data-theme="light"]{
  background:
    radial-gradient(980px 340px at 50% -7%, rgba(255,255,255,.78), rgba(255,255,255,0) 42%),
    radial-gradient(560px 320px at 20% 18%, rgba(154,171,201,.22), rgba(154,171,201,0) 62%),
    radial-gradient(560px 320px at 82% 16%, rgba(154,171,201,.14), rgba(154,171,201,0) 62%),
    linear-gradient(135deg, #eef3fb 0%, #dbe4f0 100%) !important;
}

#landing_page[data-theme="light"] .topbar,
#landing_page[data-theme="light"] .hero,
#landing_page[data-theme="light"] .m-hero,
#landing_page[data-theme="light"] .statistic .stat,
#landing_page[data-theme="light"] .how-card,
#landing_page[data-theme="light"] .trust-box,
#landing_page[data-theme="light"] .mined,
#landing_page[data-theme="light"] .art,
#landing_page[data-theme="light"] #authModal .modal-content{
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0) 18%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(240,245,251,.98)) !important;
  border:1px solid rgba(19,31,49,.08) !important;
  box-shadow:0 18px 42px rgba(34,50,77,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#landing_page[data-theme="light"] .header-icon-btn,
#landing_page[data-theme="light"] .btn-ghost,
#landing_page[data-theme="light"] .secondary-link,
#landing_page[data-theme="light"] .hero-point,
#landing_page[data-theme="light"] .m-point,
#landing_page[data-theme="light"] .copy-topline,
#landing_page[data-theme="light"] .hero-badge,
#landing_page[data-theme="light"] .m-chip,
#landing_page[data-theme="light"] .landing-lang-current,
#landing_page[data-theme="light"] #authModal .auth-tab,
#landing_page[data-theme="light"] #authModal .modal-close{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,246,252,.98)) !important;
  border:1px solid rgba(19,31,49,.08) !important;
  color:#152132 !important;
}

#landing_page[data-theme="light"] .copy h1,
#landing_page[data-theme="light"] .m-title,
#landing_page[data-theme="light"] .copy h1 .grad,
#landing_page[data-theme="light"] .m-title .grad{
  color:#1a2535 !important;
  -webkit-text-fill-color:currentColor !important;
}

#landing_page[data-theme="light"] .copy p,
#landing_page[data-theme="light"] .m-trust,
#landing_page[data-theme="light"] .how-text,
#landing_page[data-theme="light"] .statistic .subs,
#landing_page[data-theme="light"] .mined .label{
  color:rgba(26,37,53,.62) !important;
}

#landing_page[data-theme="light"] .hero-point::before,
#landing_page[data-theme="light"] .m-point::before,
#landing_page[data-theme="light"] .hero-badge::before{
  background:#b88a43 !important;
}

#landing_page[data-theme="light"] .btn-sign,
#landing_page[data-theme="light"] .play,
#landing_page[data-theme="light"] .m-cta,
#landing_page[data-theme="light"] #authModal .auth-tab.active,
#landing_page[data-theme="light"] #authModal .auth-block .btn.green{
  background:linear-gradient(180deg, #d8b279 0%, #c19353 100%) !important;
  color:#1a2535 !important;
}

@media (max-width:768px){
  #landing_page .topbar{
    border-radius:22px !important;
    min-height:auto !important;
  }

  #landing_page .hero,
  #landing_page .m-hero{
    border-radius:24px !important;
    gap:16px !important;
    padding:16px !important;
  }

  #landing_page .art,
  #landing_page .m-art,
  #landing_page .statistic .stat,
  #landing_page .how-card{
    border-radius:18px !important;
  }

  #authModal .modal-content{
    width:100% !important;
    border-radius:24px 24px 0 0 !important;
    padding:18px 14px calc(14px + env(safe-area-inset-bottom)) !important;
  }
}

/* ===== FINAL FIXES: HEADER LOGO + AUTH MODAL ===== */

#landing_page .brand{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

#landing_page .brand:hover,
#landing_page .brand:focus,
#landing_page .brand:active{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* modal tabs */
#authModal .auth-tab{
  background: linear-gradient(180deg, rgba(20,29,45,.86), rgba(12,18,31,.96)) !important;
  background-image: linear-gradient(180deg, rgba(20,29,45,.86), rgba(12,18,31,.96)) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  color: #f3f6fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.12) !important;
}

#authModal .auth-tab.active{
  background: linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  background-image: linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  border: 1px solid rgba(73,53,23,.20) !important;
  color: #162132 !important;
  box-shadow: 0 10px 24px rgba(209,176,115,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#authModal .auth-tab:hover{
  transform: translateY(-1px) !important;
}

/* real submit button */
#authModal .auth-block button[type="submit"],
#authModal .auth-block input[type="submit"],
#authModal form button[type="submit"],
#authModal form input[type="submit"]{
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  max-width: 228px !important;
  min-width: 228px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  margin: 18px auto 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(73,53,23,.20) !important;
  background: linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  background-image: linear-gradient(180deg, #d7b77c 0%, #c79f63 100%) !important;
  background-color: transparent !important;
  color: #162132 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(209,176,115,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: none !important;
  transform: none !important;
}

/* remove nested fake blue/green inner button */
#authModal .auth-block button[type="submit"] > span,
#authModal .auth-block button[type="submit"] > .btn,
#authModal .auth-block button[type="submit"] > .btn.green,
#authModal form button[type="submit"] > span,
#authModal form button[type="submit"] > .btn,
#authModal form button[type="submit"] > .btn.green{
  position: static !important;
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* states */
#authModal .auth-block button[type="submit"]:hover,
#authModal .auth-block input[type="submit"]:hover,
#authModal form button[type="submit"]:hover,
#authModal form input[type="submit"]:hover{
  background: linear-gradient(180deg, #ddbf89 0%, #cca66a 100%) !important;
  background-image: linear-gradient(180deg, #ddbf89 0%, #cca66a 100%) !important;
  box-shadow: 0 12px 28px rgba(209,176,115,.22), inset 0 1px 0 rgba(255,255,255,.24) !important;
  transform: translateY(-1px) !important;
}

#authModal .auth-block button[type="submit"]:active,
#authModal .auth-block input[type="submit"]:active,
#authModal form button[type="submit"]:active,
#authModal form input[type="submit"]:active{
  transform: translateY(0) !important;
  box-shadow: 0 8px 16px rgba(209,176,115,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* ============================================================
   AUTH ERROR/SUCCESS FIX v1
   Убирает красную пустую полоску перед зеленым сообщением.
   Причина была в display:block!important + min-height на пустых
   .login-error/.register-error/.repass-error.
   ============================================================ */

#landing_page #error-login:empty,
#landing_page #error-reg:empty,
#landing_page .login-error:empty,
#landing_page .register-error:empty,
#landing_page .repass-error:empty,
#authModal #error-login:empty,
#authModal #error-reg:empty,
#authModal .login-error:empty,
#authModal .register-error:empty,
#authModal .repass-error:empty {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#authModal .login-error,
#authModal .register-error,
#authModal .repass-error,
#landing_page .login-error,
#landing_page .register-error,
#landing_page .repass-error {
  margin-top: 12px;
  text-align: center !important;
}

#authModal .auth-msg-error,
#landing_page .auth-msg-error {
  display: block !important;
  min-height: 0 !important;
  margin: 12px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(220, 53, 69, .40) !important;
  background: rgba(220, 53, 69, .16) !important;
  color: #ffb4b4 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

#authModal .auth-msg-success,
#landing_page .auth-msg-success {
  display: block !important;
  min-height: 0 !important;
  margin: 12px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(40, 167, 69, .45) !important;
  background: rgba(40, 167, 69, .18) !important;
  color: #bfffcf !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  #authModal.modal {
    align-items: flex-start !important;
    justify-content: center !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px !important;
    box-sizing: border-box;
  }

  #authModal .modal-content {
    width: 100% !important;
    max-width: 520px !important;
    max-height: none !important;
    min-height: auto !important;
    margin: 10px auto 30px auto !important;
    padding: 18px 14px 24px 14px !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  #authModal .modal-close {
    top: 8px !important;
    right: 8px !important;
    z-index: 20;
  }

  #authModal .auth-head {
    padding-right: 36px;
  }

  #authModal .auth-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  #authModal .auth-sub {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  #authModal .auth-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #authModal .auth-tab {
    width: 100% !important;
    min-width: 0 !important;
  }

  #registerForm .table,
  #register-form .table,
  #registerForm tbody,
  #register-form tbody,
  #registerForm tr,
  #register-form tr,
  #registerForm td,
  #register-form td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #registerForm tr,
  #register-form tr {
    margin-bottom: 8px !important;
  }

  #registerForm td,
  #register-form td {
    padding: 5px 0 !important;
    text-align: left !important;
    border-bottom: 0 !important;
  }

  #registerForm td:first-child,
  #register-form td:first-child {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  #registerForm input.val,
  #register-form input.val,
  #registerForm input[type="text"],
  #registerForm input[type="password"],
  #register-form input[type="text"],
  #register-form input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
  }

  #infa-referer-goodref {
    padding: 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .goodref-select-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    max-height: 120px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
  }

  .goodref-user-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    margin: 2px !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    cursor: pointer !important;
  }

  .goodref-user-btn img {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 6px !important;
  }

  .goodref-user-btn span {
    display: none !important;
  }

  #capchaMountLogin,
  #capchaMountRegister,
  #capchaMountRepass {
    width: 100% !important;
    overflow-x: auto !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
  }

  #recaptchaWrap {
    max-width: 100% !important;
    transform: scale(.9);
    transform-origin: left top;
  }

  #register-form button[type="submit"],
  #login-form button[type="submit"],
  #repass-form button[type="submit"] {
    width: 100% !important;
    max-width: 280px !important;
  }

  #register-form button[type="submit"] .btn,
  #login-form button[type="submit"] .btn,
  #repass-form button[type="submit"] .btn {
    width: 100% !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  #recaptchaWrap {
    transform: scale(.82);
    transform-origin: left top;
  }
}

/* ===== Auth modal scroll fix ===== */

#authModal.modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 28px 12px !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
}

#authModal .modal-content {
  position: relative !important;
  width: 100% !important;
  max-width: 640px !important;
  max-height: none !important;
  height: auto !important;
  min-height: auto !important;
  margin: 0 auto 40px auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#authModal .auth-block {
  overflow: visible !important;
}

#authModal .modal-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 50 !important;
}

/* Чтобы после переключения Вход / Регистрация модалка начиналась сверху */
#authModal .auth-block.active {
  display: block;
}

/* ===== Registration form desktop/table fix ===== */

#registerForm .table,
#register-form .table {
  width: 100% !important;
  table-layout: fixed !important;
}

#registerForm td,
#register-form td {
  box-sizing: border-box !important;
}

#registerForm input.val,
#register-form input.val {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ===== Goodref compact view ===== */

.goodref-select-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

.goodref-user-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin: 2px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.goodref-user-btn img {
  width: 44px !important;
  height: 44px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 6px !important;
}

.goodref-user-btn span {
  display: none !important;
}

/* ===== Mobile auth modal fix ===== */

@media (max-width: 768px) {
  #authModal.modal {
    padding: 10px !important;
  }

  #authModal .modal-content {
    max-width: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 18px 14px 24px 14px !important;
  }

  #authModal .modal-close {
    top: 8px !important;
    right: 8px !important;
  }

  #authModal .auth-head {
    padding-right: 34px !important;
  }

  #authModal .auth-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  #authModal .auth-sub {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  #authModal .auth-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #authModal .auth-tab {
    width: 100% !important;
    min-width: 0 !important;
  }

  #registerForm .table,
  #register-form .table,
  #registerForm tbody,
  #register-form tbody,
  #registerForm tr,
  #register-form tr,
  #registerForm td,
  #register-form td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #registerForm tr,
  #register-form tr {
    margin-bottom: 10px !important;
  }

  #registerForm td,
  #register-form td {
    padding: 4px 0 !important;
    text-align: left !important;
    border-bottom: 0 !important;
  }

  #registerForm td:first-child,
  #register-form td:first-child {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  #registerForm input.val,
  #register-form input.val,
  #registerForm input[type="text"],
  #registerForm input[type="password"],
  #register-form input[type="text"],
  #register-form input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
  }

  #infa-referer-goodref {
    padding: 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .goodref-select-list {
    max-height: 110px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
  }

  #capchaMountLogin,
  #capchaMountRegister,
  #capchaMountRepass {
    width: 100% !important;
    overflow-x: auto !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
  }

  #recaptchaWrap {
    max-width: 100% !important;
    transform: scale(.9);
    transform-origin: left top;
  }

  #register-form button[type="submit"],
  #login-form button[type="submit"],
  #repass-form button[type="submit"] {
    width: 100% !important;
    max-width: 280px !important;
  }

  #register-form button[type="submit"] .btn,
  #login-form button[type="submit"] .btn,
  #repass-form button[type="submit"] .btn {
    width: 100% !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  #recaptchaWrap {
    transform: scale(.82);
    transform-origin: left top;
  }
}

/* ===== WORKDAYS WIDE STRIP (safe: CSS only visual, no captcha/auth changes) ===== */
#landing_page .stats-wide{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:22px 0 0 !important;
  padding:10px 18px !important;
  min-height:54px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,214,110,.16) !important;
  background:linear-gradient(180deg, rgba(10,16,32,.92), rgba(6,10,20,.98)) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
  position:relative !important;
  overflow:hidden !important;
}

#landing_page .stats-wide-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffd66e !important;
  background:rgba(255,214,110,.08) !important;
  border:1px solid rgba(255,214,110,.16) !important;
  box-shadow:none !important;
}

#landing_page .stats-wide-icon i{
  font-size:16px !important;
}

#landing_page .stats-wide-text{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  text-align:center !important;
}

#landing_page .stats-wide-label{
  color:#dbe5fb !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

#landing_page .stats-wide-value{
  color:#ffd66e !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

#landing_page[data-theme="light"] .stats-wide{
  border-color:rgba(199,146,31,.18) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,247,255,.98)) !important;
  box-shadow:0 14px 35px rgba(55,84,133,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

#landing_page[data-theme="light"] .stats-wide-label{
  color:#2b3553 !important;
}

#landing_page[data-theme="light"] .stats-wide-value,
#landing_page[data-theme="light"] .stats-wide-icon{
  color:#c7921f !important;
}

#landing_page[data-theme="light"] .stats-wide-icon{
  background:rgba(199,146,31,.08) !important;
  border-color:rgba(199,146,31,.14) !important;
}

@media (max-width:768px){
  #landing_page .stats-wide{
    margin:14px 0 0 !important;
    padding:9px 12px !important;
    min-height:48px !important;
    border-radius:16px !important;
    gap:10px !important;
  }

  #landing_page .stats-wide-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:10px !important;
  }

  #landing_page .stats-wide-icon i{
    font-size:14px !important;
  }

  #landing_page .stats-wide-label{
    font-size:13px !important;
  }

  #landing_page .stats-wide-value{
    font-size:17px !important;
  }
}


/* footer on landing/index page */
body.page-index .landing-footer-stage{
  position:relative;
  z-index:2;
  width:min(1240px, calc(100% - 36px));
  margin:18px auto 36px;
}

body.page-index .landing-footer-stage > .footer{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

body.page-index .landing-footer-stage > .footer .footer_flex{
  position:relative !important;
  width:100% !important;
  padding:16px 20px 12px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214,181,122,0.06) 0%, rgba(214,181,122,0) 34%),
    linear-gradient(180deg, rgba(10,18,30,0.94) 0%, rgba(12,20,32,0.96) 100%) !important;
  border:1px solid rgba(255,255,255,0.075) !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

body.page-index .landing-footer-stage > .footer .footer_flex::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);
  pointer-events:none;
}

body.page-index .landing-footer-stage > .footer .footer_flex::after{
  content:"";
  position:absolute;
  top:-42px;
  left:50%;
  transform:translateX(-50%);
  width:260px;
  height:90px;
  background:radial-gradient(circle, rgba(214,181,122,0.10) 0%, rgba(214,181,122,0) 72%);
  filter:blur(18px);
  pointer-events:none;
  opacity:.8;
}

body.page-index .landing-footer-stage > .footer .footer_link_flex,
body.page-index .landing-footer-stage > .footer .footer_copy_flex{
  position:relative;
  z-index:2;
}

body.page-index .landing-footer-stage > .footer .footer_url_flex{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px 0 !important;
  margin:0 !important;
  padding:0 !important;
}

body.page-index .landing-footer-stage > .footer .footer_url_flex a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:0 16px !important;
  color:rgba(238,243,251,0.72) !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  text-decoration:none !important;
  transition:color .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.page-index .landing-footer-stage > .footer .footer_url_flex a:hover{
  color:#f2e4c0 !important;
  transform:translateY(-1px) !important;
}

body.page-index .landing-footer-stage > .footer .footer_url_flex a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:10px;
  background:rgba(255,255,255,0.08);
}

body.page-index .landing-footer-stage > .footer .footer_url_line{
  display:none !important;
}

body.page-index .landing-footer-stage > .footer .footer_copy_flex{
  margin-top:10px !important;
  padding-top:10px !important;
  text-align:center !important;
  color:rgba(238,243,251,0.44) !important;
  font-size:10px !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

body.page-index .landing-footer-stage > .footer .footer_copy_flex::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:10px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
}

@media (max-width:768px){
  body.page-index .landing-footer-stage{
    width:calc(100% - 24px);
    margin:14px auto 26px;
  }

  body.page-index .landing-footer-stage > .footer .footer_flex{
    padding:14px 12px 11px !important;
    border-radius:16px !important;
  }

  body.page-index .landing-footer-stage > .footer .footer_url_flex{
    flex-direction:column !important;
    gap:8px !important;
  }

  body.page-index .landing-footer-stage > .footer .footer_url_flex a{
    padding:0 !important;
  }

  body.page-index .landing-footer-stage > .footer .footer_url_flex a:not(:last-child)::after{
    display:none !important;
  }
}

/* footer on landing/index page - v2: footer is inside #landing_page, not after fixed mobile container */
#landing_page .landing-footer-stage{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1240px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
}

#landing_page .landing-footer-stage > .footer{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

#landing_page .landing-footer-stage > .footer .footer_flex{
  position:relative !important;
  width:100% !important;
  padding:16px 20px 12px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214,181,122,0.06) 0%, rgba(214,181,122,0) 34%),
    linear-gradient(180deg, rgba(10,18,30,0.94) 0%, rgba(12,20,32,0.96) 100%) !important;
  border:1px solid rgba(255,255,255,0.075) !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

#landing_page .landing-footer-stage > .footer .footer_flex::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);
  pointer-events:none;
}

#landing_page .landing-footer-stage > .footer .footer_flex::after{
  content:"";
  position:absolute;
  top:-42px;
  left:50%;
  transform:translateX(-50%);
  width:260px;
  height:90px;
  background:radial-gradient(circle, rgba(214,181,122,0.10) 0%, rgba(214,181,122,0) 72%);
  filter:blur(18px);
  pointer-events:none;
  opacity:.8;
}

#landing_page .landing-footer-stage > .footer .footer_link_flex,
#landing_page .landing-footer-stage > .footer .footer_copy_flex{
  position:relative !important;
  z-index:2 !important;
}

#landing_page .landing-footer-stage > .footer .footer_url_flex{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px 0 !important;
  margin:0 !important;
  padding:0 !important;
}

#landing_page .landing-footer-stage > .footer .footer_url_flex a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:20px !important;
  padding:0 16px !important;
  color:rgba(238,243,251,0.72) !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  text-decoration:none !important;
  transition:color .2s ease, transform .2s ease, opacity .2s ease !important;
}

#landing_page .landing-footer-stage > .footer .footer_url_flex a:hover{
  color:#f2e4c0 !important;
  transform:translateY(-1px) !important;
}

#landing_page .landing-footer-stage > .footer .footer_url_flex a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:10px;
  background:rgba(255,255,255,0.08);
}

#landing_page .landing-footer-stage > .footer .footer_copy_flex{
  margin-top:10px !important;
  padding-top:10px !important;
  text-align:center !important;
  color:rgba(238,243,251,0.44) !important;
  font-size:10px !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

#landing_page .landing-footer-stage > .footer .footer_copy_flex::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:10px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
}

@media (max-width:768px){
  #landing_page .landing-footer-stage{
    width:100% !important;
    margin:14px auto 0 !important;
  }

  #landing_page .landing-footer-stage > .footer .footer_flex{
    padding:14px 12px 11px !important;
    border-radius:18px !important;
  }

  #landing_page .landing-footer-stage > .footer .footer_url_flex{
    flex-direction:column !important;
    gap:8px !important;
  }

  #landing_page .landing-footer-stage > .footer .footer_url_flex a{
    width:auto !important;
    padding:0 !important;
  }

  #landing_page .landing-footer-stage > .footer .footer_url_flex a:not(:last-child)::after{
    display:none !important;
  }

  #landing_page .landing-footer-stage > .footer .footer_copy_flex{
    margin-top:9px !important;
    padding-top:9px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }
}