.status-pill[data-v-9f34aa3d]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 1px #ffffff05,0 4px 20px #00000014}:root:not(.dark) .status-pill[data-v-9f34aa3d]{background:#ffffffb3;border-color:#94a3b826;box-shadow:inset 0 0 0 1px #ffffff80,0 4px 20px #0000000a}.hero-spot-layer[data-v-be293cfd]{background:radial-gradient(520px circle at var(--hx,50%) var(--hy,50%),rgba(212,175,55,.18),transparent 55%);mix-blend-mode:screen;opacity:var(--h-on,0);transition:opacity .4s ease;z-index:1}.dark{background:radial-gradient(520px circle at var(--hx,50%) var(--hy,50%),rgba(212,175,55,.28),transparent 55%)}@media(prefers-reduced-motion:reduce){.hero-spot-layer[data-v-be293cfd]{display:none}}.platform-card[data-v-25d3e307]{align-items:center;aspect-ratio:1/1;border-radius:.75rem;border-width:1px;cursor:default;display:flex;flex-direction:column;gap:.5rem;justify-content:center;position:relative;--tw-border-opacity:1;background-color:#ffffffb3;border-color:rgb(229 229 229/var(--tw-border-opacity,1));padding:.75rem;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.platform-card[data-v-25d3e307]{padding:1rem}}.dark .platform-card[data-v-25d3e307]{--tw-border-opacity:1;background-color:#17171766;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.platform-card[data-v-25d3e307]:hover{border-color:var(--brand);box-shadow:0 8px 32px -8px color-mix(in srgb,var(--brand) 25%,transparent);transform:translateY(-2px)}.platform-logo[data-v-25d3e307]{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}@media(min-width:768px){.platform-logo[data-v-25d3e307]{height:2.5rem;width:2.5rem}}.platform-logo[data-v-25d3e307]{color:#a3a3a3;transition:color .3s ease}.dark .platform-logo[data-v-25d3e307]{color:#737373}.platform-card:hover .platform-logo[data-v-25d3e307]{color:var(--brand)}.platform-logo[data-v-25d3e307] svg{height:100%;width:100%}.platform-name[data-v-25d3e307]{font-size:10px;font-weight:500;letter-spacing:.025em}@media(min-width:768px){.platform-name[data-v-25d3e307]{font-size:.75rem;line-height:1rem}}.platform-name[data-v-25d3e307]{color:#737373;transition:color .3s ease}.dark .platform-name[data-v-25d3e307]{color:#a3a3a3}.platform-card:hover .platform-name[data-v-25d3e307]{color:var(--brand)}.stat-card[data-v-25d3e307]{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.stat-card[data-v-25d3e307]{padding:1.75rem}}.dark .stat-card[data-v-25d3e307]{--tw-border-opacity:1;background-color:#17171780;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.stat-card[data-v-25d3e307]:hover{--tw-border-opacity:1;border-color:rgb(163 163 163/var(--tw-border-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:hsla(0,0%,9%,.05);--tw-shadow:var(--tw-shadow-colored)}.dark .stat-card[data-v-25d3e307]:hover{--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity,1))}.stat-value[data-v-25d3e307]{font-family:Unbounded,system-ui,sans-serif;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:2.5rem;margin-bottom:.25rem}@media(min-width:768px){.stat-value[data-v-25d3e307]{font-size:3rem;line-height:1}}.stat-value[data-v-25d3e307]{background:linear-gradient(135deg,#d4af37,#f5e6a8 50%,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-unit[data-v-25d3e307]{font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:768px){.stat-unit[data-v-25d3e307]{font-size:1.5rem;line-height:2rem}}.stat-label[data-v-25d3e307]{font-size:.875rem;font-weight:600;letter-spacing:.025em;line-height:1.25rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.stat-label[data-v-25d3e307]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}@media(min-width:768px){.stat-label[data-v-25d3e307]{font-size:1rem;line-height:1.5rem}}.stat-desc[data-v-25d3e307]{font-size:.75rem;line-height:1rem;line-height:1.625;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.stat-desc[data-v-25d3e307]:is(.dark *){--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}@media(min-width:768px){.stat-desc[data-v-25d3e307]{font-size:.875rem;line-height:1.25rem}}.trial-cta[data-v-25d3e307]{border-radius:1.5rem;border-width:1px;overflow:hidden;position:relative;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2rem}@media(min-width:768px){.trial-cta[data-v-25d3e307]{padding:3rem}}.dark .trial-cta[data-v-25d3e307]{--tw-border-opacity:1;background-color:#17171799;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.trial-cta[data-v-25d3e307]:before{background:radial-gradient(ellipse at top right,rgba(212,175,55,.08) 0,transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}.trial-cta[data-v-25d3e307]:after{background:linear-gradient(180deg,transparent,rgba(212,175,55,.4) 50%,transparent);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.marquee{overflow:hidden;width:100%}.marquee-track{animation:marquee-scroll var(--duration,40s) linear infinite;display:flex;gap:1.25rem;width:-moz-max-content;width:max-content}.marquee-reverse{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-fade{background:linear-gradient(90deg,#fafafa 0,transparent 8%,transparent 92%,#fafafa);inset:0;position:absolute;z-index:10}.dark .marquee-fade{background:linear-gradient(90deg,#0a0a0a 0,transparent 8%,transparent 92%,#0a0a0a)}


/* =========================================================
   VlessGo landing — clean final patch
   Add to the END of /opt/landing/_nuxt/index.wbNcFyjC.css
   ========================================================= */

:root,
.dark {
  color-scheme: dark !important;
  --brand: #a855f7 !important;
  --gold: #a855f7 !important;
  --background: #0b0714 !important;
  --foreground: #f5f0ff !important;
  --card: #191126 !important;
  --card-2: #211631 !important;
  --border: #3b2558 !important;
  --muted: #a79ab8 !important;
}

html,
body,
#__nuxt {
  background: #0b0714 !important;
  color: #f5f0ff !important;
  min-height: 100% !important;
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(168,85,247,.18), transparent 32%),
    radial-gradient(circle at 84% 10%, rgba(139,92,246,.14), transparent 30%),
    #0b0714 !important;
}

/* Disable old spotlight */
.hero-spot-layer[data-v-be293cfd] {
  display: none !important;
}

.dark {
  background: transparent !important;
}

/* Main blocks */
.status-pill[data-v-9f34aa3d],
:root:not(.dark) .status-pill[data-v-9f34aa3d] {
  background: rgba(25,17,38,.76) !important;
  border-color: rgba(168,85,247,.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 28px rgba(0,0,0,.22) !important;
  color: #f5f0ff !important;
}

.platform-card[data-v-25d3e307],
.dark .platform-card[data-v-25d3e307],
.stat-card[data-v-25d3e307],
.dark .stat-card[data-v-25d3e307] {
  background-color: rgba(25,17,38,.78) !important;
  border-color: rgba(168,85,247,.24) !important;
  color: #f5f0ff !important;
}

.stat-card[data-v-25d3e307]:hover,
.dark .stat-card[data-v-25d3e307]:hover {
  border-color: rgba(192,132,252,.55) !important;
  box-shadow: 0 0 28px rgba(168,85,247,.18) !important;
}

.platform-logo[data-v-25d3e307],
.dark .platform-logo[data-v-25d3e307],
.platform-name[data-v-25d3e307],
.dark .platform-name[data-v-25d3e307],
.stat-desc[data-v-25d3e307],
.stat-desc[data-v-25d3e307]:is(.dark *) {
  color: #a79ab8 !important;
}

.stat-label[data-v-25d3e307],
.stat-label[data-v-25d3e307]:is(.dark *) {
  color: #f5f0ff !important;
}

.stat-value[data-v-25d3e307],
.gold-text,
.text-gold {
  background: linear-gradient(135deg,#8b5cf6,#c084fc 52%,#a855f7) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #c084fc !important;
}

/* CTA purple glass block */
.trial-cta[data-v-25d3e307],
.dark .trial-cta[data-v-25d3e307] {
  background:
    radial-gradient(circle at 78% 20%, rgba(168,85,247,.16), transparent 34%),
    radial-gradient(circle at 12% 85%, rgba(124,58,237,.12), transparent 36%),
    linear-gradient(135deg, rgba(25,17,38,.94), rgba(13,8,23,.96)) !important;
  border-color: rgba(168,85,247,.34) !important;
  color: #f5f0ff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 44px rgba(168,85,247,.12) !important;
}

.trial-cta[data-v-25d3e307]::before {
  background: radial-gradient(ellipse at top right, rgba(168,85,247,.20) 0%, transparent 58%) !important;
}

.trial-cta[data-v-25d3e307]::after {
  background: linear-gradient(180deg, transparent, rgba(168,85,247,.55), transparent) !important;
}

/* Tariff selected text */
[role="tab"][aria-selected="true"],
[aria-selected="true"],
button[aria-selected="true"],
button[class*="active"],
button[class*="selected"],
[role="tab"][aria-selected="true"] *,
[aria-selected="true"] *,
button[class*="active"] *,
button[class*="selected"] * {
  color: #f5f0ff !important;
}

/* Platform brand hover colors */
.platform-card[data-v-25d3e307] {
  --platform-color: #a855f7;
}

.platform-card[data-v-25d3e307]:hover {
  border-color: var(--platform-color) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--platform-color) 48%, transparent),
    0 0 32px color-mix(in srgb, var(--platform-color) 22%, transparent) !important;
  transform: translateY(-2px);
}

.platform-card[data-v-25d3e307]:hover .platform-logo[data-v-25d3e307],
.platform-card[data-v-25d3e307]:hover .platform-name[data-v-25d3e307] {
  color: var(--platform-color) !important;
}

.platform-card[data-v-25d3e307]:nth-of-type(1)  { --platform-color: #ff0033; }
.platform-card[data-v-25d3e307]:nth-of-type(2)  { --platform-color: #e1306c; }
.platform-card[data-v-25d3e307]:nth-of-type(3)  { --platform-color: #00f2ea; }
.platform-card[data-v-25d3e307]:nth-of-type(4)  { --platform-color: #10a37f; }
.platform-card[data-v-25d3e307]:nth-of-type(5)  { --platform-color: #e50914; }
.platform-card[data-v-25d3e307]:nth-of-type(6)  { --platform-color: #1db954; }
.platform-card[data-v-25d3e307]:nth-of-type(7)  { --platform-color: #5865f2; }
.platform-card[data-v-25d3e307]:nth-of-type(8)  { --platform-color: #9146ff; }
.platform-card[data-v-25d3e307]:nth-of-type(9)  { --platform-color: #1877f2; }
.platform-card[data-v-25d3e307]:nth-of-type(10) { --platform-color: #f5f0ff; }
.platform-card[data-v-25d3e307]:nth-of-type(11) { --platform-color: #0a66c2; }
.platform-card[data-v-25d3e307]:nth-of-type(12) { --platform-color: #ff4500; }

/* Tailwind light utilities remap */
.bg-white,
.dark .bg-white,
.bg-silver-50,
.bg-silver-100,
.bg-neutral-50,
.bg-neutral-100,
.bg-zinc-50,
.bg-zinc-100 {
  background-color: rgba(25,17,38,.78) !important;
}

.bg-silver-900,
.bg-silver-900\/60,
.dark .bg-silver-900,
.dark .bg-silver-900\/60,
.bg-neutral-900,
.dark .bg-neutral-900,
.bg-zinc-900,
.dark .bg-zinc-900 {
  background-color: rgba(25,17,38,.82) !important;
}

.border-silver-200,
.border-silver-300,
.border-silver-800,
.dark .border-silver-800,
.border-neutral-200,
.border-neutral-800,
.border-zinc-200,
.border-zinc-800 {
  border-color: rgba(168,85,247,.24) !important;
}

.text-silver-900,
.dark .text-silver-100,
.text-neutral-900,
.dark .text-neutral-100,
.text-zinc-900,
.dark .text-zinc-100 {
  color: #f5f0ff !important;
}

.text-silver-700,
.text-silver-600,
.text-silver-500,
.dark .text-silver-300,
.dark .text-silver-400,
.dark .text-silver-500,
.text-neutral-700,
.text-neutral-600,
.text-neutral-500,
.dark .text-neutral-300,
.dark .text-neutral-400,
.dark .text-neutral-500,
.text-zinc-700,
.text-zinc-600,
.text-zinc-500,
.dark .text-zinc-300,
.dark .text-zinc-400,
.dark .text-zinc-500 {
  color: #a79ab8 !important;
}

.bg-gold,
.dark .bg-gold {
  background-color: #a855f7 !important;
}

.bg-gold\/10,
.dark .bg-gold\/10 {
  background-color: rgba(168,85,247,.10) !important;
}

.border-gold,
.dark .border-gold,
.border-gold\/30,
.dark .border-gold\/30 {
  border-color: rgba(168,85,247,.36) !important;
}

/* Marquee fade */
.marquee-fade,
.dark .marquee-fade {
  background: linear-gradient(90deg,#0b0714 0, transparent 8%, transparent 92%, #0b0714) !important;
}

/* Hero planet */
main > section:first-child,
section:first-child {
  overflow: hidden !important;
}

section:first-child .h-\[min\(90vw\,900px\)\],
section:first-child .w-\[min\(90vw\,900px\)\] {
  height: min(78vw, 850px) !important;
  width: min(78vw, 850px) !important;
}

section:first-child .top-1\/2 {
  top: 45% !important;
}

section:first-child img[src*="logo-icon"] {
  transform: scale(1.03) !important;
  transform-origin: center center !important;
}

/* Buttons */
a[href].rounded-full,
button.rounded-full,
.btn {
  border-color: rgba(192,132,252,.35) !important;
}

/* Clean media backgrounds */
img,
canvas,
svg,
picture,
video {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Selection + scrollbar */
::selection {
  background: rgba(168,85,247,.42) !important;
  color: #fff !important;
}

* {
  scrollbar-color: #3b2558 #0b0714;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0b0714;
}

::-webkit-scrollbar-thumb {
  background: #3b2558;
  border: 2px solid #0b0714;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8b5cf6;
}

/* Только кнопки выбора дней в тарифах */
#tariffs .inline-flex.glass button {
  color: #f5f0ff !important;
}

/* Белые/светлые кнопки не трогаем */
#tariffs button.bg-white,
#tariffs button.dark\:bg-white,
#tariffs button.bg-gold {
  color: #0a0a0a !important;
}

#tariffs .card.spotlight::before {
  z-index: 1 !important; /* фонарик */
}

#tariffs .card > * {
  position: relative;
  z-index: 3;
}
/* =========================================================
   VlessGo FINAL spotlight fix — no yellow center
   ========================================================= */

/* убираем старые золотые/желтые radial-слои, которые давали желтизну */
.dark {
  background: transparent !important;
}

.dark\:bg-\[radial-gradient\(ellipse_at_top\,rgba\(212\,175\,55\,0\.06\)_0\%\,transparent_55\%\)\]:is(.dark *),
.bg-\[radial-gradient\(ellipse_at_top\,rgba\(212\,175\,55\,0\.04\)_0\%\,transparent_55\%\)\] {
  background-image: radial-gradient(
    ellipse at top,
    rgba(168,85,247,.08) 0%,
    transparent 55%
  ) !important;
}

.hero-spot-layer[data-v-be293cfd] {
  mix-blend-mode: normal !important;
  background: radial-gradient(
    220px circle at var(--hx,50%) var(--hy,50%),
    rgba(255,255,255,.14),   /* чисто белый */
    rgba(200,180,255,.10),   /* холодный фиолет */
    rgba(168,85,247,.10),
    transparent 72%
  ) !important;
}

/* Все spotlight-карточки */
.card.spotlight {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.card.spotlight::before {
  background: radial-gradient(
    220px circle at var(--mx-x,50%) var(--mx-y,50%),
    rgba(255,255,255,.14),   /* чисто белый */
    rgba(200,180,255,.10),   /* холодный фиолет */
    rgba(168,85,247,.10),
    transparent 72%
  ) !important;
}

.card.spotlight:hover::before {
  opacity: 1 !important;
}

.card.spotlight > * {
  position: relative;
  z-index: 2;
}

/* ===== Server cards spotlight fix ===== */
.group.spotlight.tilt {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.group.spotlight.tilt::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 1;

  background: radial-gradient(
    220px circle at var(--mx-x,50%) var(--mx-y,50%),
    rgba(255,255,255,.14),
    rgba(200,180,255,.10),
    rgba(168,85,247,.10),
    transparent 70%
  ) !important;
}

.group.spotlight.tilt:hover::before {
  opacity: 1;
}

.group.spotlight.tilt > * {
  position: relative;
  z-index: 2;
}

@media (hover: none), (pointer: coarse) {
  .card.spotlight::before,
  .card.spotlight::after,
  .group.spotlight::before,
  .group.spotlight::after,
  .hero::before,
  .hero::after,
  .hero-spot-layer,
  .hero-spot-layer::before,
  .hero-spot-layer::after,
  [data-v-be293cfd].hero-spot-layer {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}

/* 📱 Технологии — ещё компактнее */
@media (max-width: 768px) {
  #features .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #features .card {
    min-height: 135px !important;   /* ещё ниже */
    padding: 10px !important;
    border-radius: 14px !important;
  }

  /* маленькая иконка */
  #features .card > div:nth-child(2) {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 6px !important;
    border-radius: 9px !important;
  }

  #features .card > div:nth-child(2) svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* большая фоновая иконка */
  #features .card > div:first-child {
    width: 95px !important;
    height: 95px !important;
    right: -28px !important;
    top: -26px !important;
    opacity: 0.05 !important;
  }

  #features .card h3 {
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 3px !important;
  }

  #features .card p {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
}

/* 📱 Тарифы — обратно 1 в ряд, но компактно */
@media (max-width: 768px) {
  #tariffs .grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #tariffs .card {
    min-height: auto !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  #tariffs .card h3 {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  #tariffs .card p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  #tariffs .card li {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  #tariffs .card button {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
}

:root,
html,
html:not(.dark),
body {
  color-scheme: dark !important;
  background: #0b0714 !important;
  color: #f5f0ff !important;
}