body {

  background: #070b16;

  overflow-x: hidden;

}

.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;}
}