/* ============================================
   ВСТАВИТЬ В: Настройки сайта → Пользовательские CSS-стили
   ============================================ */

/* === MAXIMUM VPN — SHARED BASE === */
/* Общие стили для всех Zero-блоков. Загружается один раз. */

.mx-main,.mx-main *,.mx-main *::before,.mx-main *::after{box-sizing:border-box!important}
[data-record-type] .mx-main,.t-rec .mx-main,.t396 .mx-main,.t-text .mx-main{position:relative!important;min-height:auto!important;height:auto!important;overflow:visible!important;display:block!important}
.t-rec:has(.mx-main),[data-record-type]:has(.mx-main){overflow:visible!important;height:auto!important;min-height:auto!important}
.t-rec:has(.mx-main) .t-container,.t-rec:has(.mx-main) .t-col,.t-rec:has(.mx-main) .t-width{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}
.mx-main{position:relative!important;width:100%!important;min-height:auto!important;height:auto!important;max-width:100%!important;overflow-x:hidden!important;font-family:Arial,Helvetica,sans-serif!important;color:#fff!important;background:#060411!important;margin:0!important;padding:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}

/* Animations */
.mx-main__animate{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}
.mx-main__animate--visible{opacity:1!important;transform:translateY(0)!important}
.mx-main__animate--d1{transition-delay:.05s}
.mx-main__animate--d2{transition-delay:.15s}
.mx-main__animate--d3{transition-delay:.25s}
.mx-main__animate--d4{transition-delay:.35s}
.mx-main__animate--d5{transition-delay:.45s}
.mx-main__animate--d6{transition-delay:.55s}
.mx-main__animate--d7{transition-delay:.65s}
.mx-main__animate--d8{transition-delay:.75s}
.mx-main__animate--d9{transition-delay:.85s}

/* Section header */
.mx-main__section-header{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin-bottom:48px!important}
.mx-main__section-tag{font-family:'Orbitron',sans-serif!important;font-weight:700!important;font-size:11px!important;letter-spacing:4px!important;color:#00F0FF!important;opacity:.5!important;margin-bottom:14px!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
.mx-main__section-tag::before{content:''!important;display:inline-block!important;width:20px!important;height:1px!important;background:#00F0FF!important;opacity:.6!important}

/* Title */
.mx-main__title{font-family:'Orbitron',sans-serif!important;font-weight:900!important;font-size:clamp(28px,5vw,48px)!important;line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase!important;background:linear-gradient(135deg,#A678FF 0%,#00F0FF 50%,#E935CF 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;position:relative!important;display:inline-block!important;margin:0 0 16px!important;padding:0!important}
.mx-main__title--sm{font-size:clamp(22px,4vw,38px)!important}
.mx-main__title--static{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}

/* Subtitle */
.mx-main__subtitle{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(15px,2vw,18px)!important;line-height:1.6!important;color:rgba(255,255,255,.6)!important;margin:0 0 48px!important;max-width:640px!important}

/* Card */
.mx-main__card{position:relative!important;background:rgba(13,8,32,.6)!important;border:1px solid rgba(134,84,231,.2)!important;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px)!important;padding:28px 24px!important;transition:border-color .3s ease,transform .3s ease!important;overflow:hidden!important;contain:layout style paint!important}
.mx-main__card:hover{border-color:rgba(134,84,231,.4)!important;transform:translateY(-3px)!important;box-shadow:0 0 30px rgba(134,84,231,.08)!important}
.mx-main__card::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#00F0FF,transparent 60px) top left/60px 2px no-repeat,linear-gradient(270deg,#E935CF,transparent 60px) bottom right/60px 2px no-repeat,radial-gradient(ellipse at 50% 30%,rgba(134,84,231,.04) 0%,transparent 70%)!important;pointer-events:none!important}
.mx-main__card--cyan{border-color:rgba(0,240,255,.18)!important}
.mx-main__card--cyan:hover{border-color:rgba(0,240,255,.35)!important;box-shadow:0 0 30px rgba(0,240,255,.08)!important}
.mx-main__card--red{border-color:rgba(255,68,102,.2)!important;background:linear-gradient(135deg,rgba(255,68,102,.06) 0%,rgba(233,53,207,.04) 50%,rgba(255,68,102,.06) 100%)!important}
.mx-main__card--red:hover{border-color:rgba(255,68,102,.4)!important;box-shadow:0 0 30px rgba(255,68,102,.08)!important}
.mx-main__card--red::before{content:''!important;position:absolute!important;inset:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")!important;background-size:100px 100px!important;opacity:.4!important;pointer-events:none!important;z-index:0!important}
.mx-main__card--pink{border-color:rgba(233,53,207,.2)!important}
.mx-main__card--pink:hover{border-color:rgba(233,53,207,.35)!important;box-shadow:0 0 30px rgba(233,53,207,.08)!important}
.mx-main__card--purple{border-color:rgba(166,120,255,.2)!important}
.mx-main__card--purple:hover{border-color:rgba(166,120,255,.4)!important;box-shadow:0 0 30px rgba(166,120,255,.08)!important}

/* CTA button */
.mx-main__cta{display:inline-block!important;padding:18px 36px!important;text-align:center!important;text-decoration:none!important;font-family:'Orbitron',sans-serif!important;font-weight:900!important;font-size:clamp(13px,1.8vw,15px)!important;letter-spacing:.12em!important;color:#fff!important;background:linear-gradient(135deg,#8654E7 0%,#E935CF 100%)!important;border:none!important;border-radius:8px!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 20px rgba(233,53,207,.3),0 0 40px rgba(233,53,207,.15),inset 0 0 20px rgba(233,53,207,.05)!important;transition:transform .3s ease,filter .3s ease!important;-webkit-tap-highlight-color:transparent!important;text-transform:uppercase!important}
.mx-main__cta:hover{transform:translateY(-3px) scale(1.02)!important;filter:brightness(1.1)!important}
.mx-main__cta:active{transform:translateY(0) scale(.98)!important}
.mx-main__cta:not(.mx-main__cta--outline)::after{content:''!important;position:absolute!important;inset:-1px!important;background:linear-gradient(135deg,#8654E7,#E935CF,#00F0FF,#8654E7)!important;background-size:300% 300%!important;border-radius:9px!important;z-index:-1!important;pointer-events:none!important}
.mx-main__cta--outline{background:transparent!important;border:1.5px solid #00F0FF!important;color:#00F0FF!important;animation:none!important;box-shadow:0 0 15px rgba(0,240,255,.15)!important}
.mx-main__cta--outline:hover{background:rgba(0,240,255,.08)!important;box-shadow:0 0 25px rgba(0,240,255,.25)!important}
.mx-main__cta--outline::before{display:none!important}
.mx-main__cta--lg{padding:22px 48px!important;font-size:clamp(14px,2vw,17px)!important;border-radius:10px!important}

/* Divider */
.mx-main__divider{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 auto!important;width:200px!important;padding:20px 0!important;position:relative!important;z-index:3!important}
.mx-main__divider-line{flex:1!important;height:2px!important;background:linear-gradient(90deg,transparent,#8654E7,transparent)!important;border:none!important}
.mx-main__divider-diamond{width:10px!important;height:10px!important;background:#00F0FF!important;transform:rotate(45deg)!important;flex-shrink:0!important;filter:drop-shadow(0 0 6px rgba(0,240,255,.6))!important;position:relative!important}
.mx-main__animate--visible .mx-main__divider-diamond::before{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:rgba(0,240,255,.6);border-radius:50%;animation:mx-main-diamondBurst 1.2s ease-out .3s 1}

/* Link */
.mx-main__link{color:#00F0FF!important;text-decoration:none!important;font-family:'Orbitron',sans-serif!important;font-weight:700!important;font-size:clamp(13px,1.6vw,15px)!important;letter-spacing:.04em!important;transition:color .3s ease,text-shadow .3s ease!important;display:inline-block!important}
.mx-main__link:hover{color:#fff!important;text-shadow:0 0 12px rgba(0,240,255,.5)!important}

/* Keyframes */
@keyframes mx-main-diamondBurst{0%{transform:rotate(45deg) scale(0);opacity:.8}50%{opacity:.5}100%{transform:rotate(45deg) scale(3);opacity:0}}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){.mx-main *,.mx-main *::before,.mx-main *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Tilda background override — ТОЛЬКО для блоков с .mx-main */
.t-rec:has(.mx-main),
.t-rec:has(.mx-main) .t396__artboard,
.t-rec:has(.mx-main) .t396__carrier,
.t-rec:has(.mx-main) .t396__filter{background:#060411!important;background-color:transparent!important;background-image:none!important}

/* Mobile */
@media (max-width:768px){
  .mx-main__section-header{margin-bottom:32px!important}
  .mx-main__title--sm{font-size:clamp(20px,5vw,28px)!important}
  .mx-main__subtitle{font-size:14px!important;margin-bottom:32px!important}
  .mx-main__card{padding:20px 16px!important}
  .mx-main__divider{padding:16px 0!important;width:150px!important}
  .mx-main__section-tag{font-size:9px!important;letter-spacing:3px!important}
  .mx-main__cta{padding:14px 24px!important;font-size:12px!important}
  .mx-main__cta--lg{font-size:13px!important;padding:16px 28px!important}
}