*{box-sizing:border-box}
:root{--bg:#07090e;--panel:#11141d;--panel2:#0d1017;--line:#262c3a;--blue:#277dff;--blue2:#49a2ff;--text:#f2f5ff;--muted:#8d9bb5}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -10%,rgba(38,112,255,.11),transparent 38%),linear-gradient(180deg,#080a10 0%,#07090e 100%)}
.bg-glow{position:fixed;z-index:0;width:480px;height:480px;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none}.glow-one{background:#086dff;top:180px;left:-330px}.glow-two{background:#006eff;right:-330px;bottom:50px}
.header,main,footer{width:min(1065px,calc(100% - 34px));margin:auto;position:relative;z-index:1}
.header{height:72px;display:flex;align-items:center;gap:34px;border-bottom:1px solid #191d27;position:relative;z-index:2}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:900;letter-spacing:-.8px;color:#fff;text-decoration:none;white-space:nowrap}.logo-mark{width:28px;height:28px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 0 18px rgba(76,140,255,.28)}.logo:after{content:"";display:inline-block;width:6px;height:6px;margin:2px 0 0 1px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}
.main-nav{display:flex;gap:10px;flex:1;align-items:center}.main-nav a,.nav-btn{color:#8895ad;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.nav-pill,.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #172338;border-radius:999px;background:rgba(10,15,24,.42);transition:.2s}.nav-pill:hover,.nav-btn:hover{color:#fff;border-color:#234875;background:#0d1727;box-shadow:0 8px 24px rgba(0,0,0,.18)}.nav-pill.active{color:#68adff;border-color:#1f67c6;background:#0c1d35;box-shadow:inset 0 0 0 1px rgba(72,149,255,.08),0 0 22px rgba(39,125,255,.10)}.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:#8190a8}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-pill.active .nav-icon,.nav-btn:hover .nav-icon{color:#4f9cff}.main-nav a,.nav-btn{font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.nav-btn.primary{padding:0 15px;border-color:#285da8;background:#0c1b31;color:#8dc3ff}.nav-btn.primary:hover{border-color:#3f8fff;background:#0e2340;color:#fff}
.hero{padding:34px 0 23px}.eyebrow,.small-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#4f9eff}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin:0 7px 1px 0;box-shadow:0 0 12px var(--blue)}
.hero h1{font-size:31px;margin:8px 0 6px;letter-spacing:-1px}.hero p{margin:0;line-height:1.55;color:#8795b1}.hero p a{color:#64aaff;text-decoration:none;font-weight:700}
.tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{min-width:0;border:1px solid #2b303d;border-radius:15px;background:linear-gradient(145deg,#141720,#10131b);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.2s;border-top-color:#323846}.card:hover{border-color:#3e6ca4;box-shadow:0 16px 36px rgba(0,65,160,.12)}
.card-top{display:flex;justify-content:space-between;gap:14px;min-height:70px}.card-top>div{min-width:0}.card h2{font-size:20px;line-height:1.2;margin:0 0 7px;letter-spacing:-.3px}.card h2 b{font-size:11px;vertical-align:3px;background:#ff3d83;color:#fff;padding:4px 7px;border-radius:5px;margin-left:4px;white-space:nowrap}.card p{margin:0;color:#91a0bc;line-height:1.48;max-width:520px}.tag{height:max-content;font-size:9px;letter-spacing:1.5px;color:#4d91ff;background:#171b2c;border:1px solid #263b68;border-radius:6px;padding:6px 8px;white-space:nowrap}
.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 14px}.period{height:104px;border:1px solid #242a36;border-radius:11px;background:#0c0f16;color:#8795af;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer}.period:hover{border-color:#34527d}.period.selected{background:#111b31;border-color:#2d83ff;box-shadow:inset 0 0 0 1px rgba(58,145,255,.18),0 0 20px rgba(30,111,255,.08)}.period span{font-size:12px}.period strong{font-size:14px;color:#4d92ff}.period em{font-style:normal;font-size:9px;font-weight:800;background:#ff3d83;color:#fff;padding:3px 6px;border-radius:4px;margin-top:-1px}.period del{font-size:10px;color:#586176}
.pay{height:45px;width:100%;border:0;border-radius:10px;color:white;font-weight:800;font-size:14px;cursor:pointer;background:linear-gradient(100deg,#146eff,#238cff);box-shadow:0 8px 22px rgba(20,110,255,.19);transition:.2s}.pay:hover{filter:brightness(1.08);transform:translateY(-1px)}
.bottom-info{margin:30px 0 18px;padding:24px 26px;border:1px solid #242a36;border-radius:15px;background:#0e1118;display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-info h2{margin:5px 0;font-size:21px}.bottom-info p{margin:0;color:#8996ad}.support,.modal-action{border:1px solid #2869b8;background:#10213a;color:#75b5ff;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer}
footer{border-top:1px solid #191d27;padding:20px 0 30px;display:flex;justify-content:space-between;color:#64718a;font-size:12px}footer div{display:flex;gap:18px}footer button{background:none;border:0;color:#718098;cursor:pointer}
.modal-wrap{position:fixed;inset:0;background:rgba(2,4,8,.76);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal-wrap.show{display:flex}.modal{position:relative;width:min(470px,100%);border:1px solid #303a4d;border-radius:16px;background:#0e121a;box-shadow:0 25px 80px rgba(0,0,0,.55);padding:28px}.close{position:absolute;right:16px;top:12px;background:none;border:0;color:#73819a;font-size:28px;cursor:pointer}.modal-kicker{font-size:10px;letter-spacing:2px;color:#4d98ff;font-weight:800}.modal h2{font-size:24px;margin:8px 0 7px}.modal-text{color:#91a0b8;line-height:1.55}.payment-options{display:grid;gap:10px;margin-top:18px}.payment-options button{background:#111722;border:1px solid #293446;border-radius:10px;padding:15px;text-align:left;color:#eaf1ff;cursor:pointer}.payment-options button:hover{border-color:#2e82ed}.payment-options strong,.payment-options small{display:block}.payment-options small{color:#77859e;margin-top:4px}form{display:grid;gap:10px;margin-top:16px}input{height:45px;background:#090c12;border:1px solid #293140;border-radius:9px;color:#fff;padding:0 13px;font:inherit;outline:none}input:focus{border-color:#2d83ff}.modal-action{margin-top:15px;width:100%}
@media(max-width:900px){.header{gap:16px}.main-nav{gap:7px}.nav-pill{min-height:38px;padding:0 12px}.nav-icon{width:18px;height:18px}.nav-icon svg{width:17px;height:17px}.header-actions{gap:10px}.header-actions .nav-btn:nth-child(1),.header-actions .nav-btn:nth-child(2){display:none}}
@media(max-width:680px){.header{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 0;gap:12px}.main-nav{order:3;width:100%;justify-content:space-between;gap:6px}.nav-pill{min-height:36px;padding:0 9px;gap:5px;font-size:12px}.nav-pill .nav-icon{display:inline-flex}.nav-btn .nav-icon{display:inline-flex}.header-actions{margin-left:auto}.header-actions .nav-btn{display:none}.header-actions .nav-btn:nth-child(3),.header-actions .nav-btn:nth-child(4){display:block}.hero{padding-top:25px}.hero h1{font-size:28px}.tariffs{grid-template-columns:1fr;gap:13px}.card{padding:16px}.card h2{font-size:18px}.card-top{min-height:0}.periods{gap:6px}.period{height:96px}.period span{font-size:11px}.bottom-info{align-items:flex-start;flex-direction:column}.support{width:100%}footer{flex-direction:column;gap:12px}}
@media(max-width:390px){.logo{font-size:17px}.logo-mark{width:25px;height:25px}.main-nav{font-size:12px}.nav-pill{padding:0 8px;gap:4px}.nav-pill .nav-icon{width:17px;height:17px;flex-basis:17px}.nav-pill .nav-icon svg{width:16px;height:16px}.period{height:91px}.period strong{font-size:13px}}

/* ALWAYS VISIBLE */
.card,
.card-top,
.card-top > div,
.card h2,
.card p,
.tag,
.periods,
.period,
.period span,
.period strong,
.period em,
.period del,
.pay {
  opacity: 1 !important;
  visibility: visible !important;
}
.card {
  transform: none !important;
}
.card:hover {
  transform: none !important;
}

.profile{position:relative}
.profile-btn{display:flex;align-items:center;gap:8px;background:#0d1522;border:1px solid #263b57;border-radius:9px;color:#eef5ff;padding:5px 9px 5px 6px;cursor:pointer;font:inherit}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#197cff,#073d86);border:1px solid #429bff;color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 14px rgba(31,126,255,.24)}
.avatar.big{width:42px;height:42px;font-size:15px}.avatar.huge{width:54px;height:54px;font-size:19px}
.profile-name{font-weight:750;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#7090b6;font-size:15px}
.profile-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);width:245px;background:#0d121b;border:1px solid #29374b;border-radius:12px;padding:8px;box-shadow:0 22px 60px rgba(0,0,0,.5);z-index:30}
.profile-menu.open{display:block}.profile-head{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #202a39;margin-bottom:5px}.profile-head strong,.profile-head small{display:block}.profile-head small{color:#74849d;margin-top:3px;font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:155px}
.profile-menu>button{display:block;width:100%;text-align:left;background:none;border:0;color:#bdc9db;padding:10px;border-radius:7px;cursor:pointer;font:inherit}.profile-menu>button:hover{background:#151d2a;color:#fff}.profile-menu .logout{color:#ff6b8f}
.auth-switch{text-align:center;color:#71819a;font-size:12px}.auth-switch a{color:#55a3ff;text-decoration:none;font-weight:700}
.profile-modal-head{display:flex;align-items:center;gap:14px;margin:16px 0}.profile-modal-head h2{margin:0}.profile-modal-head p{margin:4px 0;color:#78879f}.cabinet-box{display:flex;justify-content:space-between;gap:15px;padding:13px 14px;border:1px solid #222d3d;border-radius:9px;background:#0a0f17;margin-top:9px;color:#74849d}.cabinet-box strong{color:#e7effb}
@media(max-width:680px){.profile-name{display:none}.profile-menu{right:-4px}.profile-btn{padding-right:7px}}

/* CARD / PERIOD COLOR SHIMMER */
.card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 15px;
  padding: 1px;
  background: linear-gradient(115deg, #1e2633, #1e2633, #2d83ff, #6e4dff, #20b8ff, #1e2633);
  background-size: 300% 300%;
  opacity: 0;
  z-index: -1;
  transition: opacity .25s ease;
  animation: cardShimmer 4s ease-in-out infinite;
}
.card:hover::before {
  opacity: .28;
}
.card:hover {
  border-color: #2d83ff;
  box-shadow: 0 10px 28px rgba(27, 113, 255, .10), 0 0 16px rgba(70, 88, 255, .04);
}
.period {
  position: relative;
  overflow: hidden;
}
.period::after {
  content: "";
  position: absolute;
  top: -70%;
  left: -65%;
  width: 45%;
  height: 240%;
  background: linear-gradient(90deg, transparent, rgba(92,170,255,.20), rgba(127,91,255,.25), transparent);
  transform: rotate(20deg);
  opacity: 0;
  pointer-events: none;
}
.period:hover::after,
.period.selected::after {
  opacity: 1;
  animation: periodSweep 1.8s ease-in-out infinite;
}
.period:hover,
.period.selected {
  border-color: #438fff;
}
.period.selected {
  background:
    linear-gradient(120deg, rgba(25,67,125,.48), rgba(49,35,104,.40), rgba(13,31,55,.8)),
    #111b31;
  box-shadow: inset 0 0 0 1px rgba(77,157,255,.25), 0 0 15px rgba(44,128,255,.08);
}
@keyframes cardShimmer {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes periodSweep {
  0% { left: -65%; }
  100% { left: 125%; }
}
.news-content {
  max-height: min(58vh, 560px);
  overflow-y: auto;
  padding-right: 8px;
  margin: 14px 0 4px;
}
.news-content p {
  color: #98a6bd;
  line-height: 1.58;
  margin: 0 0 15px;
}
.news-content h3 {
  color: #e9f1ff;
  font-size: 15px;
  margin: 18px 0 6px;
}
.news-content::-webkit-scrollbar { width: 5px; }
.news-content::-webkit-scrollbar-thumb { background: #29496f; border-radius: 10px; }

.about-section,.contacts-section{margin:22px 0 0;padding:28px;border:1px solid #252d3b;border-radius:15px;background:linear-gradient(145deg,#10141d,#0b0e15)}
.about-section h2,.contacts-section h2{font-size:24px;margin:6px 0 8px}.about-section>p,.contacts-section p{max-width:780px;color:#8998b2;line-height:1.6;margin:0}
.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.about-points div{border:1px solid #202a39;border-radius:10px;background:#0b1018;padding:14px}.about-points strong,.about-points span{display:block}.about-points span{color:#74839d;font-size:12px;line-height:1.45;margin-top:5px}.contact-actions{display:flex;gap:10px;margin-top:20px;align-items:center}.telegram-link{display:inline-flex;align-items:center;text-decoration:none;color:#71b5ff;border:1px solid #254e7b;border-radius:9px;padding:11px 16px;background:#0d1b2c;font-weight:750}
.contacts-section{display:flex;justify-content:space-between;align-items:center;gap:25px}.contacts-section .contact-actions{margin-top:0}
.support-data{margin-top:14px;display:flex;flex-direction:column;gap:3px}.support-data span{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#64718a;font-weight:800}.support-data a{color:#75b5ff;text-decoration:none;font-weight:800;font-size:14px}.support-data a:hover{color:#fff}.support-data small{color:#5f6e85;font-size:10px}.telegram-support{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

@media(max-width:680px){.about-points{grid-template-columns:1fr}.contacts-section{display:block}.contacts-section .contact-actions{margin-top:16px;flex-direction:column;align-items:stretch}.telegram-link,.contacts-section .support{justify-content:center;text-align:center}}

/* IN-SITE CHECKOUT */
.checkout-page{display:none;position:relative;margin:0 -9999px;padding:35px 9999px 55px;background:linear-gradient(180deg,#080b11,#07090e);border-top:1px solid #1c2431;border-bottom:1px solid #1c2431}
.checkout-page.show{display:block}
.checkout-inner{width:min(1050px,calc(100% - 34px));margin:auto}
.back-checkout{background:#0d1119;border:1px solid #263144;border-radius:8px;color:#8da0bf;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer}
.checkout-kicker{margin-top:30px;color:#6a8dff;font-size:11px;letter-spacing:2px;font-weight:900}.checkout-kicker:before{content:"";display:inline-block;width:12px;height:1px;background:#6a58ff;vertical-align:middle;margin-right:8px}
.checkout-inner>h2{font-size:40px;line-height:1.05;margin:10px 0 25px;letter-spacing:-1.5px}
.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.checkout-panel,.checkout-side{border:1px solid #292f3d;border-radius:15px;background:linear-gradient(145deg,#151720,#10131a);padding:22px}
.checkout-panel .summary-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;color:#8d9bb6}.checkout-panel .summary-row strong{color:#eef4ff;text-align:right}.checkout-panel .summary-total{border-top:1px solid #292e3a;margin-top:8px;padding-top:14px;font-size:18px}.checkout-panel .summary-total strong{color:#5b8dff;font-size:22px}
.checkout-panel .promo{display:flex;gap:8px;margin:15px 0}.checkout-panel .promo input{flex:1}.checkout-panel .promo button{border:1px solid #2a3447;background:#111722;color:#fff;border-radius:9px;padding:0 16px;font-weight:800}
.payment-heading{margin:22px 0 5px}.checkout-method{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid #272f3e;border-radius:11px;background:#0c1017;color:#edf3ff;text-align:left;cursor:pointer;margin-top:10px;font:inherit}.checkout-method:hover,.checkout-method.selected{border-color:#347fff;background:#0e1827;box-shadow:0 0 18px rgba(36,125,255,.07)}.checkout-method strong,.checkout-method small{display:block}.checkout-method small{color:#74839c;margin-top:3px}.method-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#181b29;color:#6f5cff;font-size:19px}.checkout-side h3{margin:0 0 13px}.side-note{padding:13px;border:1px solid #222c3b;border-radius:10px;color:#7e8da7;line-height:1.5;margin-top:10px}.side-note b{color:#e5edfb}
.history-title{margin:20px 0 9px;font-size:15px}.transactions{display:grid;gap:8px;max-height:280px;overflow:auto}.transaction{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #222c3a;background:#0b1018;border-radius:9px}.tx-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0c3026;color:#46d6a0;border:1px solid #1e6e57;font-size:12px}.tx-main{min-width:0;flex:1}.tx-main strong,.tx-main span,.tx-right strong,.tx-right small{display:block}.tx-main strong{font-size:12px}.tx-main span,.tx-right small{color:#71809a;font-size:10px;margin-top:2px}.tx-right{text-align:right}.tx-right strong{color:#78aeff;font-size:12px}.empty-history{text-align:center;padding:20px;color:#687790;font-size:12px;line-height:1.6;border:1px dashed #273246;border-radius:9px}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.checkout-side{display:none}.checkout-inner>h2{font-size:34px}}

/* ===== 2026 REDESIGN ===== */
.hero-pro{min-height:430px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:45px;padding:58px 0 45px;position:relative}
.hero-copy{position:relative;z-index:2}.hero-pro h1{font-size:clamp(42px,5.4vw,68px);line-height:.98;letter-spacing:-2.8px;margin:14px 0 18px}.hero-pro h1 span{background:linear-gradient(90deg,#fff 10%,#68adff 55%,#8b78ff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-pro p{max-width:630px;font-size:16px;line-height:1.7;color:#93a2bc}.hero-actions{display:flex;gap:10px;align-items:center;margin-top:25px;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:10px;background:linear-gradient(100deg,#146eff,#328fff);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 14px 36px rgba(20,110,255,.18);transition:.2s}.hero-cta:hover{transform:translateY(-2px);filter:brightness(1.07)}.hero-secondary{height:48px;padding:0 16px;border-radius:10px;border:1px solid #27354a;background:#0d131d;color:#a9b7ca;font:inherit;font-weight:750;cursor:pointer}.hero-secondary:hover{border-color:#3c6da6;color:#fff}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#6f809a;font-size:11px}.hero-points span{padding:6px 9px;border:1px solid #1c2736;border-radius:999px;background:#0b1018}
.hero-visual{min-height:320px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(43,126,255,.25),rgba(79,79,255,.08) 42%,transparent 70%);filter:blur(8px)}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.75}.orb-a{width:110px;height:110px;right:15%;top:12%;border:1px solid rgba(95,176,255,.35);box-shadow:0 0 55px rgba(41,133,255,.22);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),rgba(62,146,255,.15) 36%,transparent 70%)}.orb-b{width:58px;height:58px;left:14%;bottom:16%;border:1px solid rgba(157,125,255,.35);box-shadow:0 0 45px rgba(122,86,255,.18);background:radial-gradient(circle,rgba(126,112,255,.18),transparent 70%)}.visual-card{position:relative;width:min(360px,90%);aspect-ratio:1.22;border:1px solid #263b59;border-radius:22px;background:linear-gradient(140deg,rgba(18,29,45,.94),rgba(8,12,19,.92) 65%);box-shadow:0 28px 85px rgba(0,0,0,.42),0 0 50px rgba(32,119,255,.1);padding:24px;transform:rotate(-5deg);overflow:hidden}.visual-card:after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(93,161,255,.08) 49%,transparent 62%);transform:rotate(12deg);animation:visualSweep 4.8s linear infinite}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;color:#73849e;font-size:9px;letter-spacing:1.5px;font-weight:850}.visual-top b{color:#62acff;border:1px solid #294e7c;padding:5px 7px;border-radius:999px}.visual-line{height:1px;background:linear-gradient(90deg,#2a4e78,transparent);margin:24px 0}.visual-price{font-size:13px;color:#8190aa;letter-spacing:3px;line-height:1.45}.visual-price strong{font-size:33px;letter-spacing:1px;color:#f4f7ff}.visual-bottom{position:absolute;left:24px;right:24px;bottom:22px}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 36px;padding:12px;border:1px solid #202a3a;border-radius:15px;background:rgba(13,17,24,.8);backdrop-filter:blur(10px)}.feature-item{display:flex;gap:11px;align-items:flex-start;padding:10px;border-radius:10px}.feature-icon{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#0e1c2f;border:1px solid #1d4778;color:#63acff}.feature-item strong,.feature-item span{display:block}.feature-item strong{font-size:12px;color:#edf4ff}.feature-item span{font-size:10px;line-height:1.4;color:#718198;margin-top:4px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:8px 0 15px}.section-heading h2{font-size:27px;letter-spacing:-.8px;margin:7px 0 0}.section-heading>p{max-width:360px;color:#74839d;font-size:12px;line-height:1.5;text-align:right;margin:0 0 2px}
.featured-card{border-color:#315d95;box-shadow:0 18px 50px rgba(10,76,170,.14);background:linear-gradient(145deg,#161b26,#0f141d)}.featured-card .pay{background:linear-gradient(100deg,#287cff,#5b79ff)}.popular-badge{display:inline-flex;align-items:center;gap:6px;margin:-7px 0 10px;color:#ffd67b;background:#2d2513;border:1px solid #6c5522;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:1.1px;font-weight:900}.card-note{display:block;margin-top:7px;color:#6c7d97;font-size:10px}.faq-section{margin:36px 0 8px}.faq-heading{margin-bottom:14px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details{border:1px solid #222c3b;border-radius:11px;background:#0d121a;padding:0 15px}.faq-grid summary{list-style:none;cursor:pointer;padding:16px 2px;color:#e8eef9;font-size:13px;font-weight:750;position:relative;padding-right:25px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";position:absolute;right:2px;color:#5da7ff;font-size:18px;font-weight:400;top:13px}.faq-grid details[open] summary:after{content:"−"}.faq-grid details p{margin:0 2px 16px;color:#75849c;font-size:12px;line-height:1.6}
@keyframes visualSweep{0%{transform:translateX(-25%) rotate(12deg)}100%{transform:translateX(25%) rotate(12deg)}}
@media(max-width:900px){.hero-pro{grid-template-columns:1fr;padding-top:42px}.hero-visual{min-height:280px;order:-1}.hero-copy{text-align:left}.feature-strip{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.section-heading>p{text-align:left}.faq-grid{grid-template-columns:1fr}}
@media(max-width:680px){.hero-pro{padding:30px 0 34px;gap:10px}.hero-pro h1{font-size:42px;letter-spacing:-2px}.hero-pro p{font-size:14px}.hero-visual{min-height:235px}.visual-card{width:290px}.visual-price strong{font-size:27px}.feature-strip{grid-template-columns:1fr;gap:4px;margin-bottom:28px}.feature-item{padding:9px}.section-heading h2{font-size:23px}.popular-badge{margin-top:0}}

/* ===== FOOTER / VERY BOTTOM: keep the original neutral look ===== */
footer,
footer span,
footer .footer-links,
footer .footer-links a,
footer .footer-links button {
  color: #64718a !important;
}
footer .footer-links a,
footer .footer-links button {
  text-decoration: none;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
footer .footer-links a:hover,
footer .footer-links button:hover {
  color: #aab6c9 !important;
}
.bottom-info,
.about-section,
.contacts-section {
  color: #f2f5ff;
}
.bottom-info .support,
.contacts-section .telegram-link {
  background: #10213a !important;
  border-color: #2869b8 !important;
  color: #75b5ff !important;
}

/* ===== Production polish ===== */
.age-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(3,6,11,.88);backdrop-filter:blur(14px)}
.age-gate.hidden{display:none}.age-card{width:min(430px,100%);padding:30px;border:1px solid #29364b;border-radius:20px;background:linear-gradient(145deg,#121821,#0a0e15);box-shadow:0 30px 100px rgba(0,0,0,.5);text-align:center}.age-mark{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid #345b8d;background:#0e1b2c;color:#7ab8ff;font-size:22px;font-weight:900}.age-card h2{margin:8px 0 10px;font-size:28px}.age-card p{margin:0;color:#8291a9;line-height:1.6;font-size:13px}.age-actions{display:grid;gap:8px;margin-top:20px}.age-leave{height:44px;border-radius:10px;border:1px solid #263041;background:#0c1118;color:#95a4ba;font:inherit;font-weight:750;cursor:pointer}.age-leave:hover{color:#fff;border-color:#3a4962}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-18px 0 38px;padding:12px;border:1px solid #202a3a;border-radius:15px;background:rgba(11,15,22,.78)}.stats-strip>div{padding:13px;border-radius:10px;background:#0c1119;border:1px solid #192333;text-align:center}.stats-strip strong,.stats-strip span{display:block}.stats-strip strong{font-size:18px;color:#edf4ff}.stats-strip span{margin-top:4px;font-size:10px;color:#6d7d95}
.news-item{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #202938}.news-item:last-child{border-bottom:0}.news-item>span{color:#5f9ff2;font-size:10px;font-weight:800;padding-top:2px}.news-item h3{margin:0 0 5px!important}.news-item p{margin:0!important;font-size:12px}
.subscription-box{grid-template-columns:1.1fr .9fr 1fr auto auto}.sub-renew{height:31px;padding:0 9px;border-radius:8px;border:1px solid #2a5b93;background:#0d1b2c;color:#75b5ff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.sub-renew:hover{border-color:#438fff;color:#fff}.status-note{display:block;margin-top:5px;color:#687894;font-size:10px!important;font-weight:500!important}
@media(max-width:780px){.stats-strip{grid-template-columns:1fr 1fr}.subscription-box{grid-template-columns:1fr 1fr}.sub-renew{grid-column:1/-1;width:max-content}.news-item{grid-template-columns:1fr}}
@media(max-width:520px){.stats-strip{grid-template-columns:1fr 1fr}.age-card{padding:24px}.age-card h2{font-size:24px}}

/* ===== Layout hotfix: prevent feature/stats sections from collapsing ===== */
.feature-strip {
  position: relative;
  z-index: 1;
  min-height: 86px;
}
.stats-strip {
  position: relative;
  z-index: 1;
}
@media (max-width: 900px) {
  .feature-strip { min-height: 0; }
}


/* ===== Final trust + conversion polish ===== */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-18px 0 34px;padding:12px;border:1px solid #202a3a;border-radius:15px;background:rgba(11,15,22,.78)}
.trust-strip>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start;padding:11px;border:1px solid #192333;border-radius:10px;background:#0c1119}
.trust-icon{grid-row:1 / span 2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#0e1c2f;border:1px solid #1d4778;color:#63acff;font-weight:900}
.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:11px;color:#edf4ff}.trust-strip span{font-size:10px;line-height:1.4;color:#718198;margin-top:4px}
.how-it-works{margin:6px 0 34px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step-card{display:flex;gap:13px;padding:15px;border:1px solid #202a3a;border-radius:13px;background:#0d121a}.step-number{font-size:11px;font-weight:900;color:#65adff;letter-spacing:1px}.step-card h3{margin:0;font-size:13px;color:#edf4ff}.step-card p{margin:5px 0 0;color:#73839b;font-size:11px;line-height:1.5}.card-features{display:grid;gap:6px;margin:12px 0 14px;padding-top:12px;border-top:1px solid #1b2635}.card-features span{font-size:10px;color:#7f8da4}
@media(max-width:900px){.trust-strip{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}}
@media(max-width:520px){.trust-strip{grid-template-columns:1fr}.step-card{padding:13px}}

/* Lean homepage: reduce visual density while keeping the key journey */
.feature-strip,.trust-strip{display:none !important}
.hero-pro{padding-top:44px;padding-bottom:30px;min-height:390px}
.hero-pro p{max-width:560px}
.hero-points{display:none !important}
.how-it-works{margin:4px 0 28px}
.steps-grid{gap:8px}
.step-card{padding:12px 14px}
.step-card p{font-size:10px}
.card-features{display:none}
.tariffs{gap:14px}
@media(max-width:900px){.hero-pro{min-height:0;padding-bottom:26px}.hero-visual{min-height:230px}.how-it-works{margin-top:0}}
@media(max-width:680px){.hero-pro{padding-top:22px;padding-bottom:24px}.hero-visual{display:none}.hero-pro h1{font-size:38px}.hero-pro p{font-size:13px}.how-it-works{margin-bottom:22px}.steps-grid{grid-template-columns:1fr}.step-card{padding:11px 12px}}

/* Final tariff card alignment */
.tariffs{align-items:stretch}
.card{display:flex;flex-direction:column;height:100%;padding:18px}
.card-top{min-height:78px}
.periods{margin:13px 0 12px}
.period{height:94px}
.pay{margin-top:auto;height:46px;display:flex;align-items:center;justify-content:center;gap:7px}
.card-note{font-size:9px;margin-top:6px}
.featured-card .pay{background:linear-gradient(100deg,#287cff,#5b79ff)}
@media(max-width:680px){
  .card{padding:16px}
  .card-top{min-height:0}
  .period{height:94px}
  .pay{height:45px}
}


/* Final clean homepage + navigation polish */
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-pill,.nav-btn{border:1px solid #22324d;border-radius:999px !important}
.nav-pill{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;text-decoration:none}
.nav-btn{padding:10px 13px}
.nav-pill.active,.nav-btn:hover{border-color:#2b86ff;box-shadow:0 0 0 1px rgba(43,134,255,.12) inset}
.hero-pro{min-height:340px;padding-top:34px;padding-bottom:24px}
.hero-actions{gap:10px}
.how-it-works{display:none !important}
.feature-strip,.trust-strip,.stats-strip{display:none !important}
.checkout-side .activate{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:900px){.hero-pro{min-height:0;padding-top:24px}.main-nav{order:3;width:100%}}
@media(max-width:680px){.main-nav{gap:6px}.nav-pill,.nav-btn{padding:9px 11px}.hero-pro{padding-bottom:20px}}