body {

  background: #070b16;

  overflow-x: hidden;

}

html.sb-auth-booting .main-nav-links > a[href="auth.html"],
html.sb-auth-booting .main-nav-links > a[href="/auth.html"],
html.sb-auth-booting .main-nav-links > .nav-register-link,
html.sb-auth-booting .main-nav-links > .nav-user-badge {
  display: none !important;
}


.bg-animation {

  position: fixed;

  inset: 0;

  overflow: hidden;

  z-index: -1;

}

.bg-animation span {

  position: absolute;

  display: block;

  border-radius: 50%;

  filter: blur(80px);

  opacity: 0.18;

  animation:
  float 18s infinite linear;

}

.bg-animation span:nth-child(1) {

  width: 300px;
  height: 300px;

  background: #7a5cff;

  top: 10%;
  left: 5%;

}

.bg-animation span:nth-child(2) {

  width: 260px;
  height: 260px;

  background: #9d7bff;

  top: 60%;
  left: 70%;

  animation-duration: 24s;

}

.bg-animation span:nth-child(3) {

  width: 220px;
  height: 220px;

  background: #5c8dff;

  top: 30%;
  left: 80%;

  animation-duration: 30s;

}

.bg-animation span:nth-child(4) {

  width: 350px;
  height: 350px;

  background: #8a2cff;

  top: 75%;
  left: 15%;

  animation-duration: 28s;

}

@keyframes float {

  0% {

    transform:
    translateY(0px)
    translateX(0px);

  }

  50% {

    transform:
    translateY(-60px)
    translateX(40px);

  }

  100% {

    transform:
    translateY(0px)
    translateX(0px);

  }

}
@keyframes pulse {

  0% {

    opacity: 0.4;

    transform: scale(0.96);

  }

  50% {

    opacity: 1;

    transform: scale(1);

  }

  100% {

    opacity: 0.4;

    transform: scale(0.96);

  }

}

html {

  scroll-behavior: smooth;

}

.navbar {

  position: fixed;

  top: 20px;

  left: 50%;

  transform: translateX(-50%);

  width: calc(100% - 40px);

  max-width: 1200px;

  box-sizing: border-box;

  z-index: 1000;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 16px 24px;

  border-radius: 20px;

  background:
  rgba(10,10,20,0.7);

  backdrop-filter: blur(20px);

  border:
  1px solid rgba(255,255,255,0.08);

}

.nav-logo {

  font-size: 24px;

  font-weight: 800;

  color: white;

}

.nav-links {

  display: flex;

  gap: 20px;

}

.nav-links a {

  color: #cfcfcf;

  text-decoration: none;

  font-weight: 600;

  transition: 0.3s;

}

.nav-links a:hover {

  color: #9d7bff;

}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #0d0d0d;
  color: white;
}

header {
  text-align: center;
  padding: 40px 20px;
}

header h1 {
  font-size: 40px;
  margin-bottom: 10px;
}

header p {
  color: #999;
}

.services {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 20px;
  backdrop-filter: blur(20px);
  transition: 0.35s;
  cursor: pointer;
}
.card:hover {

  transform:
  translateY(-8px);

  border:
  1px solid rgba(157,123,255,0.35);

  box-shadow:
  0 0 40px
  rgba(157,123,255,0.18);

}

.card h2 {
  margin-top: 0;
}

.price {
  font-size: 24px;
  margin: 10px 0;
  color: #00ff99;
}

.card ul {
  padding-left: 20px;
  color: #ccc;
}

.card input {
  width: 100%;
  padding: 15px;
  margin-top: 15px;
  border-radius: 12px;
  border: none;
  background: #1a1a1a;
  color: white;
  font-size: 16px;
}

.total {
  margin-top: 15px;
  font-size: 20px;
}

.card button {

  width: 100%;

  padding: 15px;

  margin-top: 15px;

  border: none;

  border-radius: 14px;

  background:
  linear-gradient(
    135deg,
    #7a5cff,
    #9d7bff,
    #5c8dff
  );

  background-size:
  300% 300%;

  animation:
  gradientMove 5s ease infinite;

  color: white;

  font-size: 18px;

  font-weight: 700;

  cursor: pointer;

  transition: 0.3s;

  box-shadow:
  0 0 25px
  rgba(122,92,255,0.35);

}
.card button:hover {

  transform:
  translateY(-3px);

  box-shadow:
  0 0 40px
  rgba(122,92,255,0.55);

}


.support {
  padding: 30px;
  text-align: center;
}

.support a {
  color: #00ff99;
  text-decoration: none;
  font-size: 20px;
}
.modal {

  position: fixed;

  inset: 0;

  background:
  rgba(0,0,0,0.7);

  backdrop-filter: blur(12px);

  display: none;

  justify-content: center;

  align-items: center;

  z-index: 9999;

  animation:
  fadeIn 0.35s ease;

}

.modal-content {

  width: 92%;

  max-width: 430px;

  padding: 35px;

  border-radius: 28px;

  background:
  rgba(15,15,25,0.92);

  backdrop-filter: blur(30px);

  border:
  1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 0 60px
  rgba(122,92,255,0.18);

  position: relative;

  animation:
  modalShow 0.35s ease;

}

.close {

  position: absolute;

  right: 20px;
  top: 15px;

  font-size: 30px;

  color: white;

}

.modal-content h2 {

  margin-top: 0;

}

.order-info p {

  color: #ccc;

}

.modal-content input {

  width: 100%;

  padding: 16px;

  margin-top: 20px;

  border-radius: 16px;

  border:
  1px solid rgba(255,255,255,0.08);

  background:
  rgba(255,255,255,0.04);

  color: white;

  font-size: 16px;

  outline: none;

  transition: 0.3s;

}
.modal-content input:focus {

  border:
  1px solid rgba(157,123,255,0.6);

  box-shadow:
  0 0 25px
  rgba(157,123,255,0.18);

}

#payButton {

  width: 100%;

  padding: 16px;

  margin-top: 24px;

  border: none;

  border-radius: 16px;

  background:
  linear-gradient(
    135deg,
    #7a5cff,
    #9d7bff,
    #5c8dff
  );

  background-size:
  300% 300%;

  animation:
  gradientMove 5s ease infinite;

  color: white;

  font-size: 18px;

  font-weight: 700;

  cursor: pointer;

  transition: 0.3s;

  box-shadow:
  0 0 30px
  rgba(122,92,255,0.35);

}

.hero {

  min-height: 90vh;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 40px 20px;

  background:
  radial-gradient(circle at top,
  rgba(120, 70, 255, 0.25),
  transparent 40%),

  #070b16;

}

.hero-content {

  max-width: 800px;

}

.hero h1 {

  font-size: 72px;

  font-weight: 800;

  margin-bottom: 20px;

  background:
  linear-gradient(
    90deg,
    #ffffff,
    #9d7bff
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.hero-subtitle {

  font-size: 24px;

  color: #cfcfcf;

  margin-bottom: 40px;

}

.hero-badges {

  display: flex;

  gap: 15px;

  justify-content: center;

  flex-wrap: wrap;

  margin-bottom: 40px;

}

.hero-badges span {

  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(255,255,255,0.08);

  padding: 12px 18px;

  border-radius: 14px;

  color: #fff;

  font-size: 15px;

}

.hero-button {

  display: inline-block;

  padding: 18px 34px;

  border-radius: 16px;

  background:
  linear-gradient(
    135deg,
    #7a5cff,
    #9d7bff
  );

  color: white;

  text-decoration: none;

  font-weight: 700;

  font-size: 18px;

  transition: 0.3s;

  box-shadow:
  0 0 30px
  rgba(122,92,255,0.45);

}

.hero-button:hover {

  transform: translateY(-3px);

  box-shadow:
  0 0 45px
  rgba(122,92,255,0.65);

}
.statusBadge {

  display: inline-block;

  padding: 10px 16px;

  border-radius: 12px;

  font-weight: 700;

  margin-top: 10px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  color: white;

}

.processStatus {

  background:
  rgba(255, 193, 7, 0.15);

  border:
  1px solid rgba(255, 193, 7, 0.4);

  color: #ffd54f;

}

.doneStatus {

  background:
  rgba(76, 175, 80, 0.15);

  border:
  1px solid rgba(76, 175, 80, 0.4);

  color: #81ff9b;

}

.cancelStatus {

  background:
  rgba(244, 67, 54, 0.15);

  border:
  1px solid rgba(244, 67, 54, 0.4);

  color: #ff8a80;

}

.reviews,
.faq {

  padding: 80px 20px;

}

.reviews h2,
.faq h2 {

  text-align: center;

  font-size: 40px;

  margin-bottom: 40px;

}

.review-grid {

  display: grid;

  gap: 20px;

}

.review-card {

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  border-radius: 20px;

  padding: 25px;

  backdrop-filter: blur(20px);
  transition: 0.3s;
}

.review-card:hover {

  transform:
  translateY(-6px);

  box-shadow:
  0 0 35px
  rgba(157,123,255,0.15);

}

.review-card p {

  color: #fff;

  line-height: 1.6;

}

.review-card span {

  display: block;

  margin-top: 20px;

  color: #9d7bff;

}

.faq-item {

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  border-radius: 18px;

  padding: 25px;

  margin-bottom: 20px;

}

.faq-item h3 {

  margin-top: 0;

}

.faq-item p {

  color: #bdbdbd;

}

.footer {

  margin-top: 100px;

  padding: 60px 20px;

  text-align: center;

  background:
  rgba(255,255,255,0.03);

  border-top:
  1px solid rgba(255,255,255,0.08);

}

.footer-logo {

  font-size: 34px;

  font-weight: 800;

  margin-bottom: 15px;

  background:
  linear-gradient(
    90deg,
    #ffffff,
    #9d7bff
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.footer p {

  color: #bdbdbd;

  margin-bottom: 20px;

}

.footer a {

  color: #9d7bff;

  text-decoration: none;

  font-weight: 700;

}

.footer-copy {

  margin-top: 30px;

  color: #666;

  font-size: 14px;

}
.stats {

  display: grid;

  grid-template-columns:
  repeat(auto-fit, minmax(220px,1fr));

  gap: 20px;

  padding: 60px 20px;

}

.stat-card {

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  border-radius: 20px;

  padding: 35px;

  text-align: center;

  backdrop-filter: blur(20px);

  transition: 0.3s;

}

.stat-card:hover {

  transform:
  translateY(-6px);

  box-shadow:
  0 0 35px
  rgba(157,123,255,0.15);

}

.stat-card h2 {

  font-size: 48px;

  margin: 0;

  background:
  linear-gradient(
    90deg,
    #ffffff,
    #9d7bff
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.stat-card p {

  margin-top: 15px;

  color: #bdbdbd;

}
@keyframes gradientMove {

  0% {

    background-position:
    0% 50%;

  }

  50% {

    background-position:
    100% 50%;

  }

  100% {

    background-position:
    0% 50%;

  }

}
@keyframes modalShow {

  from {

    opacity: 0;

    transform:
    translateY(30px)
    scale(0.96);

  }

  to {

    opacity: 1;

    transform:
    translateY(0)
    scale(1);

  }

}

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}
.my-orders {

  padding:
  180px 20px 80px;

}

.my-orders h2 {

  text-align: center;

  font-size: 42px;

  margin-bottom: 40px;

}

#ordersList {

  display: grid;

  gap: 20px;

}

.order-card {

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  border-radius: 20px;

  padding: 25px;

  backdrop-filter: blur(20px);

}

.order-card h3 {

  margin-top: 0;

}

.emptyOrders {

  text-align: center;

  color: #888;

}
.my-orders {

  margin-top: 140px !important;

}
.my-orders-page {

  padding-top: 160px;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 80px;

}
.my-orders-page {

  padding-top: 180px !important;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 80px;

}
.admin-link {

  display: block;

  margin-top: 20px;

  text-align: center;

  font-size: 13px;

  color: rgba(255,255,255,0.25);

  text-decoration: none;

  transition: 0.3s;

}

.admin-link:hover {

  color: #9d7bff;

}
.progressBar {

  width: 100%;

  height: 12px;

  margin-top: 15px;

  border-radius: 20px;

  overflow: hidden;

  background:
  rgba(255,255,255,0.08);

}

.progressFill {

  height: 100%;

  border-radius: 20px;

  background:
  linear-gradient(
    90deg,
    #7a5cff,
    #9d7bff,
    #5c8dff
  );

  box-shadow:
  0 0 20px
  rgba(122,92,255,0.45);

  transition: 0.5s;

}
#toastContainer {

  position: fixed;

  top: 110px;

  right: 20px;

  z-index: 99999;

  display: flex;

  flex-direction: column;

  gap: 12px;

}

.toast {

  min-width: 260px;

  padding: 16px 20px;

  border-radius: 18px;

  color: white;

  font-weight: 600;

  backdrop-filter: blur(20px);

  animation:
  toastShow 0.4s ease;

  box-shadow:
  0 0 30px
  rgba(0,0,0,0.25);

}

.toast.process {

  background:
  rgba(255,180,0,0.18);

  border:
  1px solid rgba(255,180,0,0.4);

}

.toast.done {

  background:
  rgba(0,255,120,0.16);

  border:
  1px solid rgba(0,255,120,0.35);

}

.toast.cancel {

  background:
  rgba(255,70,70,0.16);

  border:
  1px solid rgba(255,70,70,0.35);

}

@keyframes toastShow {

  from {

    opacity: 0;

    transform:
    translateX(40px);

  }

  to {

    opacity: 1;

    transform:
    translateX(0);

  }

}

.adminFilters {

  position: sticky;

  top: 20px;

  z-index: 999;

  display: flex;

  gap: 12px;

  overflow-x: auto;

  padding: 20px;

  margin-bottom: 20px;

  backdrop-filter: blur(20px);

}

.filterBtn {

  border: none;

  padding: 12px 18px;

  border-radius: 14px;

  background:
  rgba(255,255,255,0.06);

  color: white;

  cursor: pointer;

  font-weight: 700;

  transition: 0.3s;

}

.filterBtn:hover {

  background:
  rgba(157,123,255,0.2);

}

.activeFilter {

  background:
  linear-gradient(
    135deg,
    #7a5cff,
    #9d7bff
  );

}
.footer-links {

  display: flex;

  justify-content: center;

  gap: 20px;

  margin-top: 20px;

  flex-wrap: wrap;

}

.footer-links a {

  color: #bdbdbd;

  text-decoration: none;

  transition: 0.3s;

}

.footer-links a:hover {

  color: #9d7bff;

}
.telegram-support {

position: fixed;

right: 20px;

bottom: 20px;

width: 60px;

height: 60px;

border-radius: 50%;

background: linear-gradient(
135deg,
#7b5cff,
#9d7bff
);

display: flex;

align-items: center;

justify-content: center;

font-size: 30px;

color: white;

text-decoration: none;

box-shadow:
0 0 25px rgba(123,92,255,.7);

z-index: 9999;

transition: .3s;

}

.telegram-support:hover {

transform: scale(1.1);

box-shadow:
0 0 35px rgba(123,92,255,1);

}
#live-orders {

position: fixed;

left: 20px;

bottom: 20px;

z-index: 9999;

display: flex;

flex-direction: column;

gap: 10px;
max-width: 280px;
pointer-events: none;

}

.live-order {

background: rgba(15,15,25,.95);

border: 1px solid rgba(140,100,255,.3);

backdrop-filter: blur(10px);

padding: 14px 18px;

border-radius: 16px;

color: white;

font-size: 14px;

box-shadow:
0 0 25px rgba(123,92,255,.35);

animation:
slideIn .5s ease;

max-width: 260px;

}

@keyframes slideIn {

from {

opacity: 0;

transform:
translateY(30px);

}

to {

opacity: 1;

transform:
translateY(0);

}

}
.input-error{

color:#ff4d4d;

font-size:14px;

margin-top:8px;

display:none;

font-weight:600;

}
.comment-buttons{

display:flex;
gap:10px;
margin-top:20px;
margin-bottom:20px;

}

.comment-option{

flex:1;
padding:15px;
border:none;
border-radius:14px;
background:#1b1b1b;
color:white;
font-size:20px;
font-weight:700;
cursor:pointer;
transition:0.3s;

}

.comment-option.active{

background:#8b5cf6;
box-shadow:0 0 20px #8b5cf6;

}
.input-error{

color:#ff4d4d;
font-size:14px;
margin-top:10px;
display:none;

}
.orders-title{

text-align:center;
margin-top:40px;
font-size:36px;
font-weight:700;

}

#orders-list{

max-width:900px;
margin:40px auto;
display:flex;
flex-direction:column;
gap:20px;
padding:20px;

}

.order-card{

background:#111;
border:1px solid #222;
border-radius:20px;
padding:25px;
color:white;

}

.empty-orders{

text-align:center;
margin-top:100px;
font-size:24px;
opacity:0.7;

}
.order-link {
  display: inline-block;
  margin-top: 10px;
  color: #8b5cf6;
  text-decoration: none;
  font-weight: 600;
}
.footer {

  margin-top: 60px;

  padding: 30px;

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  justify-content: center;

  align-items: center;

}

.footer a {

  color: white;

  text-decoration: none;

  font-size: 14px;

  opacity: 0.8;

  transition: 0.3s;

}

.footer a:hover {

  opacity: 1;

}
.payment-notice {
  margin: 15px 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(122, 92, 255, 0.14);
  border: 1px solid rgba(122, 92, 255, 0.35);
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
}
.seo-block {

  max-width: 900px;

  margin: 80px auto 40px;

  padding: 30px;

  color: white;

  opacity: 0.9;

  line-height: 1.7;

}

.seo-block h2 {

  margin-bottom: 20px;

  font-size: 28px;

}

.seo-block p {

  margin-bottom: 15px;

  font-size: 16px;

}
.requisites-block {

  max-width: 700px;

  margin: 60px auto;

  padding: 30px;

  border-radius: 20px;

  background: rgba(255,255,255,0.04);

  border: 1px solid rgba(255,255,255,0.08);

  color: white;

  line-height: 1.8;

}
.legal-page {

  max-width: 900px;

  margin: 60px auto;

  padding: 30px;

  color: white;

  line-height: 1.8;

}

.payment-buttons{

display:flex;
gap:12px;
margin-top:20px;

}

.payment-method-btn{

flex:1;
padding:16px;
border:none;
border-radius:16px;
background:
linear-gradient(
135deg,
#7a5cff,
#9d7bff
);

color:white;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:.3s;

}

.payment-method-btn:hover{

transform:translateY(-2px);

}


/* Final order/payment fixes */
.payment-buttons{
  display:flex;
  gap:12px;
  margin-top:20px;
}

.payment-method-btn{
  flex:1;
  padding:15px 12px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,#7a5cff,#9d7bff,#5c8dff);
  color:white;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:.3s;
  box-shadow:0 0 22px rgba(122,92,255,.28);
}

.payment-method-btn:hover{
  transform:translateY(-2px);
}

.payment-method-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

.crypto-btn{
  background:linear-gradient(135deg,#1f2937,#7a5cff);
}

.compact-order-card{
  padding:18px !important;
  border-radius:18px !important;
}

.order-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.order-id{
  display:inline-block;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(157,123,255,.12);
  border:1px solid rgba(157,123,255,.25);
  color:#c9b8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.4px;
}

.compact-order-card h2{
  font-size:20px !important;
  margin:8px 0 12px !important;
}

.order-meta{
  display:grid;
  gap:6px;
  margin-bottom:10px;
}

.order-meta p{
  margin:0;
  font-size:14px;
  color:#d6d6d6;
}

.small-progress{
  height:9px !important;
  margin-top:14px !important;
}

.waitStatus{
  background:rgba(160,160,160,.14);
  border:1px solid rgba(160,160,160,.35);
  color:#d0d0d0;
}

.partialStatus{
  background:rgba(255,152,0,.15);
  border:1px solid rgba(255,152,0,.4);
  color:#ffcc80;
}

@media (max-width: 520px){
  .payment-buttons{
    flex-direction:column;
  }

  .order-card-top{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Platform services layout */
.section-heading {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 24px;
  padding: 0 20px;
}

.section-heading h2 {
  font-size: 38px;
  margin-bottom: 10px;
}

.section-heading p {
  color: #bdbdbd;
  line-height: 1.6;
}

.platform-tabs {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 10px auto 30px;
  padding: 0 20px;
}

.platform-btn {
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  color: white;
  border-radius: 16px;
  padding: 13px 18px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.3s;
}

.platform-btn:hover,
.platform-btn.active {
  background: linear-gradient(135deg, #7a5cff, #9d7bff);
  box-shadow: 0 0 25px rgba(122,92,255,0.35);
  transform: translateY(-2px);
}

.services-grid {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.service-card {
  display: none;
  min-height: auto;
}

.service-card.active-service {
  display: block;
}

.service-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(157,123,255,0.14);
  color: #d8ccff;
  font-size: 12px;
  font-weight: 800;
}

.service-card h2 {
  font-size: 21px;
  line-height: 1.25;
}

.service-card ul {
  min-height: 78px;
}

.payment-buttons {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.payment-method-btn {
  flex: 1;
  padding: 16px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, #7a5cff, #9d7bff, #5c8dff);
  background-size: 300% 300%;
  animation: gradientMove 5s ease infinite;
  color: white;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0 0 25px rgba(122,92,255,0.30);
}

.payment-method-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 35px rgba(122,92,255,0.5);
}

@media (max-width: 520px) {
  .services-grid {
    grid-template-columns: 1fr;
  }

  .payment-buttons {
    flex-direction: column;
  }

  .section-heading h2 {
    font-size: 30px;
  }
}
.seo-title{

font-size: 28px;
font-weight: 700;
line-height: 1.3;

max-width: 700px;

margin: 20px auto;

text-align: center;

color: #d8b4ff;

padding: 0 20px;

}

@media (max-width: 768px){

.seo-title{

font-size: 22px;

}

}

/* Giveaway page */
.giveaway-teaser{
  max-width: 760px;
  margin: 28px auto 0;
  padding: 24px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(126,78,255,0.22), rgba(13,13,25,0.92));
  border: 1px solid rgba(157,123,255,0.45);
  box-shadow: 0 0 45px rgba(126,78,255,0.20);
  text-align: center;
}
.giveaway-teaser-badge,
.giveaway-status{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(157,123,255,0.18);
  color: #d8c7ff;
  border: 1px solid rgba(157,123,255,0.28);
  font-weight: 800;
}
.giveaway-teaser h3{
  font-size: 28px;
  margin: 18px 0 10px;
}
.giveaway-teaser p{
  color: #d0d0d0;
  line-height: 1.6;
}
.giveaway-teaser-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 16px 26px;
  border-radius: 18px;
  color: white;
  text-decoration: none;
  font-weight: 900;
  background: linear-gradient(135deg, #7a5cff, #9d7bff);
  box-shadow: 0 0 28px rgba(157,123,255,0.36);
}
.giveaway-page{
  width: min(1120px, calc(100% - 28px));
  margin: 0 auto;
  padding: 130px 0 60px;
}
.giveaway-hero-card{
  padding: 28px;
  border-radius: 30px;
  background: radial-gradient(circle at 50% 0%, rgba(157,123,255,0.26), rgba(8,8,15,0.96) 55%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 0 60px rgba(157,123,255,0.16);
  text-align: center;
}
.giveaway-hero-card h1{
  max-width: 900px;
  margin: 20px auto 12px;
  font-size: clamp(34px, 6vw, 74px);
  line-height: 1.05;
  color: #f2ecff;
}
.giveaway-lead{
  max-width: 780px;
  margin: 0 auto 22px;
  color: #d5d5d5;
  font-size: 20px;
  line-height: 1.55;
}
.giveaway-poster{
  width: min(780px, 100%);
  border-radius: 26px;
  border: 1px solid rgba(157,123,255,0.42);
  box-shadow: 0 0 55px rgba(157,123,255,0.25);
  margin: 18px auto;
  display: block;
}
.giveaway-prize-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 22px;
}
.giveaway-mini-card{
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  text-align: left;
}
.giveaway-mini-card strong,
.giveaway-mini-card span{
  display: block;
}
.giveaway-mini-card span{
  color: #cfcfcf;
  margin-top: 8px;
  line-height: 1.4;
}
.giveaway-steps,
.gift-result,
.giveaway-form{
  margin-top: 24px;
}
.giveaway-steps ol{
  color: #d7d7d7;
  line-height: 1.8;
  font-size: 18px;
}
.giveaway-steps a{
  color: #a889ff;
  font-weight: 800;
}
.giveaway-actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.secondary-gift-btn{
  border: none;
  cursor: pointer;
}
.giveaway-form label{
  display: block;
  margin-top: 14px;
  margin-bottom: 8px;
  color: #d8d8d8;
  font-weight: 700;
}
.giveaway-form input,
.giveaway-form select{
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 14px;
  border: 1px solid rgba(157,123,255,0.35);
  background: rgba(0,0,0,0.32);
  color: white;
  font-size: 16px;
}
.form-hint{
  color: #cfcfcf;
  line-height: 1.55;
}
.form-hint.small{
  font-size: 14px;
  color: #aaa;
}
.gift-id{
  color: #d8c7ff;
  font-weight: 800;
}
@media (max-width: 760px){
  .giveaway-prize-grid{ grid-template-columns: 1fr; }
  .giveaway-actions{ flex-direction: column; }
  .giveaway-hero-card{ padding: 20px; }
  .giveaway-teaser h3{ font-size: 22px; }
}


/* === Mobile header/menu alignment fix === */
.navbar{
  gap: 14px;
}

.main-nav-links{
  align-items: center;
}

.menu-toggle{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: 14px;
  padding: 10px 14px;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
}

.menu-toggle:hover{
  background: linear-gradient(135deg,#7a5cff,#9d7bff);
  box-shadow: 0 0 22px rgba(122,92,255,.35);
}

.nav-menu{
  position: absolute;
  right: 18px;
  top: calc(100% + 10px);
  min-width: 210px;
  display: none;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,20,.94);
  backdrop-filter: blur(20px);
  box-shadow: 0 18px 45px rgba(0,0,0,.45), 0 0 30px rgba(122,92,255,.16);
  z-index: 1100;
}

.nav-menu.open{
  display: flex;
}

.nav-menu a{
  color: #eee;
  text-decoration: none;
  font-weight: 800;
  padding: 12px 14px;
  border-radius: 12px;
}

.nav-menu a:hover{
  background: rgba(157,123,255,.16);
  color: #fff;
}

.hero-content,
.section-heading,
.giveaway-teaser,
.service-card{
  text-align: center;
}

.hero-button,
.giveaway-teaser-btn,
.platform-btn{
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 760px){
  .navbar{
    top: 16px;
    width: calc(100% - 28px);
    padding: 14px 16px;
    border-radius: 22px;
  }

  .nav-logo{
    font-size: 28px;
    line-height: 1.05;
    max-width: 130px;
  }

  .main-nav-links{
    gap: 8px;
  }

  .main-nav-links > a{
    font-size: 14px;
  }

  .menu-toggle{
    padding: 9px 11px;
    font-size: 0;
  }

  .menu-toggle::before{
    content: '☰';
    font-size: 22px;
    line-height: 1;
  }

  .nav-menu{
    left: 14px;
    right: 14px;
    top: calc(100% + 10px);
    min-width: auto;
  }

  .hero{
    padding-top: 150px;
  }

  .hero h1{
    font-size: clamp(62px, 19vw, 104px);
    line-height: .95;
    margin-bottom: 18px;
  }

  .seo-title{
    font-size: 25px !important;
    line-height: 1.25 !important;
    max-width: 360px;
  }

  .hero-subtitle{
    font-size: 25px;
    line-height: 1.25;
  }

  .hero-badges{
    align-items: center;
  }

  .hero-badges span{
    width: min(320px, 86vw);
    justify-content: center;
    box-sizing: border-box;
  }

  .hero-socials{
    max-width: 360px;
  }

  .hero-socials span{
    width: 145px;
    justify-content: center;
    box-sizing: border-box;
  }

  .platform-tabs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: min(390px, calc(100% - 28px));
    padding: 0;
  }

  .platform-btn{
    width: 100%;
    min-height: 58px;
  }

  .platform-btn:nth-child(5){
    grid-column: 1 / -1;
  }

  .service-card{
    overflow: hidden;
  }
}

@media (max-width: 430px){
  .nav-logo{
    font-size: 25px;
    max-width: 120px;
  }

  .main-nav-links > a{
    font-size: 13px;
  }

  .navbar{
    padding: 13px 14px;
  }
}

/* VK buttons */
.vk-support{
position:fixed;
right:20px;
bottom:95px;
width:60px;
height:60px;
border-radius:50%;
background:linear-gradient(135deg,#0077ff,#5ba3ff);
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:800;
color:#fff;
text-decoration:none;
box-shadow:0 0 25px rgba(0,119,255,.6);
z-index:9999;
}

.vk-btn{
background:linear-gradient(135deg,#0077ff,#5ba3ff)!important;
box-shadow:0 0 25px rgba(0,119,255,.35)!important;
}

.social-action-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:16px;
}

@media(max-width:760px){
.social-action-buttons{
flex-direction:column;
}
}

/* === Bonus pages: subscription gate, fortune wheel, daily gift === */
.bonus-page{
  width:min(1080px, calc(100% - 28px));
  margin:0 auto;
  padding:140px 0 70px;
}
.bonus-hero,
.bonus-subscribe,
.wheel-card,
.daily-card,
.bonus-result{
  max-width:760px;
  margin:24px auto 0;
  text-align:center;
}
.bonus-hero{
  padding:34px 24px;
  background:radial-gradient(circle at 50% 0%, rgba(157,123,255,.25), rgba(12,12,22,.92) 60%);
}
.bonus-hero h1{
  margin:18px auto 10px;
  font-size:clamp(36px, 7vw, 72px);
  line-height:1.04;
  color:#f2ecff;
}
.bonus-hero p,
.bonus-subscribe p,
.bonus-result p,
.bonus-note{
  max-width:760px;
  margin:0 auto 16px;
  color:#d7d7d7;
  font-size:18px;
  line-height:1.55;
}
.bonus-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin:18px 0;
}
.vk-action{
  background:linear-gradient(135deg,#0077ff,#39a0ff) !important;
  box-shadow:0 0 30px rgba(0,119,255,.38) !important;
}
.bonus-check{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:18px auto;
  color:#f1ecff;
  font-weight:800;
}
.bonus-check input{
  width:20px;
  height:20px;
  accent-color:#8b5cf6;
}
.bonus-contact-input,
.bonus-form-grid input,
.bonus-form-grid select{
  width:100%;
  box-sizing:border-box;
  padding:15px;
  border-radius:14px;
  border:1px solid rgba(157,123,255,.35);
  background:rgba(0,0,0,.32);
  color:white;
  font-size:16px;
  outline:none;
}
.bonus-contact-input{
  max-width:520px;
  display:block;
  margin:14px auto;
}
.bonus-form-grid{
  display:grid;
  gap:12px;
  margin:18px 0;
}
.wheel-wrap{
  position:relative;
  width:min(390px, 82vw);
  height:min(390px, 82vw);
  margin:10px auto 26px;
}
.wheel-pointer{
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  color:#fff;
  font-size:36px;
  text-shadow:0 0 18px rgba(157,123,255,.95);
}
.fortune-wheel{
  width:100%;
  height:100%;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  border:8px solid rgba(216,199,255,.92);
  background:conic-gradient(from 0deg,#7a5cff 0 60deg,#141428 60deg 120deg,#9d7bff 120deg 180deg,#141428 180deg 240deg,#5c8dff 240deg 300deg,#21123f 300deg 360deg);
  box-shadow:0 0 50px rgba(157,123,255,.45), inset 0 0 34px rgba(0,0,0,.58);
  transition:transform 2.6s cubic-bezier(.12,.75,.16,1);
}
.fortune-wheel::before{
  content:'';
  position:absolute;
  inset:14px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 35px rgba(255,255,255,.08);
}
.fortune-wheel::after{
  content:'SMM';
  position:absolute;
  inset:50%;
  width:96px;
  height:96px;
  margin:-48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:23px;
  background:#0c0c18;
  color:white;
  border:5px solid rgba(255,255,255,.74);
  box-shadow:0 0 28px rgba(0,0,0,.55), 0 0 22px rgba(157,123,255,.34);
  z-index:2;
}
.fortune-wheel span{
  position:absolute;
  left:50%;
  top:50%;
  width:116px;
  height:34px;
  margin-left:-58px;
  margin-top:-17px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-size:12px;
  font-weight:900;
  line-height:1.05;
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.85);
  z-index:1;
}
.bonus-timer{
  color:#d8c7ff;
  font-weight:900;
  margin-top:16px;
  font-size:19px;
}
.daily-gift-icon{
  width:120px;
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 18px;
  border-radius:32px;
  font-size:62px;
  background:linear-gradient(135deg, rgba(122,92,255,.28), rgba(157,123,255,.12));
  border:1px solid rgba(157,123,255,.35);
  box-shadow:0 0 45px rgba(157,123,255,.24);
  animation:pulse 2.2s infinite ease-in-out;
}
.order-btn:disabled,
.card button:disabled{
  opacity:.62;
  cursor:not-allowed;
  transform:none !important;
}
@media(max-width:520px){
  .bonus-page{padding-top:130px;}
  .bonus-actions{flex-direction:column;}
  .wheel-wrap{width:min(350px, 86vw); height:min(350px, 86vw);}
  .fortune-wheel span{font-size:11px; width:104px; margin-left:-52px;}
}


/* Bonus subscribe validation + cleaner wheel labels */
.bonus-error{
  max-width:520px;
  margin:10px auto 0;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,56,56,.16);
  border:1px solid rgba(255,56,56,.55);
  color:#ff7b7b;
  font-weight:900;
  text-align:center;
  box-shadow:0 0 22px rgba(255,56,56,.16);
}
.bonus-btn-error{
  background:linear-gradient(135deg,#ff3b3b,#b91c1c) !important;
  box-shadow:0 0 25px rgba(255,56,56,.45) !important;
}
.fortune-wheel span{
  width:96px !important;
  height:44px !important;
  margin-left:-48px !important;
  margin-top:-22px !important;
  padding:4px 6px;
  border-radius:12px;
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
  font-size:11px !important;
  line-height:1.12 !important;
}
@media (max-width: 760px){
  .fortune-wheel span{font-size:10px !important;width:84px !important;margin-left:-42px !important;}
}

/* Shared mutuals page */
.mutuals-page{
  width:min(980px, calc(100% - 28px));
  margin:0 auto;
  padding:140px 0 70px;
  color:white;
}

.mutuals-hero{
  text-align:center;
  padding:30px !important;
}

.mutuals-hero h1{
  font-size:clamp(38px, 8vw, 72px);
  margin:18px 0 10px;
  background:linear-gradient(90deg,#fff,#a889ff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.mutuals-sub{
  color:#cfcfcf;
  font-size:19px;
  line-height:1.55;
  max-width:720px;
  margin:0 auto 24px;
}

.mutuals-info-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-top:20px;
}

.mutuals-info-grid div{
  padding:18px;
  border-radius:18px;
  background:rgba(157,123,255,.10);
  border:1px solid rgba(157,123,255,.24);
}

.mutuals-info-grid b,
.mutuals-info-grid span{
  display:block;
}

.mutuals-info-grid b{
  font-size:22px;
  color:#d8c7ff;
  margin-bottom:8px;
}

.mutuals-info-grid span{
  color:#bdbdbd;
  line-height:1.4;
}

.mutuals-form,
.mutuals-list-wrap{
  margin-top:22px;
}

.mutuals-form label{
  display:block;
  margin:14px 0 8px;
  color:#dcdcdc;
  font-weight:800;
}

.mutuals-form input,
.mutuals-form select{
  width:100%;
  box-sizing:border-box;
  padding:16px;
  border-radius:16px;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(157,123,255,.30);
  color:white;
  font-size:16px;
  outline:none;
}

.mutuals-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}

.mutuals-list-head h2{
  margin:0 0 6px;
}

.mutuals-list-head p{
  margin:0;
  color:#bdbdbd;
}

.mutual-refresh,
.mutual-boost-btn{
  border:none;
  cursor:pointer;
  color:white;
  font-weight:900;
  border-radius:14px;
  background:linear-gradient(135deg,#7a5cff,#9d7bff,#5c8dff);
  box-shadow:0 0 24px rgba(122,92,255,.25);
}

.mutual-refresh{
  padding:13px 16px;
  white-space:nowrap;
}

.mutuals-list{
  display:grid;
  gap:16px;
}

.mutual-card{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 0 28px rgba(0,0,0,.18);
}

.mutual-card.my-profile{
  border:2px solid rgba(157,123,255,.65);
  background:linear-gradient(135deg, rgba(157,123,255,.18), rgba(255,255,255,.045));
  box-shadow:0 0 35px rgba(157,123,255,.22);
}

.mutual-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.mutual-card h3{
  margin:0 0 12px;
  font-size:24px;
}

.mutual-card p{
  color:#d6d6d6;
}

.mutual-badge{
  display:inline-block;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(157,123,255,.16);
  color:#d8c7ff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.mutual-badge.done{
  background:rgba(0,255,120,.12);
  color:#81ff9b;
}

.mutual-open-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
  padding:13px 18px;
  border-radius:15px;
  background:rgba(157,123,255,.12);
  border:1px solid rgba(157,123,255,.30);
  color:#d8c7ff;
  text-decoration:none;
  font-weight:900;
}

.mutual-boost-btn{
  display:block;
  width:100%;
  margin-top:14px;
  padding:14px;
  font-size:16px;
}

.mutual-boost-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
}

.timer{
  margin-top:12px;
  color:#d8c7ff;
  font-weight:900;
}

.mutual-empty{
  text-align:center;
  padding:26px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  color:#cfcfcf;
}

.boost-box{
  margin-top:26px;
  padding:30px;
  border-radius:26px;
  background:linear-gradient(135deg, rgba(122,92,255,.18), rgba(15,15,25,.92));
  border:1px solid rgba(157,123,255,.28);
  text-align:center;
}

.boost-box a{
  display:inline-block;
  margin-top:16px;
  padding:16px 24px;
  border-radius:16px;
  background:linear-gradient(135deg,#7a5cff,#9d7bff);
  color:white;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 0 26px rgba(157,123,255,.35);
}

@media(max-width:760px){
  .mutuals-info-grid{grid-template-columns:1fr;}
  .mutuals-list-head{flex-direction:column; align-items:stretch;}
  .mutual-refresh{width:100%;}
  .mutual-card-top{flex-direction:column;}
  .mutuals-page{padding-top:130px;}
}


/* === Restructure update: clean main page, menu-only pages, sales pages === */
.hero-page-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.hero-small-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  transition:.25s;
}
.hero-small-button img{width:22px;height:22px;}
.hero-small-button:hover{
  transform:translateY(-2px);
  border-color:rgba(157,123,255,.45);
  box-shadow:0 0 24px rgba(157,123,255,.22);
}
.services-page-main{
  padding:150px 0 80px;
}
.services-page-heading h1{
  font-size:clamp(36px,6vw,64px);
  margin:0 0 14px;
  color:#fff;
}
.sales-page{
  min-height:100vh;
  padding:150px 20px 80px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sales-card{
  width:min(760px,100%);
  text-align:center;
  padding:38px 26px;
  border-radius:30px;
  background:radial-gradient(circle at 50% 0%, rgba(157,123,255,.24), rgba(10,10,20,.92) 60%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 50px rgba(157,123,255,.16);
  color:#fff;
}
.sales-card h1{
  font-size:clamp(34px,7vw,64px);
  margin:10px 0 18px;
}
.sales-card p{
  color:#cfcfcf;
  font-size:18px;
  line-height:1.6;
}
.sales-logo{
  width:72px;
  height:72px;
  filter:drop-shadow(0 0 18px rgba(157,123,255,.55));
}
.telegram-support img,.vk-support img{
  width:34px;
  height:34px;
  display:block;
}
.telegram-support,.vk-support{
  font-size:0!important;
}
.vk-support{
  bottom:92px;
}
@media(max-width:760px){
  .hero-page-buttons{gap:10px;}
  .hero-small-button{width:min(320px,86vw);box-sizing:border-box;}
  .services-page-main{padding-top:135px;}
  .vk-support{bottom:88px;}
}


/* === Clean menu icons and services platform list === */
.nav-menu a{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  line-height:1.2 !important;
}

.menu-social-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  object-fit:contain !important;
  border-radius:8px !important;
  filter:none !important;
}

.menu-emoji{
  width:28px;
  min-width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}

.social-logo{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  object-fit:contain !important;
  border-radius:8px !important;
}

.services-page-main .platform-tabs{
  width:min(760px, calc(100% - 32px)) !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin:20px auto 34px !important;
  padding:0 !important;
}

.services-page-main .platform-btn{
  width:100% !important;
  min-height:74px !important;
  padding:16px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  border-radius:22px !important;
  font-size:22px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

.services-page-main .platform-btn::after{
  content:'Открыть услуги';
  margin-left:auto;
  font-size:14px;
  font-weight:700;
  color:rgba(255,255,255,.62);
}

.services-page-main .platform-btn.active::after{
  color:rgba(255,255,255,.9);
}

.services-page-main .services-grid{
  width:min(900px, calc(100% - 32px)) !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}

.services-page-main .service-card{
  border-radius:24px !important;
  padding:22px !important;
}

.services-page-main .service-card h2{
  font-size:24px !important;
}

.services-page-main .service-card ul{
  min-height:0 !important;
}

@media (max-width: 760px){
  .services-page-main .platform-tabs{
    width:min(390px, calc(100% - 28px)) !important;
  }

  .services-page-main .platform-btn{
    min-height:68px !important;
    font-size:20px !important;
    padding:14px 18px !important;
  }

  .services-page-main .platform-btn:nth-child(5){
    grid-column:auto !important;
  }

  .services-page-main .platform-btn::after{
    font-size:12px;
  }
}


/* === Registration, wallet and internal balance === */
.auth-page,
.wallet-page{
  min-height:100vh;
  padding:140px 20px 70px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  box-sizing:border-box;
}

.auth-card,
.wallet-card{
  width:min(620px,100%);
  padding:34px;
  border-radius:28px;
  background:rgba(12,12,25,.78);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 0 40px rgba(122,92,255,.18);
  color:#fff;
  backdrop-filter:blur(18px);
}

.auth-card h1,
.wallet-card h1{
  margin:12px 0 12px;
  font-size:42px;
  line-height:1.05;
}

.auth-card p,
.wallet-card p{
  color:rgba(255,255,255,.72);
  font-size:18px;
  line-height:1.5;
}

.auth-badge{
  display:inline-flex;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(157,123,255,.18);
  color:#d8c8ff;
  font-weight:800;
}

.auth-card label,
.wallet-card label{
  display:block;
  margin:20px 0 8px;
  color:rgba(255,255,255,.72);
  font-weight:700;
}

.auth-card input,
.wallet-card input{
  width:100%;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:18px;
  box-sizing:border-box;
  outline:none;
}

.primary-wide-btn,
.wallet-link{
  width:100%;
  margin-top:18px;
  padding:18px 22px;
  border:none;
  border-radius:18px;
  background:linear-gradient(135deg,#7a5cff,#9d7bff);
  color:#fff;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
  display:block;
}

.code-step{
  display:none;
  margin-top:18px;
}

.auth-message{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  display:none;
}

.auth-message.error,
.auth-message.ok{
  display:block;
}

.auth-message.error{
  background:rgba(255,80,80,.12);
  color:#ff9b9b;
}

.auth-message.ok{
  background:rgba(0,255,120,.12);
  color:#78ffaf;
}

.auth-note{
  margin-top:22px;
  color:rgba(255,255,255,.58);
  line-height:1.5;
}

.balance-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:28px 0;
}

.balance-grid div{
  padding:22px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}

.balance-grid span{
  display:block;
  color:rgba(255,255,255,.62);
  margin-bottom:10px;
}

.balance-grid b{
  font-size:32px;
  color:#8fffbd;
}

.topup-box{
  margin-top:25px;
  padding:24px;
  border-radius:24px;
  background:rgba(157,123,255,.1);
}

.balance-btn{
  background:linear-gradient(135deg,#22c55e,#7a5cff) !important;
}

@media(max-width:640px){
  .auth-card,
  .wallet-card{
    padding:26px 22px;
  }

  .auth-card h1,
  .wallet-card h1{
    font-size:34px;
  }

  .balance-grid{
    grid-template-columns:1fr;
  }
}


/* === Social subscription bonuses === */

/* Social registration */
.auth-social-grid{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.auth-social-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.auth-social-btn img,
.hero-small-button img{
  width:20px;
  height:20px;
}
.bot-register-link,
.bonus-subscribe-links a{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
  background:rgba(157,123,255,.14);
  border:1px solid rgba(157,123,255,.32);
}
.bonus-subscribe-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:6px;
}
.welcome-bonus-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.welcome-bonus-list div,
.welcome-bonus-hero{
  border:1px solid rgba(157,123,255,.32);
  background:rgba(157,123,255,.12);
  border-radius:16px;
  padding:14px;
  text-align:center;
}
.welcome-bonus-list b,
.welcome-bonus-hero b{
  display:block;
  color:#fff;
  font-size:20px;
}
.welcome-bonus-list span,
.welcome-bonus-hero span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.72);
  font-size:14px;
}
.hero-main-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:22px;
}
.hero-register-button{
  background:linear-gradient(135deg,#ffbf47,#ff7a59);
}
.welcome-bonus-hero{
  max-width:560px;
  margin:18px auto 0;
}
@media(max-width:720px){
  .welcome-bonus-list,
  .bonus-subscribe-links{
    grid-template-columns:1fr;
  }
}

.nav-user-badge {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sb-logged-link {
  border-color: rgba(140, 100, 255, 0.5) !important;
}

.auth-social-grid-only {
  margin-top: 22px;
}
.auth-provider-note {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(139, 92, 246, 0.35);
  border-radius: 18px;
  background: rgba(139, 92, 246, 0.12);
  color: rgba(255,255,255,0.86);
  line-height: 1.45;
}

.auth-form {
  display: grid;
  gap: 14px;
  margin: 24px 0;
}

.auth-form label {
  font-weight: 800;
  color: rgba(255, 255, 255, 0.82);
}

.auth-form input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
  font-size: 18px;
  padding: 18px 20px;
  outline: none;
}

.auth-form input:focus {
  border-color: rgba(142, 104, 255, 0.9);
  box-shadow: 0 0 0 4px rgba(142, 104, 255, 0.16);
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 24px 0;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 800;
}

.auth-divider::before,
.auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* === Compact header and login/register forms === */
.main-nav-links {
  flex-wrap: nowrap;
}
.nav-register-link,
.nav-user-badge {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 22px 0 4px;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.auth-tab {
  border: 0;
  border-radius: 14px;
  padding: 14px 12px;
  background: transparent;
  color: rgba(255,255,255,.72);
  font-weight: 900;
  cursor: pointer;
}
.auth-tab.active {
  color: #fff;
  background: linear-gradient(135deg,#7a5cff,#9d7bff);
}
.auth-form.hidden {
  display: none;
}
.welcome-bonus-list.one-bonus {
  grid-template-columns: 1fr;
}
@media(max-width: 760px) {
  .nav-logo { flex: 0 0 auto; }
  .main-nav-links { gap: 10px; }
  .nav-register-link,
  .nav-user-badge { max-width: 135px; }
}

/* Auth gate inside order modal */
.auth-required-box{
  padding:24px;
  border:1px solid rgba(139,92,246,.35);
  border-radius:24px;
  background:rgba(255,255,255,.04);
  text-align:center;
}
.auth-required-box h3{
  margin:0 0 12px;
  font-size:28px;
  color:#fff;
}
.auth-required-box p{
  margin:0 auto 20px;
  max-width:520px;
  color:rgba(255,255,255,.72);
  line-height:1.45;
}
.auth-required-btn,.modal-topup-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:58px;
  border-radius:18px;
  text-decoration:none;
  font-weight:800;
}
.auth-required-btn{
  background:linear-gradient(135deg,#7c4dff,#a071ff);
  color:#fff;
}
.modal-topup-link{
  margin-top:12px;
  border:1px solid rgba(139,92,246,.42);
  color:#d8c9ff;
  background:rgba(139,92,246,.12);
}


/* === Social subscription bonuses === */
.social-bonus-box{
  margin-top:25px;
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.social-bonus-box h2{
  margin:0 0 10px;
}

.social-bonus-box p{
  margin:0 0 18px;
  color:rgba(255,255,255,.68);
  font-size:15px;
}

.social-bonus-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.social-bonus-btn{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border:none;
  border-radius:18px;
  color:white;
  cursor:pointer;
  font-weight:900;
  box-shadow:0 0 22px rgba(122,92,255,.22);
}

.social-bonus-btn img{
  width:30px;
  height:30px;
  object-fit:contain;
}

.social-bonus-btn span{
  flex:1;
  text-align:left;
}

.social-bonus-btn b{
  font-size:20px;
}

.telegram-bonus{
  background:linear-gradient(135deg,#1e293b,#26A5E4);
}

.vk-bonus{
  background:linear-gradient(135deg,#1e293b,#0077FF);
}

.social-bonus-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}

@media(max-width:640px){
  .social-bonus-grid{
    grid-template-columns:1fr;
  }
}

/* ===== Trust UI redesign: главная, верхняя панель и меню ===== */
:root{
  --sb-bg:#070914;
  --sb-card:rgba(18,18,32,.78);
  --sb-card-2:rgba(34,26,58,.72);
  --sb-line:rgba(255,255,255,.11);
  --sb-text:#fff;
  --sb-muted:#b8b4c8;
  --sb-primary:#8b5cff;
  --sb-primary-2:#6f8cff;
  --sb-green:#8dffbc;
}
body.trust-ui,
.trust-ui{
  background:
    radial-gradient(circle at top left, rgba(132,92,255,.23), transparent 34%),
    radial-gradient(circle at top right, rgba(64,136,255,.16), transparent 28%),
    var(--sb-bg) !important;
}
.trust-navbar,
.navbar{
  top:18px !important;
  width:calc(100% - 28px) !important;
  max-width:1120px !important;
  min-height:74px;
  padding:14px 18px !important;
  border-radius:28px !important;
  background:rgba(10,10,22,.82) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
}
.nav-logo{
  color:#fff !important;
  text-decoration:none !important;
  line-height:.95;
  letter-spacing:-.04em;
}
.main-nav-links{align-items:center !important; gap:12px !important;}
.nav-register-link,
.nav-user-badge{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px !important;
  border-radius:999px;
  color:#fff !important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800 !important;
  white-space:nowrap;
}
.nav-register-link{background:linear-gradient(135deg, var(--sb-primary), var(--sb-primary-2));}
.menu-toggle{
  width:58px !important;
  height:58px !important;
  min-width:58px;
  border-radius:20px !important;
  padding:0 !important;
  display:inline-flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:0 !important;
  color:transparent !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after{
  content:"";
  display:block;
  width:23px;
  height:3px;
  border-radius:99px;
  background:#fff;
  opacity:.95;
}
.menu-toggle:hover{transform:translateY(-1px); background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-2)) !important;}
.nav-menu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  right:0 !important;
  left:auto !important;
  width:min(390px, calc(100vw - 28px)) !important;
  display:none;
  grid-template-columns:1fr;
  gap:8px;
  padding:16px !important;
  border-radius:28px !important;
  background:rgba(9,9,20,.94) !important;
  backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}
.nav-menu.open{display:grid !important; animation:sbMenuIn .18s ease-out;}
@keyframes sbMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.nav-menu a{
  display:flex !important;
  align-items:center;
  gap:14px;
  color:#fff !important;
  text-decoration:none !important;
  padding:15px 14px !important;
  border-radius:18px !important;
  font-size:18px !important;
  font-weight:800 !important;
  background:rgba(255,255,255,.045);
  border:1px solid transparent;
}
.nav-menu a:hover{background:rgba(139,92,255,.16); border-color:rgba(139,92,255,.25);}
.menu-emoji{width:34px; text-align:center; font-size:25px; filter:drop-shadow(0 0 10px rgba(139,92,255,.45));}
.trust-hero{padding:150px 18px 42px !important; min-height:auto !important; text-align:left !important;}
.trust-hero-grid{
  max-width:1120px !important;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:center;
}
.trust-hero-copy h1{
  margin:0 0 12px !important;
  font-size:clamp(58px, 10vw, 112px) !important;
  line-height:.88 !important;
  letter-spacing:-.075em;
  color:#efe5ff !important;
  text-shadow:0 24px 70px rgba(139,92,255,.34);
}
.trust-kicker{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  margin-bottom:18px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:rgba(139,92,255,.18);
  border:1px solid rgba(139,92,255,.28);
}
.trust-hero .seo-title{
  margin:0 0 14px !important;
  padding:0 !important;
  max-width:720px !important;
  text-align:left !important;
  font-size:clamp(26px, 5vw, 48px) !important;
  line-height:1.08 !important;
  color:#e6ccff !important;
}
.trust-hero .hero-subtitle{
  max-width:640px;
  margin:0 0 24px !important;
  color:var(--sb-muted) !important;
  font-size:clamp(18px, 3.8vw, 24px) !important;
  line-height:1.48;
}
.hero-main-actions{display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start !important; margin:24px 0 0 !important;}
.hero-button{
  min-height:58px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 22px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,var(--sb-primary),#9b73ff) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  box-shadow:0 14px 34px rgba(139,92,255,.32);
}
.hero-register-button{background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:none;}
.trust-mini-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; color:#fff;}
.trust-mini-row span{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;
}
.trust-hero-card{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);
  border-radius:32px;
  padding:24px;
  box-shadow:0 22px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.trust-card-head{display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-bottom:18px;}
.trust-card-head span{color:var(--sb-muted); font-weight:800;}
.trust-card-head b{font-size:42px; color:#fff;}
.bonus-lines{display:grid; gap:12px;}
.bonus-lines div{display:flex; justify-content:space-between; align-items:center; padding:16px; border-radius:20px; background:rgba(139,92,255,.12); border:1px solid rgba(139,92,255,.18);}
.bonus-lines span{color:#ddd8ea; font-weight:800;}
.bonus-lines b{font-size:24px; color:var(--sb-green);}
.trust-card-button{margin-top:16px; display:flex; min-height:56px; align-items:center; justify-content:center; border-radius:18px; color:#fff; text-decoration:none; font-weight:900; background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-2));}
.trust-section{max-width:1120px; margin:0 auto 28px; padding:0 18px;}
.section-head{margin:0 0 18px; text-align:left;}
.section-head span{color:#b69cff; font-weight:900; text-transform:uppercase; letter-spacing:.06em; font-size:13px;}
.section-head h2{margin:6px 0 8px; font-size:clamp(30px,6vw,48px); line-height:1.08; color:#fff;}
.section-head p{margin:0; color:var(--sb-muted); font-size:18px; max-width:720px;}
.category-grid,.steps-grid,.trust-proof,.review-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.category-card,.step-card,.proof-card,.review-card,.faq-item,.stat-card{
  background:var(--sb-card) !important;
  border:1px solid var(--sb-line) !important;
  border-radius:24px !important;
  box-shadow:0 14px 50px rgba(0,0,0,.24);
}
.category-card{display:flex; flex-direction:column; gap:8px; padding:20px; color:#fff; text-decoration:none; min-height:118px;}
.category-card b{font-size:22px;}
.category-card span,.step-card p,.proof-card p{color:var(--sb-muted); line-height:1.45;}
.step-card,.proof-card{padding:22px;}
.step-card strong{display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-2)); font-size:22px; margin-bottom:14px;}
.step-card b,.proof-card b{display:block; font-size:22px; margin-bottom:8px; color:#fff;}
.trust-stats{max-width:1120px !important; padding:0 18px !important; gap:14px !important;}
.trust-proof{grid-template-columns:repeat(3,1fr);}
.reviews .review-grid{grid-template-columns:repeat(3,1fr);}
.review-card{padding:22px !important;}
.review-card p{font-size:18px !important; color:#fff !important; line-height:1.48;}
.review-card span{color:#b69cff !important; font-weight:900;}
.faq-item{padding:22px !important; margin-bottom:12px !important;}
.faq-item h3{margin:0 0 8px !important; color:#fff !important;}
.faq-item p{margin:0 !important; color:var(--sb-muted) !important;}
.trust-footer{margin-top:40px !important; padding:34px 18px 120px !important; background:rgba(0,0,0,.22) !important; border-top:1px solid rgba(255,255,255,.08);}
.footer-links{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:16px 0;}
.footer-links a{color:#d8ccff !important; text-decoration:none !important; font-weight:700;}
.vk-support,.telegram-support{box-shadow:0 18px 40px rgba(0,0,0,.38) !important;}
@media(max-width:860px){
  .trust-navbar,.navbar{top:14px !important; width:calc(100% - 24px) !important; min-height:68px; border-radius:24px !important; padding:12px 14px !important;}
  .nav-logo{font-size:38px !important; max-width:150px;}
  .nav-register-link,.nav-user-badge{font-size:15px !important; max-width:150px; overflow:hidden; text-overflow:ellipsis; padding:0 12px !important;}
  .menu-toggle{width:56px !important; height:56px !important; min-width:56px;}
  .trust-hero{padding-top:132px !important;}
  .trust-hero-grid{grid-template-columns:1fr; gap:18px;}
  .trust-hero-copy{text-align:center;}
  .trust-hero .seo-title,.trust-hero .hero-subtitle{text-align:center !important; margin-left:auto !important; margin-right:auto !important;}
  .hero-main-actions{justify-content:center !important;}
  .hero-main-actions .hero-button{width:100%; max-width:420px;}
  .trust-mini-row{justify-content:center;}
  .category-grid,.steps-grid,.trust-proof,.reviews .review-grid{grid-template-columns:1fr;}
  .trust-hero-card{padding:18px; border-radius:26px;}
  .trust-card-head b{font-size:36px;}
  .section-head{text-align:center;}
  .section-head p{margin-left:auto; margin-right:auto;}
}
@media(max-width:420px){
  .nav-logo{font-size:33px !important;}
  .nav-register-link,.nav-user-badge{max-width:116px; font-size:14px !important;}
  .trust-hero-copy h1{font-size:64px !important;}
  .trust-kicker{font-size:13px;}
}


/* === Final fix: compact trusted header/menu + SEO text === */
.seo-service-text{
  max-width:1120px !important;
  margin:18px auto 0 !important;
  padding:22px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  text-align:center !important;
}
.seo-service-text h2{
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:clamp(26px,4vw,42px) !important;
  line-height:1.05 !important;
}
.seo-service-text p{
  max-width:850px !important;
  margin:0 auto !important;
  color:#cfc9dd !important;
  font-size:clamp(16px,2.3vw,22px) !important;
  line-height:1.5 !important;
}
.navbar{z-index:1000 !important;}
.nav-menu{
  position:absolute !important;
  top:calc(100% + 12px) !important;
  right:0 !important;
  left:auto !important;
  width:min(360px, calc(100vw - 36px)) !important;
  max-height:min(620px, calc(100vh - 135px)) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:12px !important;
  gap:7px !important;
  border-radius:24px !important;
  background:rgba(9,9,20,.96) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.55) !important;
}
.nav-menu a{
  min-height:52px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:17px !important;
  line-height:1.15 !important;
}
.menu-emoji{font-size:22px !important; width:30px !important;}
.menu-toggle[aria-expanded="true"]{
  background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-2)) !important;
}
@media(max-width:860px){
  .trust-navbar,.navbar{
    min-height:66px !important;
    padding:11px 12px !important;
  }
  .nav-logo{font-size:34px !important; max-width:140px !important;}
  .nav-register-link,.nav-user-badge{
    min-height:42px !important;
    max-width:132px !important;
    font-size:14px !important;
  }
  .menu-toggle{width:54px !important; height:54px !important; min-width:54px !important;}
  .nav-menu{
    right:0 !important;
    width:min(340px, calc(100vw - 44px)) !important;
    max-height:calc(100vh - 126px) !important;
    padding:10px !important;
    border-radius:22px !important;
  }
  .nav-menu a{
    min-height:48px !important;
    padding:10px 12px !important;
    font-size:16px !important;
  }
}
@media(max-width:420px){
  .nav-logo{font-size:31px !important; max-width:128px !important;}
  .nav-register-link,.nav-user-badge{max-width:112px !important; font-size:13px !important; padding:0 10px !important;}
  .nav-menu{width:calc(100vw - 36px) !important;}
}

/* === Final compact dropdown menu fix === */
.navbar, .trust-navbar{
  overflow:visible !important;
  position:sticky !important;
  top:14px !important;
  z-index:9999 !important;
}
.menu-toggle{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  gap:4px !important;
  padding:0 !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.26) !important;
}
.menu-toggle::before,
.menu-toggle::after{
  display:none !important;
  content:none !important;
}
.menu-toggle span{
  display:block !important;
  width:20px !important;
  height:2.5px !important;
  border-radius:99px !important;
  background:#fff !important;
  opacity:.96 !important;
  margin:0 !important;
  transform:none !important;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg) !important;}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0 !important;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg) !important;}
.nav-menu{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 112px) !important;
  right:18px !important;
  left:auto !important;
  width:280px !important;
  max-width:calc(100vw - 36px) !important;
  max-height:min(62vh, 520px) !important;
  overflow-y:auto !important;
  display:none !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:rgba(10,10,22,.96) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(22px) !important;
  z-index:10000 !important;
}
.nav-menu.open{display:grid !important; animation:sbMenuCompactIn .16s ease-out !important;}
@keyframes sbMenuCompactIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.nav-menu a{
  min-height:42px !important;
  padding:9px 10px !important;
  border-radius:14px !important;
  font-size:15px !important;
  line-height:1.15 !important;
  gap:10px !important;
  background:rgba(255,255,255,.045) !important;
}
.nav-menu a:hover,
.nav-menu a:active{
  background:rgba(139,92,255,.18) !important;
}
.menu-emoji{
  width:24px !important;
  min-width:24px !important;
  font-size:20px !important;
  text-align:center !important;
}
@media(max-width:860px){
  .menu-toggle{width:46px !important;height:46px !important;min-width:46px !important;border-radius:16px !important;}
  .nav-menu{top:calc(env(safe-area-inset-top, 0px) + 104px) !important; right:18px !important; width:270px !important; max-width:calc(100vw - 36px) !important;}
}
@media(max-width:420px){
  .nav-menu{width:258px !important; max-width:calc(100vw - 32px) !important; right:16px !important;}
  .nav-menu a{font-size:14.5px !important; min-height:40px !important; padding:8px 10px !important;}
  .menu-emoji{font-size:19px !important; width:23px !important; min-width:23px !important;}
}

/* === SMM-Boost: окончательная правка компактного меню === */
.navbar,
.trust-navbar{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 12px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:calc(100vw - 28px) !important;
  max-width:1120px !important;
  min-height:68px !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  z-index:10000 !important;
}

.nav-logo{
  flex:0 1 auto !important;
  max-width:145px !important;
  font-size:clamp(30px, 8vw, 50px) !important;
  line-height:.88 !important;
  overflow:hidden !important;
}

.main-nav-links{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
}

.nav-register-link,
.nav-user-badge{
  max-width:126px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:15px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.menu-toggle{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:16px !important;
  padding:0 !important;
  display:inline-flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.24) !important;
  font-size:0 !important;
  color:transparent !important;
  cursor:pointer !important;
}

.menu-toggle::before,
.menu-toggle::after{
  display:none !important;
  content:none !important;
}

.menu-toggle span{
  display:block !important;
  width:22px !important;
  height:2.5px !important;
  min-height:2.5px !important;
  border-radius:99px !important;
  background:#fff !important;
  opacity:.98 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  transition:none !important;
}

.menu-toggle[aria-expanded="true"],
.menu-toggle.open{
  background:linear-gradient(135deg, #8b5cff, #6f8cff) !important;
}

.menu-toggle[aria-expanded="true"] span:nth-child(1),
.menu-toggle[aria-expanded="true"] span:nth-child(2),
.menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:none !important;
  opacity:.98 !important;
}

.nav-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
  transform:none !important;
  width:255px !important;
  min-width:255px !important;
  max-width:calc(100vw - 36px) !important;
  max-height:430px !important;
  overflow-y:auto !important;
  display:none !important;
  grid-template-columns:1fr !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:10px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  background:rgba(10,10,22,.97) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.54), 0 0 22px rgba(139,92,255,.12) !important;
  backdrop-filter:blur(22px) !important;
  z-index:10001 !important;
}

.nav-menu.open{
  display:flex !important;
}

.nav-menu a{
  width:100% !important;
  min-height:42px !important;
  padding:9px 11px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.nav-menu a:hover,
.nav-menu a:active{
  background:rgba(139,92,255,.18) !important;
}

.menu-emoji{
  width:24px !important;
  min-width:24px !important;
  font-size:19px !important;
  line-height:1 !important;
  text-align:center !important;
}

@media(max-width:420px){
  .navbar,
  .trust-navbar{
    width:calc(100vw - 24px) !important;
    padding:10px 12px !important;
    border-radius:24px !important;
  }

  .nav-logo{
    max-width:132px !important;
    font-size:34px !important;
  }

  .nav-register-link,
  .nav-user-badge{
    max-width:112px !important;
    height:44px !important;
    min-height:44px !important;
    font-size:14px !important;
    padding:0 10px !important;
  }

  .menu-toggle{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }

  .nav-menu{
    right:0 !important;
    width:245px !important;
    min-width:245px !important;
    max-width:calc(100vw - 32px) !important;
    max-height:410px !important;
  }

  .nav-menu a{
    min-height:40px !important;
    padding:8px 10px !important;
    font-size:14.5px !important;
  }
}


/* === FINAL FIX: compact menu and reliable order modal === */
.menu-toggle{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:17px !important;
  gap:4px !important;
}
.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after{
  width:20px !important;
  height:2px !important;
}
.nav-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
  width:270px !important;
  max-width:calc(100vw - 32px) !important;
  display:none !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  padding:10px !important;
  border-radius:18px !important;
  background:rgba(10,10,20,.97) !important;
  backdrop-filter:blur(20px) !important;
  z-index:9999 !important;
}
.nav-menu.open{display:grid !important;}
.nav-menu a{
  padding:10px 12px !important;
  border-radius:13px !important;
  font-size:15px !important;
  line-height:1.15 !important;
  gap:10px !important;
}
.nav-menu .menu-emoji{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  font-size:20px !important;
}
.modal{z-index:10000 !important;}
.modal-content{max-width:520px;}

/* === FINAL PATCH 2026-06: stable compact navbar/menu and small order cards === */
.navbar,
.trust-navbar{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 12px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:calc(100vw - 28px) !important;
  max-width:1120px !important;
  min-height:68px !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  overflow:visible !important;
  z-index:10000 !important;
}

.nav-logo{
  font-size:clamp(30px, 7.2vw, 48px) !important;
  line-height:.88 !important;
  max-width:142px !important;
  overflow:hidden !important;
  white-space:normal !important;
}

.main-nav-links,
.nav-links{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
}

.main-nav-links > a:not(.nav-user-badge):not(.nav-register-link){
  display:none !important;
}

.nav-user-badge,
.nav-register-link{
  height:44px !important;
  min-height:44px !important;
  max-width:118px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.menu-toggle{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  padding:0 !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:4px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
}

.menu-toggle::before,
.menu-toggle::after{
  display:none !important;
  content:none !important;
}

.menu-toggle span{
  display:block !important;
  width:20px !important;
  height:2px !important;
  min-height:2px !important;
  border-radius:999px !important;
  background:#fff !important;
  opacity:.95 !important;
  margin:0 !important;
  transform:none !important;
  transition:none !important;
}

.menu-toggle[aria-expanded="true"]{
  background:linear-gradient(135deg,#8b5cff,#6f8cff) !important;
}

.menu-toggle[aria-expanded="true"] span{
  transform:none !important;
  opacity:.95 !important;
}

.nav-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:10px !important;
  left:auto !important;
  transform:none !important;
  width:260px !important;
  min-width:260px !important;
  max-width:calc(100vw - 34px) !important;
  max-height:min(420px, calc(100vh - 125px)) !important;
  overflow-y:auto !important;
  display:none !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:6px !important;
  padding:10px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  background:rgba(12,12,24,.97) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.56),0 0 22px rgba(139,92,255,.12) !important;
  backdrop-filter:blur(22px) !important;
  z-index:10001 !important;
}

.nav-menu.open{
  display:flex !important;
}

.nav-menu a{
  width:100% !important;
  min-height:40px !important;
  padding:8px 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.035) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.nav-menu a:hover,
.nav-menu a:active{
  background:rgba(139,92,255,.18) !important;
  border-color:rgba(139,92,255,.22) !important;
}

.menu-emoji{
  width:23px !important;
  min-width:23px !important;
  font-size:18px !important;
  line-height:1 !important;
  text-align:center !important;
}

.orders-title{display:none !important;}
.my-orders-page{
  width:min(720px, calc(100% - 28px)) !important;
  margin:145px auto 60px !important;
  padding:0 !important;
}
.my-orders-page h1{
  margin:0 0 18px !important;
  font-size:32px !important;
  line-height:1.1 !important;
}
#ordersList{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.order-card.compact-order-card{
  width:100% !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(18,18,32,.82) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.22) !important;
}
.order-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
.order-id{
  font-size:12px !important;
  color:rgba(255,255,255,.62) !important;
  font-weight:800 !important;
}
.statusBadge{
  max-width:58% !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.compact-order-card h2{
  margin:0 0 8px !important;
  font-size:17px !important;
  line-height:1.2 !important;
}
.order-quick-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.order-quick-meta span{
  padding:6px 8px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.06) !important;
  color:rgba(255,255,255,.82) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.order-link{
  display:inline-flex !important;
  margin-top:10px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(139,92,255,.16) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.emptyOrders{
  margin:0 !important;
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.76) !important;
  font-size:16px !important;
}

@media(max-width:420px){
  .navbar,.trust-navbar{
    width:calc(100vw - 24px) !important;
    min-height:64px !important;
    padding:9px 12px !important;
    border-radius:22px !important;
  }
  .nav-logo{font-size:33px !important; max-width:128px !important;}
  .nav-user-badge,.nav-register-link{max-width:110px !important; height:42px !important; min-height:42px !important; font-size:14px !important;}
  .menu-toggle{width:44px !important; height:44px !important; min-width:44px !important;}
  .nav-menu{width:252px !important; min-width:252px !important; right:6px !important; max-height:min(400px, calc(100vh - 116px)) !important;}
  .my-orders-page{margin-top:130px !important;}
}


/* === FINAL FIX: compact dropdown menu and smaller order cards === */
.navbar{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(1200px, calc(100% - 28px)) !important;
  overflow:visible !important;
}
.main-nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.menu-toggle{
  position:relative !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  padding:0 !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:4px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
}
.menu-toggle::before,
.menu-toggle::after{
  display:none !important;
  content:none !important;
}
.menu-toggle span{
  display:block !important;
  width:20px !important;
  height:2px !important;
  min-height:2px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  opacity:.96 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  transition:none !important;
}
.menu-toggle[aria-expanded="true"],
.menu-toggle.open{
  background:linear-gradient(135deg,#8b5cff,#6f8cff) !important;
}
.menu-toggle[aria-expanded="true"] span{
  transform:none !important;
  opacity:.96 !important;
}
.nav-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:14px !important;
  left:auto !important;
  width:280px !important;
  max-width:calc(100vw - 36px) !important;
  min-width:0 !important;
  max-height:min(68vh, 560px) !important;
  overflow:auto !important;
  display:none !important;
  flex-direction:column !important;
  gap:7px !important;
  padding:12px !important;
  border-radius:22px !important;
  background:rgba(12,12,22,.96) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.48), 0 0 35px rgba(122,92,255,.14) !important;
  z-index:1200 !important;
  transform:none !important;
}
.nav-menu.open{
  display:flex !important;
}
.nav-menu a{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.035) !important;
}
.nav-menu a:hover,
.nav-menu a:active{
  background:rgba(139,92,255,.18) !important;
}
.nav-menu .menu-emoji{
  width:28px !important;
  min-width:28px !important;
  text-align:center !important;
  font-size:20px !important;
}
.order-card.compact-order-card{
  padding:12px 14px !important;
  border-radius:16px !important;
}
.compact-order-card .order-card-top{
  margin-bottom:8px !important;
  gap:8px !important;
}
.compact-order-card h2{
  font-size:16px !important;
  margin:4px 0 8px !important;
  line-height:1.2 !important;
}
.compact-order-card .order-quick-meta{
  gap:6px !important;
  font-size:13px !important;
}
.compact-order-card .order-link{
  margin-top:8px !important;
  padding:8px 10px !important;
  font-size:13px !important;
}

@media (max-width: 520px){
  .navbar{
    top:14px !important;
    width:calc(100% - 24px) !important;
    padding:12px 14px !important;
    border-radius:20px !important;
  }
  .nav-logo{
    font-size:28px !important;
    line-height:.92 !important;
  }
  .nav-user-badge,
  .nav-register-link{
    max-width:135px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    padding:10px 12px !important;
    border-radius:999px !important;
    font-size:14px !important;
  }
  .menu-toggle{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
  .nav-menu{
    width:250px !important;
    right:8px !important;
    max-height:62vh !important;
  }
}

/* === SMM-Boost final hard fix: stable header/menu/order cards === */
.navbar,
.trust-navbar{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 14px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(1180px, calc(100vw - 24px)) !important;
  min-height:72px !important;
  padding:12px 16px !important;
  border-radius:24px !important;
  overflow:visible !important;
  z-index:10000 !important;
}
.main-nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-left:auto !important;
  overflow:visible !important;
}
.nav-user-badge,
.nav-register-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  max-width:160px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.menu-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
  cursor:pointer !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.menu-toggle::before,
.menu-toggle::after{
  display:none !important;
  content:none !important;
}
.menu-toggle span{
  display:block !important;
  width:21px !important;
  height:2.5px !important;
  min-height:2.5px !important;
  border-radius:999px !important;
  background:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  transition:none !important;
}
.menu-toggle[aria-expanded="true"]{
  background:linear-gradient(135deg,#8b5cff,#6f8cff) !important;
}
.menu-toggle[aria-expanded="true"] span{
  transform:none !important;
  opacity:1 !important;
}
.nav-menu{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 94px) !important;
  right:16px !important;
  left:auto !important;
  width:280px !important;
  max-width:calc(100vw - 32px) !important;
  min-width:0 !important;
  max-height:min(64vh, 540px) !important;
  overflow:auto !important;
  display:none !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  padding:12px !important;
  border-radius:22px !important;
  background:rgba(13,13,23,.97) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 65px rgba(0,0,0,.55), 0 0 34px rgba(139,92,255,.14) !important;
  z-index:10001 !important;
  transform:none !important;
}
.nav-menu.open{
  display:grid !important;
}
.nav-menu a{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-height:43px !important;
  padding:9px 11px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.035) !important;
  color:#fff !important;
  font-size:15.5px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
}
.nav-menu a:hover,
.nav-menu a:active{
  background:rgba(139,92,255,.18) !important;
  border-color:rgba(139,92,255,.22) !important;
}
.nav-menu .menu-emoji{
  width:26px !important;
  min-width:26px !important;
  text-align:center !important;
  font-size:19px !important;
}
.vk-support,
.telegram-support{
  width:58px !important;
  height:58px !important;
  right:18px !important;
}
.vk-support{bottom:154px !important;}
.telegram-support{bottom:84px !important;}
.order-card.compact-order-card{
  padding:11px 12px !important;
  border-radius:15px !important;
  margin:0 !important;
}
.order-card-top{margin-bottom:7px !important;}
.compact-order-card h2{font-size:15.5px !important;margin:0 0 7px !important;}
.order-quick-meta span{font-size:11.5px !important;padding:5px 7px !important;}
.order-link{font-size:12.5px !important;padding:7px 9px !important;}
@media(max-width:520px){
  .navbar,.trust-navbar{
    width:calc(100vw - 24px) !important;
    min-height:70px !important;
    padding:11px 13px !important;
    border-radius:22px !important;
  }
  .nav-logo{font-size:30px !important;line-height:.92 !important;max-width:132px !important;}
  .nav-user-badge,.nav-register-link{height:42px !important;max-width:128px !important;padding:0 12px !important;font-size:14px !important;}
  .menu-toggle{width:44px !important;height:44px !important;min-width:44px !important;}
  .menu-toggle span{width:20px !important;height:2.2px !important;}
  .nav-menu{top:calc(env(safe-area-inset-top, 0px) + 92px) !important;right:12px !important;width:258px !important;max-height:62vh !important;padding:10px !important;}
  .nav-menu a{min-height:40px !important;font-size:14px !important;padding:8px 10px !important;}
}

/* === JAP all-services quick order panel === */
.quick-order-page{
  width:min(980px, calc(100% - 28px));
  margin:38px auto 90px;
  padding:0;
}
.quick-order-panel{
  padding:28px;
  border-radius:26px;
  background:rgba(18,18,28,.88);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 80px rgba(0,0,0,.42);
}
.quick-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.quick-kicker{
  margin:0 0 8px;
  color:#9b7cff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.quick-order-head h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(32px, 6vw, 56px);
  line-height:1.02;
}
.quick-order-head p{
  margin:0;
  max-width:620px;
  color:rgba(255,255,255,.66);
  font-size:18px;
  line-height:1.45;
}
.quick-balance-link{
  flex:0 0 auto;
  padding:14px 18px;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  background:rgba(139,92,255,.18);
  border:1px solid rgba(139,92,255,.32);
}
.quick-order-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.quick-field,
.quick-price-box,
.quick-total-box{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.quick-field-wide{
  grid-column:1 / -1;
}
.quick-field span,
.quick-price-box span,
.quick-total-box span{
  color:rgba(255,255,255,.62);
  font-size:14px;
  font-weight:700;
}
.quick-field select,
.quick-field input{
  width:100%;
  min-height:58px;
  padding:0 16px;
  border-radius:14px;
  outline:none;
  color:#fff;
  font-size:17px;
  font-weight:650;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.quick-field select:focus,
.quick-field input:focus{
  border-color:rgba(139,92,255,.85);
  box-shadow:0 0 0 4px rgba(139,92,255,.18);
}
.quick-field option{background:#14121f;color:#fff;}
.quick-price-box,
.quick-total-box{
  justify-content:center;
  min-height:76px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}
.quick-price-box strong,
.quick-total-box strong{
  color:#77ffb7;
  font-size:25px;
  line-height:1;
}
.quick-price-box small{color:rgba(255,255,255,.50);font-size:13px;}
.quick-total-box{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,rgba(31,211,127,.15),rgba(139,92,255,.18));
}
.quick-total-box strong{font-size:34px;}
.quick-submit-btn{
  grid-column:1 / -1;
  min-height:62px;
  border:0;
  border-radius:16px;
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:.04em;
  background:linear-gradient(135deg,#7c4dff,#5b35ff);
  box-shadow:0 16px 36px rgba(124,77,255,.32);
}
.quick-submit-btn:disabled{opacity:.58;filter:grayscale(.25);}
.quick-status{
  margin:16px 0 0;
  color:rgba(255,255,255,.55);
  font-size:14px;
}
.quick-service-description{
  margin-top:18px;
  padding:22px;
  border-radius:22px;
  background:rgba(18,18,28,.72);
  border:1px solid rgba(255,255,255,.09);
}
.quick-service-description h2{
  margin:0 0 12px;
  color:#fff;
  font-size:24px;
}
.quick-description-text{
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.7;
}
.quick-help-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.quick-help-card{
  padding:16px;
  border-radius:18px;
  color:#fff;
  font-weight:800;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}
@media (max-width:720px){
  .quick-order-page{width:calc(100% - 24px); margin-top:26px;}
  .quick-order-panel{padding:20px;border-radius:22px;}
  .quick-order-head{flex-direction:column;}
  .quick-order-head h1{font-size:38px;}
  .quick-order-head p{font-size:16px;}
  .quick-order-form{grid-template-columns:1fr; gap:13px;}
  .quick-field-wide{grid-column:auto;}
  .quick-total-box{grid-column:auto;}
  .quick-help-grid{grid-template-columns:1fr;}
  .quick-total-box strong{font-size:28px;}
}

/* ============================================================== */
/*  MODERN 2026 UI OVERLAY — glass, glow, unified buttons, motion  */
/*  Appended by redesign pass. Non-invasive: only extends styles.  */
/* ============================================================== */

:root{
  --sb-bg-0:#05060f;
  --sb-bg-1:#0a0b1a;
  --sb-surface:rgba(20,18,38,.62);
  --sb-surface-strong:rgba(24,22,44,.86);
  --sb-border:rgba(255,255,255,.08);
  --sb-border-strong:rgba(255,255,255,.14);
  --sb-text:#f4f2ff;
  --sb-text-muted:rgba(244,242,255,.66);
  --sb-text-dim:rgba(244,242,255,.44);
  --sb-brand:#8b5cf6;
  --sb-brand-2:#6366f1;
  --sb-brand-3:#a855f7;
  --sb-accent:#22d3ee;
  --sb-success:#34d399;
  --sb-warn:#fbbf24;
  --sb-danger:#f87171;
  --sb-grad-primary:linear-gradient(135deg,#8b5cf6 0%,#6366f1 45%,#a855f7 100%);
  --sb-grad-cta:linear-gradient(135deg,#a855f7 0%,#6366f1 55%,#22d3ee 120%);
  --sb-grad-gold:linear-gradient(135deg,#fbbf24,#f97316 60%,#e11d48);
  --sb-shadow-1:0 8px 28px -12px rgba(139,92,246,.45), 0 2px 8px rgba(0,0,0,.35);
  --sb-shadow-2:0 24px 60px -20px rgba(139,92,246,.55), 0 6px 20px rgba(0,0,0,.45);
  --sb-shadow-glow:0 0 0 1px rgba(139,92,246,.35), 0 18px 60px -18px rgba(139,92,246,.55);
  --sb-radius-sm:12px;
  --sb-radius:18px;
  --sb-radius-lg:26px;
  --sb-radius-xl:34px;
  --sb-ease:cubic-bezier(.22,.61,.36,1);
}

html,body{
  color-scheme:dark;
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(139,92,246,.22), transparent 60%),
    radial-gradient(900px 600px at 90% 10%, rgba(34,211,238,.14), transparent 65%),
    radial-gradient(1000px 800px at 50% 110%, rgba(168,85,247,.18), transparent 60%),
    #05060f !important;
  color:var(--sb-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-family:'Inter','SF Pro Text','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
}

::selection{background:rgba(139,92,246,.45);color:#fff;}

/* Softer floating orbs */
.bg-animation span{opacity:.14;filter:blur(110px);}

/* --- Typography polish --- */
h1,h2,h3{letter-spacing:-.02em;}
h1{font-weight:800;}
p{line-height:1.65;}

/* --- Navbar glass --- */
.navbar{
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  background:linear-gradient(180deg,rgba(10,10,22,.72),rgba(10,10,22,.35)) !important;
  border-bottom:1px solid var(--sb-border) !important;
  transition:background .3s var(--sb-ease);
}
.nav-logo{
  background:var(--sb-grad-primary);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  font-weight:800;letter-spacing:-.02em;
}
.nav-register-link{
  padding:10px 18px;border-radius:999px;
  background:var(--sb-grad-primary);
  color:#fff !important;font-weight:700;font-size:14px;
  box-shadow:var(--sb-shadow-1);
  transition:transform .25s var(--sb-ease), box-shadow .25s var(--sb-ease), filter .25s;
}
.nav-register-link:hover{transform:translateY(-1px);box-shadow:var(--sb-shadow-2);filter:brightness(1.06);}
.nav-user-badge{
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--sb-border-strong);
  color:var(--sb-text) !important;font-weight:600;font-size:14px;
  backdrop-filter:blur(10px);
}

.menu-toggle{
  width:44px;height:44px;border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--sb-border-strong) !important;
  display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  cursor:pointer;transition:background .2s var(--sb-ease), transform .2s var(--sb-ease);
}
.menu-toggle:hover{background:rgba(139,92,246,.18);transform:translateY(-1px);}
.menu-toggle span{
  display:block;width:20px;height:2px;border-radius:2px;
  background:#fff;transition:transform .3s var(--sb-ease), opacity .2s;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.nav-menu{
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  background:linear-gradient(180deg,rgba(18,18,36,.92),rgba(10,10,22,.94)) !important;
  border:1px solid var(--sb-border-strong) !important;
  box-shadow:var(--sb-shadow-2) !important;
  border-radius:var(--sb-radius-lg) !important;
}
.nav-menu a{
  border-radius:14px;padding:12px 14px;transition:background .2s var(--sb-ease), transform .2s;
}
.nav-menu a:hover{background:rgba(139,92,246,.14);transform:translateX(2px);}

/* --- Unified premium button --- */
.hero-button,
.hero-register-button,
.primary-wide-btn,
.trust-card-button,
.wallet-link,
.payment-method-btn,
.quick-submit-btn{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;
  border-radius:16px;
  font-weight:700;font-size:16px;letter-spacing:.01em;
  color:#fff !important;
  background:var(--sb-grad-primary) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:var(--sb-shadow-1);
  cursor:pointer;
  transition:transform .25s var(--sb-ease), box-shadow .3s var(--sb-ease), filter .25s;
  overflow:hidden;
  isolation:isolate;
}
.hero-button::before,
.primary-wide-btn::before,
.payment-method-btn::before,
.quick-submit-btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);
  transform:translateX(-120%);transition:transform .7s var(--sb-ease);
}
.hero-button:hover,
.primary-wide-btn:hover,
.payment-method-btn:hover,
.quick-submit-btn:hover,
.wallet-link:hover,
.trust-card-button:hover,
.hero-register-button:hover{
  transform:translateY(-2px);
  box-shadow:var(--sb-shadow-2);
  filter:brightness(1.05);
}
.hero-button:hover::before,
.primary-wide-btn:hover::before,
.payment-method-btn:hover::before,
.quick-submit-btn:hover::before{transform:translateX(120%);}
.hero-button:active,.primary-wide-btn:active,.payment-method-btn:active{transform:translateY(0);}
.hero-register-button{
  background:linear-gradient(135deg,#fbbf24,#f97316 55%,#e11d48) !important;
  box-shadow:0 12px 40px -12px rgba(249,115,22,.55) !important;
}
.crypto-btn,.payment-method-btn.crypto-btn{
  background:linear-gradient(135deg,#22d3ee 0%,#0ea5e9 55%,#6366f1 120%) !important;
}

/* Secondary/ghost button (auto-applied to plain <button>) */
button:not([class]),.btn-ghost{
  padding:12px 20px;border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--sb-border-strong);
  color:var(--sb-text);font-weight:600;cursor:pointer;
  transition:background .2s var(--sb-ease), transform .2s;
}
button:not([class]):hover,.btn-ghost:hover{background:rgba(139,92,246,.16);transform:translateY(-1px);}

/* --- Glass cards --- */
.trust-hero-card,
.auth-card,
.wallet-card,
.trust-services-preview,
.trust-section,
.service-card,
.quick-order-panel,
.balance-grid > div,
.social-bonus-box,
.topup-box{
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  background:linear-gradient(180deg,rgba(22,20,42,.72),rgba(14,12,28,.68)) !important;
  border:1px solid var(--sb-border-strong) !important;
  border-radius:var(--sb-radius-lg) !important;
  box-shadow:0 20px 60px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .35s var(--sb-ease), box-shadow .35s var(--sb-ease), border-color .3s;
}
.service-card:hover,
.trust-hero-card:hover{
  transform:translateY(-4px);
  border-color:rgba(139,92,246,.45) !important;
  box-shadow:var(--sb-shadow-glow);
}

/* Auth card polish */
.auth-card{padding:36px 30px;max-width:520px;margin:40px auto;}
.auth-card h1{font-size:34px;margin:8px 0 10px;background:var(--sb-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.auth-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:999px;
  background:linear-gradient(135deg,rgba(251,191,36,.16),rgba(249,115,22,.16));
  border:1px solid rgba(251,191,36,.35);
  color:#fbd67a;font-weight:700;font-size:13px;letter-spacing:.02em;
}
.welcome-bonus-list{margin:18px 0 8px;display:grid;gap:10px;}
.welcome-bonus-list > div{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--sb-border);
}
.welcome-bonus-list b{background:var(--sb-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;}

/* Tabs */
.auth-tabs{
  display:flex;gap:6px;padding:6px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--sb-border);
  border-radius:14px;margin:18px 0;
}
.auth-tab{
  flex:1;padding:10px 12px;border:0;border-radius:10px;
  background:transparent;color:var(--sb-text-muted);
  font-weight:600;cursor:pointer;transition:all .25s var(--sb-ease);
}
.auth-tab.active{background:var(--sb-grad-primary);color:#fff;box-shadow:var(--sb-shadow-1);}

/* Form inputs */
.auth-form input,
.topup-box input,
input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="url"]{
  width:100%;box-sizing:border-box;
  padding:14px 16px;margin-top:6px;
  background:rgba(10,10,22,.5) !important;
  border:1px solid var(--sb-border-strong) !important;
  border-radius:14px !important;
  color:#fff !important;font-size:15px;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
input:focus{
  outline:none !important;
  border-color:rgba(139,92,246,.65) !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.18) !important;
  background:rgba(14,12,28,.7) !important;
}
label{color:var(--sb-text-muted);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}

/* Auth message */
.auth-message{margin-top:14px;font-size:14px;color:var(--sb-text-muted);min-height:20px;}
.auth-message.error{color:var(--sb-danger);}
.auth-message.success{color:var(--sb-success);}
.auth-note{
  margin-top:22px;padding:14px 16px;border-radius:14px;
  background:rgba(139,92,246,.08);border:1px dashed rgba(139,92,246,.28);
  color:var(--sb-text-muted);font-size:13px;
}

/* Wallet */
.wallet-card{padding:36px 30px;max-width:640px;margin:40px auto;}
.wallet-card h1{font-size:32px;background:var(--sb-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;}
.balance-grid > div{padding:20px;text-align:left;}
.balance-grid span{display:block;color:var(--sb-text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
.balance-grid b{font-size:28px;background:var(--sb-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.social-bonus-box{padding:22px;margin:22px 0;}
.social-bonus-box h2{margin:0 0 6px;font-size:20px;}
.social-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.social-bonus-btn{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:18px 12px;border-radius:16px;cursor:pointer;
  background:rgba(255,255,255,.04);
  border:1px solid var(--sb-border-strong);
  color:#fff;font-weight:700;
  transition:all .25s var(--sb-ease);
}
.social-bonus-btn:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.12);}
.social-bonus-btn img{width:32px;height:32px;}
.social-bonus-btn b{background:var(--sb-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;}
.social-bonus-btn.telegram-bonus{border-color:rgba(38,165,228,.4);}
.social-bonus-btn.telegram-bonus:hover{background:rgba(38,165,228,.14);}
.topup-box{padding:22px;}
.topup-box h2{margin:0 0 12px;font-size:20px;}
.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;}

/* Service cards */
.service-card{padding:24px;border-radius:var(--sb-radius-lg);}
.service-card .price,.service-card b{background:var(--sb-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.service-badge,.badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.35);
  color:#c4b5fd;
}
.badge-hot{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.35);color:#fca5a5;}
.badge-new{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.35);color:#86efac;}
.badge-gold{background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.4);color:#fcd34d;}

/* Hero card */
.trust-hero-card{padding:26px;border-radius:var(--sb-radius-xl);position:relative;overflow:hidden;}
.trust-hero-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(139,92,246,.4),transparent 40%,rgba(34,211,238,.25));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
}
.trust-card-head b{background:var(--sb-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:26px;}
.bonus-lines > div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--sb-border);margin:6px 0;display:flex;justify-content:space-between;align-items:center;}
.bonus-lines b{color:#fbd67a;font-weight:800;}

/* Trust kicker */
.trust-kicker{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;
  background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.14));
  border:1px solid rgba(139,92,246,.35);
  color:#e0d5ff;letter-spacing:.02em;
  box-shadow:0 8px 24px -12px rgba(139,92,246,.45);
}
.trust-mini-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.trust-mini-row span{
  padding:8px 14px;border-radius:999px;font-size:13px;
  background:rgba(255,255,255,.04);border:1px solid var(--sb-border-strong);
  color:var(--sb-text-muted);
}

/* Hero heading */
.hero h1{
  font-size:clamp(42px,7vw,84px);line-height:.98;margin:14px 0 12px;
  background:linear-gradient(135deg,#fff 0%,#c4b5fd 45%,#7dd3fc 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero .seo-title{font-size:clamp(18px,2.2vw,24px);color:var(--sb-text);font-weight:600;margin:0 0 12px;}
.hero-subtitle{color:var(--sb-text-muted);font-size:clamp(15px,1.6vw,17px);max-width:56ch;}

/* Section headings */
.trust-section h2,.seo-service-text h2{
  font-size:clamp(26px,3.4vw,38px);
  background:linear-gradient(135deg,#fff,#c4b5fd);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Micro utility */
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--sb-border-strong);font-size:12px;color:var(--sb-text-muted);}

/* Skeleton */
.skeleton{
  position:relative;overflow:hidden;border-radius:12px;
  background:rgba(255,255,255,.05);
}
.skeleton::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  animation:sb-shimmer 1.4s infinite;
}
@keyframes sb-shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

/* Empty state */
.empty-state{
  padding:40px 24px;text-align:center;border-radius:var(--sb-radius-lg);
  background:linear-gradient(180deg,rgba(22,20,42,.5),rgba(14,12,28,.4));
  border:1px dashed var(--sb-border-strong);color:var(--sb-text-muted);
}
.empty-state .emoji{font-size:52px;display:block;margin-bottom:10px;filter:drop-shadow(0 4px 14px rgba(139,92,246,.4));}

/* Toast */
.sb-toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  padding:14px 20px;border-radius:14px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,rgba(22,20,42,.95),rgba(14,12,28,.95));
  border:1px solid var(--sb-border-strong);
  box-shadow:var(--sb-shadow-2);backdrop-filter:blur(20px);
  opacity:0;pointer-events:none;transition:all .35s var(--sb-ease);z-index:9999;
  max-width:min(92vw,420px);
}
.sb-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.sb-toast.success{border-color:rgba(52,211,153,.5);}
.sb-toast.error{border-color:rgba(248,113,113,.5);}

/* Fade-in on scroll (progressive) */
@keyframes sb-fade-up{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.trust-section,.service-card,.auth-card,.wallet-card,.quick-order-panel{animation:sb-fade-up .6s var(--sb-ease) both;}

/* Focus visible for a11y */
:focus-visible{outline:2px solid rgba(139,92,246,.7);outline-offset:3px;border-radius:8px;}

/* Scrollbar */
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:rgba(139,92,246,.35);border-radius:10px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.55);}

/* Reduce motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

/* Mobile polish */
@media (max-width:720px){
  .balance-grid,.social-bonus-grid,.payment-buttons{grid-template-columns:1fr;}
  .auth-card,.wallet-card{margin:22px 14px;padding:26px 20px;border-radius:22px !important;}
  .hero-main-actions{display:flex;flex-direction:column;gap:12px;}
  .hero-button{width:100%;}
}

/* ================================================================
   PREMIUM 2026 DESIGN OVERLAY — v20260711
   Modernization layer on top of legacy styles. Preserves all
   existing class names and DOM structure. Business logic unchanged.
   ================================================================ */
:root {
  --sb-bg: #07050f;
  --sb-bg-2: #0d0820;
  --sb-surface: rgba(20, 14, 38, 0.72);
  --sb-surface-2: rgba(28, 20, 54, 0.55);
  --sb-border: rgba(168, 132, 255, 0.18);
  --sb-border-strong: rgba(196, 168, 255, 0.32);
  --sb-primary: #a78bfa;
  --sb-primary-2: #8b5cf6;
  --sb-primary-3: #6d28d9;
  --sb-accent: #22d3ee;
  --sb-text: #f4f0ff;
  --sb-muted: #b6a9d8;
  --sb-radius-sm: 12px;
  --sb-radius: 18px;
  --sb-radius-lg: 26px;
  --sb-radius-xl: 34px;
  --sb-shadow: 0 24px 60px -20px rgba(107, 33, 168, 0.45), 0 8px 24px -10px rgba(0,0,0,0.55);
  --sb-shadow-lg: 0 40px 100px -30px rgba(139, 92, 246, 0.55), 0 12px 40px -12px rgba(0,0,0,0.6);
  --sb-gradient: linear-gradient(135deg, #8b5cf6 0%, #a855f7 45%, #6366f1 100%);
  --sb-gradient-soft: linear-gradient(135deg, rgba(139,92,246,0.22), rgba(34,211,238,0.12));
  --sb-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(139,92,246,0.28), transparent 60%),
    radial-gradient(900px 600px at 90% 10%, rgba(34,211,238,0.15), transparent 65%),
    radial-gradient(1000px 800px at 50% 110%, rgba(168,85,247,0.22), transparent 60%),
    var(--sb-bg) !important;
  color: var(--sb-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, .nav-logo, .footer-logo {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  letter-spacing: -0.02em;
}

h1 { font-weight: 700; }

/* ---- Navbar ---- */
.navbar {
  backdrop-filter: blur(24px) saturate(160%);
  background: linear-gradient(180deg, rgba(15,10,32,0.78), rgba(15,10,32,0.55)) !important;
  border-bottom: 1px solid var(--sb-border);
}
.nav-logo {
  background: var(--sb-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  font-weight: 700;
}
.nav-register-link, .nav-user-badge {
  background: var(--sb-gradient) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 600;
  box-shadow: 0 8px 24px -8px rgba(139,92,246,0.55);
  transition: transform .25s var(--sb-ease), box-shadow .25s var(--sb-ease);
}
.nav-register-link:hover, .nav-user-badge:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px -10px rgba(139,92,246,0.7);
}

.menu-toggle {
  background: rgba(168,132,255,0.10);
  border: 1px solid var(--sb-border) !important;
  border-radius: 12px !important;
  transition: background .25s var(--sb-ease), border-color .25s var(--sb-ease);
}
.menu-toggle:hover { background: rgba(168,132,255,0.18); border-color: var(--sb-border-strong) !important; }
.menu-toggle span { background: var(--sb-text) !important; }

.nav-menu {
  background: linear-gradient(180deg, rgba(20,14,40,0.96), rgba(15,10,32,0.94)) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: var(--sb-radius-lg) !important;
  box-shadow: var(--sb-shadow-lg);
  backdrop-filter: blur(20px);
}
.nav-menu a {
  border-radius: 12px;
  transition: background .2s var(--sb-ease), transform .2s var(--sb-ease);
}
.nav-menu a:hover { background: rgba(168,132,255,0.12); transform: translateX(2px); }

/* ---- Hero ---- */
.trust-kicker, .auth-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, rgba(139,92,246,0.20), rgba(34,211,238,0.14));
  border: 1px solid var(--sb-border-strong);
  color: #e9dfff !important;
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 14px;
  backdrop-filter: blur(10px);
}

.hero h1, .trust-hero-copy h1 {
  font-size: clamp(44px, 7vw, 84px) !important;
  line-height: 1.02;
  background: linear-gradient(135deg, #fff 0%, #d8c9ff 55%, #a78bfa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  margin: 14px 0 10px;
}

.seo-title, .hero h2 {
  color: var(--sb-text) !important;
  font-weight: 500;
  font-size: clamp(18px, 2.2vw, 24px);
}

.hero-subtitle { color: var(--sb-muted) !important; max-width: 620px; }

/* ---- Buttons ---- */
.hero-button, .primary-wide-btn, .order-btn, .payment-method-btn, .wallet-link, .trust-card-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--sb-gradient) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 26px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 12px 30px -12px rgba(139,92,246,0.6), inset 0 1px 0 rgba(255,255,255,0.15);
  transition: transform .25s var(--sb-ease), box-shadow .25s var(--sb-ease), filter .25s var(--sb-ease);
  overflow: hidden;
}
.hero-button::before, .primary-wide-btn::before, .order-btn::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform .7s var(--sb-ease);
}
.hero-button:hover, .primary-wide-btn:hover, .order-btn:hover, .payment-method-btn:hover, .wallet-link:hover, .trust-card-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 42px -14px rgba(139,92,246,0.75), inset 0 1px 0 rgba(255,255,255,0.2);
  filter: brightness(1.05);
}
.hero-button:hover::before, .primary-wide-btn:hover::before, .order-btn:hover::before { transform: translateX(100%); }
.hero-button:active { transform: translateY(0); }

.hero-register-button {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--sb-border-strong) !important;
  backdrop-filter: blur(10px);
  box-shadow: none !important;
}
.hero-register-button:hover {
  background: rgba(168,132,255,0.14) !important;
  border-color: var(--sb-primary) !important;
}

/* ---- Cards / sections ---- */
.trust-hero-card, .wallet-card, .auth-card, .card, .service-card, .order-card,
.trust-section .step-card, .stat-card, .proof-card, .review-card, .faq-item,
.category-card, .balance-grid > div, .social-bonus-box, .topup-box,
.welcome-bonus-list > div, .bonus-lines > div {
  background: var(--sb-surface);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-lg);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: var(--sb-shadow);
  transition: transform .3s var(--sb-ease), border-color .3s var(--sb-ease), box-shadow .3s var(--sb-ease);
}
.service-card:hover, .category-card:hover, .step-card:hover, .review-card:hover, .proof-card:hover, .faq-item:hover {
  transform: translateY(-4px);
  border-color: var(--sb-border-strong);
  box-shadow: var(--sb-shadow-lg);
}

.category-card {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  color: var(--sb-text);
}
.category-card b { font-size: 18px; color: #fff; }
.category-card span { color: var(--sb-muted); font-size: 14px; }

/* Section headers */
.section-head { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.section-head span {
  display: inline-block;
  color: var(--sb-primary);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}
.section-head h2 {
  font-size: clamp(28px, 4vw, 44px);
  margin: 0 0 8px;
  background: linear-gradient(135deg, #fff, #c9b8ff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.section-head p { color: var(--sb-muted); }

/* Stats numbers */
.stat-card h2 {
  font-size: clamp(30px, 4vw, 48px);
  background: var(--sb-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Balance / wallet */
.balance-grid { gap: 16px; }
.balance-grid > div { padding: 22px; }
.balance-grid b {
  font-size: 30px;
  background: var(--sb-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.wallet-card, .auth-card { padding: clamp(24px, 4vw, 44px); }

/* Inputs */
input, select, textarea {
  background: rgba(10,6,22,0.6) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 12px !important;
  color: var(--sb-text) !important;
  padding: 12px 14px !important;
  font-size: 15px;
  transition: border-color .2s var(--sb-ease), box-shadow .2s var(--sb-ease), background .2s var(--sb-ease);
}
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: var(--sb-primary) !important;
  background: rgba(20,14,40,0.75) !important;
  box-shadow: 0 0 0 4px rgba(139,92,246,0.18);
}

/* Social bonus buttons */
.social-bonus-btn {
  border-radius: 16px !important;
  border: 1px solid var(--sb-border) !important;
  background: rgba(38,165,228,0.10) !important;
  transition: transform .25s var(--sb-ease), border-color .25s var(--sb-ease), background .25s var(--sb-ease);
}
.social-bonus-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: var(--sb-border-strong) !important;
  background: rgba(38,165,228,0.16) !important;
}

/* Footer */
.footer, .trust-footer {
  border-top: 1px solid var(--sb-border);
  background: linear-gradient(180deg, transparent, rgba(10,6,22,0.6)) !important;
}
.footer-logo {
  background: var(--sb-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.footer-links a {
  color: var(--sb-muted) !important;
  transition: color .2s var(--sb-ease);
}
.footer-links a:hover { color: var(--sb-text) !important; }

/* Floating support */
.telegram-support, .telegram-channel-fab {
  background: var(--sb-gradient) !important;
  box-shadow: 0 12px 30px -8px rgba(139,92,246,0.6);
  transition: transform .3s var(--sb-ease), box-shadow .3s var(--sb-ease);
}
.telegram-support:hover, .telegram-channel-fab:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 20px 42px -10px rgba(139,92,246,0.75);
}
/* Hide any leftover VK support widget just in case */
.vk-support, .vk-btn, .vk-bonus, .vk-action { display: none !important; }

/* Chips row */
.trust-mini-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.trust-mini-row > span {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(168,132,255,0.10);
  border: 1px solid var(--sb-border);
  color: var(--sb-muted);
  font-size: 13.5px;
  backdrop-filter: blur(8px);
}

/* Trust card head */
.trust-card-head {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 4px 0 16px;
  border-bottom: 1px dashed var(--sb-border);
}
.trust-card-head b {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 32px;
  background: var(--sb-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.trust-hero-card { padding: 26px; }

.bonus-lines > div, .welcome-bonus-list > div {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px;
  margin-top: 10px;
  border-radius: 14px;
  background: rgba(168,132,255,0.06);
}

/* Step cards numbered */
.step-card {
  padding: 24px;
  display: flex; flex-direction: column; gap: 8px;
}
.step-card strong {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 14px;
  background: var(--sb-gradient);
  color: #fff; font-weight: 700; font-size: 20px;
  box-shadow: 0 10px 24px -8px rgba(139,92,246,0.55);
}

/* Reveal-on-scroll baseline (works even without JS) */
@keyframes sbFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.trust-section, .hero, .services, .stats {
  animation: sbFadeUp .6s var(--sb-ease) both;
}

/* Selection */
::selection { background: rgba(139,92,246,0.4); color: #fff; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(139,92,246,0.6), rgba(99,102,241,0.6));
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(168,132,255,0.9); }

/* Mobile refinements */
@media (max-width: 720px) {
  .trust-hero-grid { grid-template-columns: 1fr !important; gap: 22px; }
  .hero h1, .trust-hero-copy h1 { font-size: clamp(38px, 10vw, 56px) !important; }
  .section-head h2 { font-size: clamp(24px, 6vw, 32px); }
  .navbar { padding: 12px 16px; }
  .hero-main-actions { flex-direction: column; align-items: stretch; }
  .hero-main-actions .hero-button { width: 100%; text-align: center; }
  .balance-grid { grid-template-columns: 1fr !important; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   MOBILE ADAPTIVE FIX (iPhone 320-430) — 2026-07-11
   Prevents horizontal scroll, overflows, overlaps.
   Business logic unchanged; presentation only.
   ============================================================ */
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }
img, svg, video { max-width: 100%; height: auto; }

/* Decorative background must never create scroll */
.bg-animation {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  max-width: 100vw;
  z-index: -1;
}
.bg-animation span { max-width: 100vw; }

@media (max-width: 640px) {
  /* ---------- NAVBAR ---------- */
  .navbar, .trust-navbar {
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    min-height: 60px !important;
    padding: 10px 14px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  .nav-logo {
    font-size: 22px !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1 !important;
  }
  .main-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }
  .main-nav-links > a:not(.nav-register-link) { display: none !important; }
  .nav-register-link {
    font-size: 13px !important;
    padding: 10px 12px !important;
    max-width: 160px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 14px !important;
  }
  .menu-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex-shrink: 0 !important;
  }

  /* Fullscreen mobile menu should not push layout */
  .nav-menu {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
  }

  /* ---------- HERO ---------- */
  .hero, .trust-hero {
    padding: 100px 16px 28px !important;
    min-height: auto !important;
  }
  .trust-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .trust-hero-copy { text-align: center; }
  .trust-kicker {
    font-size: 12px !important;
    padding: 8px 12px !important;
    margin-bottom: 14px !important;
    max-width: 100%;
    white-space: normal;
    line-height: 1.3;
  }
  .trust-hero-copy h1 {
    font-size: clamp(38px, 11vw, 56px) !important;
    letter-spacing: -.04em !important;
    line-height: .95 !important;
    margin-bottom: 10px !important;
  }
  .trust-hero .seo-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  .trust-hero .hero-subtitle {
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }

  /* ---------- BUTTONS ---------- */
  .hero-main-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
  }
  .hero-button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    font-size: 16px !important;
    border-radius: 16px !important;
  }

  .trust-mini-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }
  .trust-mini-row span {
    font-size: 12px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
  }

  /* ---------- HERO CARD ---------- */
  .trust-hero-card {
    padding: 18px !important;
    border-radius: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .trust-card-head b { font-size: 26px !important; }
  .bonus-lines div {
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .bonus-lines b { font-size: 18px !important; }
  .trust-card-button {
    min-height: 56px !important;
    height: 56px !important;
    font-size: 15px !important;
  }

  /* ---------- SECTIONS ---------- */
  .trust-section {
    padding: 0 16px !important;
    margin: 0 auto 24px !important;
    max-width: 100% !important;
  }
  .section-head h2 { font-size: 26px !important; line-height: 1.15 !important; }
  .section-head p { font-size: 15px !important; }

  /* Cards to single column, unified spacing */
  .category-grid,
  .steps-grid,
  .trust-proof,
  .review-grid,
  .reviews .review-grid,
  .stats,
  .trust-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .category-card,
  .step-card,
  .proof-card,
  .review-card,
  .faq-item,
  .stat-card {
    padding: 18px !important;
    border-radius: 18px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
  }
  .stat-card h2 { font-size: 32px !important; }
  .review-card p { font-size: 15px !important; }
  .faq-item h3 { font-size: 17px !important; }
  .faq-item p { font-size: 14px !important; line-height: 1.5 !important; }

  /* ---------- FOOTER ---------- */
  .trust-footer, .footer {
    padding: 28px 16px 120px !important;
    margin-top: 32px !important;
    text-align: center;
  }
  .footer-links { gap: 10px !important; }
  .footer-links a { font-size: 14px !important; }

  /* ---------- FLOATING SUPPORT BUTTONS ---------- */
  .telegram-support {
    right: 14px !important;
    width: 52px !important;
    height: 52px !important;
  }
  .telegram-support img { width: 26px !important; height: 26px !important; }
  .telegram-channel-fab { bottom: 84px !important; }
  .telegram-support:not(.telegram-channel-fab) { bottom: 20px !important; }

  /* Wallet page tweak — keep grid stackable */
  .wallet-page { padding: 100px 16px 40px !important; }
  .wallet-card { padding: 20px !important; border-radius: 22px !important; }
  .balance-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .payment-buttons { display: flex; flex-direction: column; gap: 10px; }
  .payment-method-btn { min-height: 56px !important; }
}

@media (max-width: 380px) {
  .trust-hero-copy h1 { font-size: 34px !important; }
  .section-head h2 { font-size: 22px !important; }
  .nav-register-link { font-size: 12px !important; max-width: 130px !important; padding: 8px 10px !important; }
  .nav-logo { font-size: 20px !important; max-width: 120px !important; }
}

/* ============================================================
   БЕСПЛАТНАЯ НАКРУТКА (free.html) + подложка на index.html
   ============================================================ */

.free-page{
  max-width: 960px;
  margin: 0 auto;
  padding: 110px 20px 60px;
  display: grid;
  gap: 20px;
}

.free-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 28px;
  color: #ecebff;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 60px -30px rgba(0,0,0,.6);
  animation: sbFadeUp .5s ease both;
}

.free-icon{
  font-size: 46px;
  line-height: 1;
  margin-bottom: 12px;
}

.free-card h1{
  font-size: clamp(24px, 4vw, 34px);
  margin: 0 0 10px;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  letter-spacing: -.01em;
}

.free-card h2{
  font-size: 20px;
  margin: 0 0 16px;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
}

.free-card p{
  color: rgba(236,235,255,.75);
  line-height: 1.55;
  margin: 0 0 16px;
}

.free-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 16px;
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  box-shadow: 0 10px 30px -10px rgba(139,92,246,.7);
  width: auto;
}
.free-cta:hover:not(:disabled){ transform: translateY(-2px); box-shadow: 0 16px 36px -12px rgba(139,92,246,.85); }
.free-cta:disabled{ opacity: .5; cursor: not-allowed; }

.free-cta-tg{ background: linear-gradient(135deg, #26a5e4, #1a80c4); box-shadow: 0 10px 30px -10px rgba(38,165,228,.7); margin-right: 10px; }
.free-cta-secondary{ background: rgba(255,255,255,.08); box-shadow: none; }
.free-cta-secondary:hover:not(:disabled){ background: rgba(255,255,255,.14); }

.free-note{
  color: rgba(236,235,255,.55);
  font-size: 14px;
  margin-top: 14px;
}
.free-note a{ color: #a5b4fc; text-decoration: underline; }

/* Гостевой экран — сетка перков */
.free-perks{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 18px 0 24px;
}
.free-perks > div{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 14px;
  text-align: center;
}
.free-perks b{ display:block; font-size:15px; margin-bottom:4px; }
.free-perks span{ color: rgba(236,235,255,.6); font-size:13px; }

/* Таймер */
.free-timer{
  margin-top: 20px;
  background: rgba(139,92,246,.1);
  border: 1px solid rgba(139,92,246,.35);
  border-radius: 16px;
  padding: 18px;
  text-align: center;
}
.free-timer-label{ color: rgba(236,235,255,.7); font-size: 14px; margin-bottom: 6px; }
.free-timer-value{
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 2px;
  background: linear-gradient(135deg, #c4b5fd, #f0abfc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Каталог услуг */
.free-services-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.free-service-btn{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 18px 14px;
  color: #ecebff;
  cursor: pointer;
  text-align: center;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
  display: grid;
  gap: 4px;
  justify-items: center;
}
.free-service-btn:hover:not(:disabled){
  transform: translateY(-4px);
  border-color: rgba(139,92,246,.5);
  background: linear-gradient(180deg, rgba(139,92,246,.12), rgba(139,92,246,.04));
  box-shadow: 0 16px 40px -20px rgba(139,92,246,.6);
}
.free-service-btn:disabled, .free-service-btn.is-locked{ opacity: .45; cursor: not-allowed; }
.free-service-icon{ font-size: 30px; line-height: 1; margin-bottom: 4px; }
.free-service-btn b{ font-size: 16px; }
.free-service-qty{
  display: inline-block;
  background: linear-gradient(135deg, #fbd67a, #f59e0b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  font-size: 15px;
}
.free-service-desc{ font-size: 12px; color: rgba(236,235,255,.55); }

/* Форма */
.free-form-grid{
  display: grid;
  gap: 12px;
  margin: 16px 0;
}
.free-form-grid label{
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: rgba(236,235,255,.7);
}
.free-form-grid input,
.free-form-grid select{
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 12px 14px;
  color: #fff;
  font-size: 15px;
  font-family: inherit;
  outline: none;
  transition: border-color .18s ease, background .18s ease;
}
.free-form-grid input:focus,
.free-form-grid select:focus{
  border-color: rgba(139,92,246,.6);
  background: rgba(0,0,0,.35);
}

.free-form-actions{ display: flex; gap: 10px; flex-wrap: wrap; }
.free-form-actions .free-cta{ flex: 1; min-width: 140px; }

.free-status{ margin-top: 12px; font-size: 14px; color: rgba(236,235,255,.75); min-height: 20px; }

/* История */
.free-history-list{ display: grid; gap: 8px; }
.free-history-item{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.free-history-title{ font-weight: 600; }
.free-history-meta{ font-size: 13px; color: rgba(236,235,255,.55); }

/* Тизер на index.html */
.free-teaser{
  display: grid;
  gap: 8px;
  text-align: left;
}
.free-teaser-icon{ font-size: 40px; line-height: 1; }
.free-teaser h3{
  font-size: 22px;
  margin: 0;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
}
.free-teaser p{
  color: rgba(236,235,255,.7);
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.5;
}

/* Мобильные фиксы */
@media (max-width: 640px){
  .free-page{ padding: 100px 16px 40px; }
  .free-card{ padding: 20px; border-radius: 18px; }
  .free-perks{ grid-template-columns: 1fr; }
  .free-services-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .free-service-btn{ padding: 14px 10px; }
  .free-timer-value{ font-size: 34px; }
  .free-cta-tg{ margin-right: 0; margin-bottom: 10px; display: flex; width: 100%; }
  .free-form-actions{ flex-direction: column; }
}

@media (max-width: 380px){
  .free-services-grid{ grid-template-columns: 1fr; }
}

/* Скрываем старые бонусные элементы, если где-то остались */
.social-bonus-box,
.welcome-bonus-list,
.bonus-page,
.daily-card,
.giveaway-status{ display: none !important; }

/* ============================================================
   SMM-Boost SEO Landing Additions (v20260714-seo)
   Только новые классы: breadcrumbs, service-lp, price-card,
   why-us, related-services, cta-block, page-404. Не переопределяет
   существующие правила.
   ============================================================ */

/* Breadcrumbs */
.breadcrumbs{max-width:1200px;margin:16px auto 0;padding:0 20px;font-size:13px;color:rgba(255,255,255,.62)}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.breadcrumbs li{display:inline-flex;align-items:center}
.breadcrumbs li.sep{opacity:.55}
.breadcrumbs a{color:inherit;text-decoration:none;transition:color .2s ease}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs [aria-current="page"]{color:#fff}

/* Price card (right aside on service LP) */
.price-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.price-card-head{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.price-card-price{display:flex;align-items:baseline;gap:6px;font-family:'Space Grotesk',sans-serif}
.price-card-price strong{font-size:44px;line-height:1;font-weight:700;background:linear-gradient(120deg,#fff 0%,#c4b5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-card-price span{opacity:.7}
.price-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;opacity:.9}
.price-card-list li::before{content:"✓ ";color:#8f79ff;margin-right:4px}

/* Service landing hero grid */
.service-lp-hero .trust-hero-grid{align-items:stretch}

/* CTA block */
.cta-block{text-align:center;padding:56px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(143,121,255,.18),rgba(59,130,246,.15));border:1px solid rgba(255,255,255,.08)}
.cta-block h2{margin:0 0 10px;font-size:clamp(22px,3.5vw,32px)}
.cta-block p{opacity:.85;margin:0 0 22px}

/* Related services grid extra hover */
.related-services .category-card{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease}
.related-services .category-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.35);border-color:rgba(255,255,255,.24)}

/* FAQ <details> styling */
.faq details.faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;margin:10px 0;transition:border-color .2s ease,background .2s ease}
.faq details.faq-item[open]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.faq details.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq details.faq-item summary::-webkit-details-marker{display:none}
.faq details.faq-item summary::after{content:"+";font-size:22px;line-height:1;opacity:.7;transition:transform .2s ease}
.faq details.faq-item[open] summary::after{content:"−";transform:rotate(0deg)}
.faq details.faq-item summary h3{margin:0;font-size:16px;font-weight:600}
.faq details.faq-item p{margin:12px 0 4px;opacity:.85;line-height:1.55}

/* 404 */
.page-404-main{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.page-404-hero{max-width:640px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}
.page-404-code{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(96px,20vw,180px);line-height:.9;background:linear-gradient(120deg,#8f79ff 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-404-search{display:flex;gap:8px;width:100%;max-width:460px;margin:6px auto 0}
.page-404-search input{flex:1;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:15px;outline:none;transition:border-color .2s}
.page-404-search input:focus{border-color:#8f79ff}
.page-404-search button{padding:14px 20px;border-radius:14px;border:0;background:linear-gradient(120deg,#8f79ff,#3b82f6);color:#fff;font-weight:600;cursor:pointer}
.page-404-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}
.page-404-links .chip{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:13px;transition:transform .2s,background .2s}
.page-404-links .chip:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

/* Accessibility: skip animations for prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .related-services .category-card,.faq details.faq-item,.page-404-links .chip{transition:none}
}

/* Print */
@media print{
  .bg-animation,.telegram-support,#live-orders,.nav-menu,.menu-toggle{display:none!important}
  body{background:#fff!important;color:#000!important}
}

/* ============================================================
   THEME v17 — Dark charcoal + violet gradient
   Modern polish: buttons, cards, typography, motion
   ============================================================ */
:root{
  --v17-bg-0:#0b0d12;
  --v17-bg-1:#12141c;
  --v17-bg-2:#181b25;
  --v17-surface:rgba(24,27,37,.72);
  --v17-surface-2:rgba(30,34,46,.86);
  --v17-border:rgba(148,163,184,.14);
  --v17-border-strong:rgba(167,139,250,.28);
  --v17-text:#e8ebf3;
  --v17-text-dim:#a8b0c0;
  --v17-text-mute:#7a8296;
  --v17-violet-1:#8b5cf6;
  --v17-violet-2:#a855f7;
  --v17-violet-3:#c084fc;
  --v17-violet-4:#6d28d9;
  --v17-gradient:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 40%,#a855f7 100%);
  --v17-gradient-hover:linear-gradient(135deg,#8b5cf6 0%,#a855f7 50%,#c084fc 100%);
  --v17-glow:0 10px 30px -6px rgba(139,92,246,.55),0 0 0 1px rgba(167,139,250,.28) inset;
  --v17-glow-strong:0 18px 46px -8px rgba(168,85,247,.65),0 0 0 1px rgba(192,132,252,.4) inset;
  --v17-shadow-card:0 12px 32px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;
}

/* ---- Background: dark charcoal with subtle violet aurora ---- */
html,body{background:var(--v17-bg-0)!important;color:var(--v17-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  background:
    radial-gradient(1200px 700px at 8% -10%,rgba(139,92,246,.16),transparent 60%),
    radial-gradient(900px 600px at 95% 10%,rgba(168,85,247,.12),transparent 60%),
    radial-gradient(1000px 700px at 50% 110%,rgba(109,40,217,.14),transparent 60%),
    linear-gradient(180deg,#0b0d12 0%,#0e1017 60%,#0b0d12 100%)!important;
  background-attachment:fixed;
}
.bg-animation span{opacity:.14!important;filter:blur(110px)!important}
.bg-animation span:nth-child(1){background:#7c3aed!important}
.bg-animation span:nth-child(2){background:#a855f7!important}
.bg-animation span:nth-child(3){background:#6d28d9!important}
.bg-animation span:nth-child(4){background:#8b5cf6!important}

/* ---- Typography polish ---- */
h1,h2,h3,h4{letter-spacing:-.01em;color:#f4f4fb}
h1{font-weight:800}
h2{font-weight:700}
p{color:var(--v17-text-dim)}
a{transition:color .2s ease}
::selection{background:rgba(168,85,247,.35);color:#fff}

/* ---- Navbar refinement ---- */
.navbar,.trust-navbar{
  background:linear-gradient(180deg,rgba(11,13,18,.88),rgba(11,13,18,.72))!important;
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--v17-border)!important;
}
.nav-logo{background:var(--v17-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800;letter-spacing:-.02em}
.nav-menu{
  background:linear-gradient(180deg,rgba(18,20,28,.98),rgba(11,13,18,.98))!important;
  border:1px solid var(--v17-border)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.5)!important;
  border-radius:18px!important;
}
.nav-menu a{color:var(--v17-text)!important;transition:background .18s ease,transform .18s ease,color .18s ease}
.nav-menu a:hover{background:rgba(139,92,246,.14)!important;color:#fff!important;transform:translateX(2px)}

/* ---- Cards / sections ---- */
.card,.wallet-card,.category-card,.trust-card,.faq details.faq-item{
  background:var(--v17-surface)!important;
  border:1px solid var(--v17-border)!important;
  box-shadow:var(--v17-shadow-card)!important;
  border-radius:20px!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.category-card:hover,.trust-card:hover,.card:hover{
  transform:translateY(-4px);
  border-color:var(--v17-border-strong)!important;
  box-shadow:0 20px 50px -14px rgba(139,92,246,.35),0 0 0 1px rgba(167,139,250,.28) inset!important;
}
.category-card b{color:#fff}
.category-card span{color:var(--v17-text-mute)}

/* ---- Universal violet-gradient buttons ---- */
.hero-button,
.payment-method-btn,
.wallet-link,
.order-btn,
.trust-card-button,
.primary-wide-btn,
.hero-small-button,
.nav-register-link,
.page-404-search button,
.btn{
  position:relative;
  overflow:hidden;
  background:var(--v17-gradient)!important;
  background-size:200% 100%!important;
  color:#fff!important;
  border:0!important;
  border-radius:16px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  box-shadow:var(--v17-glow)!important;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background-position .5s ease,filter .18s ease!important;
  isolation:isolate;
}
.hero-button::after,
.payment-method-btn::after,
.wallet-link::after,
.trust-card-button::after,
.primary-wide-btn::after,
.nav-register-link::after,
.btn::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);
  transform:translateX(-120%);transition:transform .7s ease;z-index:1;
}
.hero-button:hover,
.payment-method-btn:hover,
.wallet-link:hover,
.trust-card-button:hover,
.primary-wide-btn:hover,
.nav-register-link:hover,
.btn:hover{
  transform:translateY(-2px) scale(1.01)!important;
  background:var(--v17-gradient-hover)!important;
  background-position:100% 0!important;
  box-shadow:var(--v17-glow-strong)!important;
  filter:saturate(1.05);
}
.hero-button:hover::after,
.payment-method-btn:hover::after,
.wallet-link:hover::after,
.trust-card-button:hover::after,
.primary-wide-btn:hover::after,
.nav-register-link:hover::after,
.btn:hover::after{transform:translateX(120%)}
.hero-button:active,
.payment-method-btn:active,
.wallet-link:active,
.trust-card-button:active,
.primary-wide-btn:active,
.btn:active{transform:translateY(0) scale(.99)!important;filter:saturate(.98)}

/* Secondary/ghost variant retained: hero-register-button, crypto */
.hero-register-button{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(192,132,252,.35)!important;
  color:#efeaff!important;
  box-shadow:0 6px 20px -8px rgba(139,92,246,.35)!important;
}
.hero-register-button:hover{
  background:rgba(139,92,246,.14)!important;
  border-color:rgba(192,132,252,.6)!important;
}
.crypto-btn,.payment-method-btn.crypto-btn{
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 50%,#8b5cf6 100%)!important;
}

/* ---- Loading state (spinner on button) ---- */
@keyframes v17-spin{to{transform:rotate(360deg)}}
@keyframes v17-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.is-loading{pointer-events:none;cursor:progress;color:transparent!important;position:relative}
.is-loading::before{
  content:"";position:absolute;top:50%;left:50%;
  width:20px;height:20px;margin:-10px 0 0 -10px;
  border:2.4px solid rgba(255,255,255,.35);
  border-top-color:#fff;border-radius:50%;
  animation:v17-spin .7s linear infinite;
  z-index:3;
}
.is-loading::after{
  transform:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.18),rgba(255,255,255,.05))!important;
  background-size:200% 100%!important;
  animation:v17-shimmer 1.4s linear infinite;
  opacity:.6;
}

/* ---- Inputs polish ---- */
input,textarea,select{
  background:rgba(15,18,26,.85)!important;
  border:1px solid var(--v17-border)!important;
  color:var(--v17-text)!important;
  border-radius:14px!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(168,85,247,.6)!important;
  box-shadow:0 0 0 4px rgba(139,92,246,.18)!important;
  outline:none!important;
}
input::placeholder,textarea::placeholder{color:var(--v17-text-mute)!important}

/* ---- Wallet balances glow ---- */
.balance-grid > div{
  background:linear-gradient(160deg,rgba(139,92,246,.10),rgba(15,18,26,.6))!important;
  border:1px solid var(--v17-border)!important;
  border-radius:18px!important;
  padding:18px!important;
  transition:transform .25s ease,border-color .25s ease;
}
.balance-grid > div:hover{transform:translateY(-2px);border-color:var(--v17-border-strong)!important}
.balance-grid b{background:var(--v17-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-size:1.8em}

/* ---- Footer polish ---- */
.footer,.trust-footer{
  background:linear-gradient(180deg,rgba(11,13,18,0),rgba(11,13,18,.9))!important;
  border-top:1px solid var(--v17-border)!important;
}
.footer a{color:var(--v17-text-dim)!important;transition:color .2s}
.footer a:hover{color:var(--v17-violet-3)!important}
.footer-logo{background:var(--v17-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800}

/* ---- Hero refinement ---- */
.hero h1,.trust-hero h1{
  background:linear-gradient(120deg,#ffffff 0%,#e9defc 45%,#c4b5fd 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-subtitle{color:var(--v17-text-dim)!important}

/* ---- Breadcrumbs ---- */
.breadcrumbs{color:var(--v17-text-mute)}
.breadcrumbs a{color:var(--v17-text-dim)}
.breadcrumbs a:hover{color:var(--v17-violet-3)}

/* ---- Fade-in on load ---- */
@keyframes v17-fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
main > section,.wallet-card,.card{animation:v17-fade-up .55s cubic-bezier(.22,1,.36,1) both}
main > section:nth-child(2){animation-delay:.06s}
main > section:nth-child(3){animation-delay:.12s}
main > section:nth-child(4){animation-delay:.18s}

/* ---- Telegram FAB ---- */
.telegram-support{
  background:var(--v17-gradient)!important;
  box-shadow:var(--v17-glow)!important;
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease!important;
}
.telegram-support:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--v17-glow-strong)!important}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  main > section,.wallet-card,.card{animation:none}
  .hero-button,.payment-method-btn,.wallet-link,.btn{transition:none!important}
  .is-loading::before{animation-duration:1.5s}
}
/* END THEME v17 */