/* Общее для сайта и кабинета: шрифты, логотип, подвал. Стиль - макет Димы от 23.10 (вариант А). */
:root{--night:#0D1230;--soft:#56688A;--pearl:#F4F6FB;--stroke:#DFE4F1;--link:#5B4FE0;--ir:linear-gradient(100deg,#4CC9F5 0%,#5E95FF 45%,#8C7BFF 80%,#B98BFF 100%)}
.logo{display:inline-flex;align-items:center;gap:6px;font-family:Unbounded,"Nunito Sans",system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;text-decoration:none;color:var(--night)}
.logo svg{width:34px;height:34px;flex:none}
.logo sup{font:500 11px "JetBrains Mono",monospace;color:#fff;background:var(--ir);border-radius:5px;padding:1px 5px;margin-left:3px;vertical-align:top;position:relative;top:1px}
.foot{margin-top:auto;background:#fff;color:#4A5578;font-size:14px;line-height:1.6;position:relative;padding:30px 16px calc(26px + env(safe-area-inset-bottom));text-align:center}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ir);opacity:.6}
.frow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 28px;max-width:1208px;margin:0 auto}
.frow+.frow{margin-top:12px}
.frow>*{white-space:nowrap}
.foot a{color:var(--link);font-weight:600;text-decoration:none}.foot a:hover{text-decoration:underline}
.fpay{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6B7699}
@media (max-width:640px){.foot{padding:24px 16px calc(22px + env(safe-area-inset-bottom))}.frow{column-gap:22px;row-gap:10px}.frow+.frow{margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke)}}
.paylogos{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.paylogos img{width:auto;display:block}
.paylogos .ep{height:20px}
.paylogos .erip{height:42px}
/* ===== тёмная тема сайта (Дизайн 09.11): те же цвета, что в кабинете ===== */
:root[data-theme=dark]{color-scheme:dark;--night:#EEF0FA;--soft:#A3AECB;--pearl:#0E1120;--stroke:#2C3253;--link:#B3A8FF}
[data-theme=dark] .foot{background:#181C30;color:#A3AECB}[data-theme=dark] .fpay{color:#A3AECB}
/* кнопка темы в шапке сайта (решение Димы 09.11): без фона, как «Цены»; в светлой теме луна, в тёмной солнце */
.thb{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:0;background:none;color:var(--night);cursor:pointer}
.thb:hover{background:rgba(91,79,224,.08)}[data-theme=dark] .thb:hover{background:rgba(179,168,255,.12)}
.thb svg{width:18px;height:18px;display:block}
/* тумблер темы (Дизайн 24): по умолчанию А - спокойный, солнце серо-синее; Б (небо со звёздами) - выбор в админке, html[data-tsw=b] */.thsw{--w:56px;--h:30px;--k:24px;flex:none;position:relative;display:inline-flex;align-items:center;width:var(--w);height:var(--h);padding:0;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;overflow:hidden;background:#ECEFF8;box-shadow:inset 0 0 0 1px #D8DDEE,inset 0 1px 2px rgba(30,40,100,.08);transition:background .3s,box-shadow .3s}.thsw:focus-visible{outline:2px solid #8C7BFF;outline-offset:3px}.thsw .t-s,.thsw .t-m{position:absolute;top:0;bottom:0;width:var(--h);display:grid;place-items:center;color:#A3ABCB;transition:color .3s}.thsw .t-s{left:0}.thsw .t-m{right:0}.thsw .t-s svg,.thsw .t-m svg{width:12px;height:12px}[data-theme=dark] .thsw{background:#171B33;box-shadow:inset 0 0 0 1px #2C3254,inset 0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .thsw .t-s,[data-theme=dark] .thsw .t-m{color:#6E7799}.thsw .knob{position:absolute;z-index:1;top:calc((var(--h) - var(--k)) / 2);left:calc((var(--h) - var(--k)) / 2);width:var(--k);height:var(--k);border-radius:50%;display:grid;place-items:center;background:#fff;color:#7D88B3;box-shadow:0 2px 6px rgba(30,40,100,.22);transition:transform .32s cubic-bezier(.4,1.35,.5,1),background .3s,color .3s}[data-theme=dark] .thsw .knob{transform:translateX(calc(var(--w) - var(--h)));background:#2D3160;color:#B4A6FF;box-shadow:0 2px 6px rgba(0,0,0,.4)}.thsw svg{width:14px;height:14px;display:block}.thsw .k-s,.thsw .k-m{grid-area:1/1;display:grid;transition:opacity .25s,transform .32s}.thsw .k-m{opacity:0;transform:rotate(-60deg) scale(.6)}[data-theme=dark] .thsw .k-s{opacity:0;transform:rotate(60deg) scale(.6)}[data-theme=dark] .thsw .k-m{opacity:1;transform:none}[data-tsw=b] .thsw{background:linear-gradient(100deg,#9FDCFB,#C9C2FF);box-shadow:inset 0 1px 3px rgba(30,40,100,.18)}[data-tsw=b] .thsw .t-s,[data-tsw=b] .thsw .t-m{display:none}[data-tsw=b] .thsw::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,#1B2150,#3A2C7E);opacity:0;transition:opacity .35s}[data-tsw=b] .thsw::after{content:"";position:absolute;left:9px;top:8px;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:7px 7px 0 0 rgba(255,255,255,.8),13px 1px 0 0 rgba(255,255,255,.6),4px 12px 0 -.3px rgba(255,255,255,.7);opacity:0;transition:opacity .35s}[data-tsw=b][data-theme=dark] .thsw::before,[data-tsw=b][data-theme=dark] .thsw::after{opacity:1}[data-tsw=b] .thsw .knob{background:#fff;color:#F2A93B;box-shadow:0 2px 6px rgba(30,40,100,.3)}[data-tsw=b][data-theme=dark] .thsw .knob{background:#EEF0FA;color:#5B4FE0}@media (prefers-reduced-motion:reduce){.thsw *,.thsw::before,.thsw::after{transition:none!important}}@media (max-width:640px){.thsw{--w:50px;--h:28px;--k:22px}}@media (max-width:420px){.thsw{--w:46px;--h:26px;--k:20px}.thsw svg{width:12px;height:12px}.thsw .t-s svg,.thsw .t-m svg{width:11px;height:11px}}
@media (max-width:640px){.top nav .thsw{order:3}}.thb .i-sun{display:none}
[data-theme=dark] .thb .i-moon{display:none}[data-theme=dark] .thb .i-sun{display:inline}
/* ===== карточки пакетов: кабинет «Цены», /tarify, /pay/link (Дизайн 09.11) ===== */
.pk3{--pkink:#0D1230;--pkmut:#5B6688;--pkacc:#5B4FE0;--pkcard:#fff;--pkline:#E3E7F3;--pktint:#EEF0FF;
 display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;align-items:end;gap:20px;padding-top:16px;font-variant-numeric:tabular-nums}
.pk{position:relative;display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:22px;background:var(--pkcard);border:1px solid var(--pkline);box-shadow:0 10px 30px -22px rgba(40,50,120,.5);color:var(--pkink);text-align:left}
.pk.rec{padding-top:34px;padding-bottom:28px;background:linear-gradient(var(--pkcard),var(--pkcard)) padding-box,var(--ir) border-box;border:2px solid transparent;box-shadow:0 22px 44px -22px rgba(110,110,255,.75)}
.pk .hot{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 12px "Nunito Sans",system-ui;letter-spacing:.02em;color:#fff;background:var(--ir);border-radius:999px;padding:4px 12px}
.pk .n{font:700 22px Unbounded,"Nunito Sans",system-ui;letter-spacing:-.01em}
.pk .cap{margin-top:2px;font-size:13px;color:var(--pkmut)}
.pk .pr{margin-top:16px;font:700 34px/1.1 Unbounded,"Nunito Sans",system-ui;letter-spacing:-.02em;white-space:nowrap}
.pk .per{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;font:700 16px "Nunito Sans",system-ui;color:var(--pkacc);white-space:nowrap}
.pk .off{font:800 13px "Nunito Sans",system-ui;font-style:normal;color:#13804A;background:#DDF5E6;border-radius:999px;padding:3px 9px}
.pk ul{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--pkline);display:grid;gap:10px;font-size:15px;line-height:1.35;color:var(--pkink)}
.pk li,.pkinc li{position:relative;margin:0;padding-left:28px}
.pk li::before,.pkinc li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.25l4.5 4.5 9.5-9.5'/%3E%3C/svg%3E") center/12px 12px no-repeat,var(--ir)}
.pk li::after,.pkinc li::after{content:none}
.pk .buy{margin-top:22px;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;border:0;font:700 17px "Nunito Sans",system-ui;cursor:pointer;background:var(--pktint);color:var(--pkacc);text-decoration:none}
.pk .buy:hover{filter:brightness(.97)}
.pk.rec .buy{background:var(--ir);color:#fff;box-shadow:0 14px 30px -14px rgba(94,149,255,.9)}
.pkinc{display:none;list-style:none;margin:6px 0 4px;padding:0;gap:8px;font-size:15px}
.pk3{position:relative}
.pkbuy{display:none}
/* телефон (Дима 09.11): три компактные плитки в ряд, как на главной; выбранная - фирменная рамка; под ними общий список и одна кнопка */
@media (max-width:760px){
 .pk3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;padding-top:14px}
 .pk,.pk.rec{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:16px 4px 12px;border-radius:16px;cursor:pointer;
  background:var(--pkcard);border:1px solid var(--pkline);box-shadow:0 8px 22px -18px rgba(40,50,120,.5);-webkit-tap-highlight-color:transparent}
 .pk.sel{padding:15px 3px 11px;background:linear-gradient(var(--pkcard),var(--pkcard)) padding-box,var(--ir) border-box;border:2px solid transparent;box-shadow:0 14px 30px -18px rgba(110,110,255,.75)}
 .pk:focus-visible{outline:2px solid var(--pkacc);outline-offset:2px}
 .pk .hot{top:-10px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:0;padding:3px 8px}
 .pk .pr{order:1;margin:4px 0 0;font-size:clamp(13px,4.3vw,17px);white-space:nowrap}
 .pk .n{order:2;font:600 13px "Nunito Sans",system-ui;color:var(--pkmut)}
 .pk .per{order:3;justify-content:center;margin-top:4px;font-size:12px;line-height:1.25;white-space:normal}
 .pk .cap,.pk ul,.pk .buy{display:none}
 .pkinc{display:grid;width:fit-content;max-width:100%;margin:18px auto 0}
 .pkbuy{display:block;margin-top:18px}
 .pkcap{margin:0 0 8px;font-size:13px;color:#5B6688;text-align:center}
 .pkgo{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 12px;border:0;border-radius:14px;background:var(--ir);color:#fff;
  font:700 17px "Nunito Sans",system-ui;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 14px 30px -14px rgba(94,149,255,.9)}
 .pkgo:hover{color:#fff;filter:brightness(1.04)}
 .pkof{margin:10px 0 0;font-size:13px;color:#5B6688;text-align:center}
 [data-theme=dark] .pkcap,[data-theme=dark] .pkof{color:#A3AECB}
}
[data-theme=dark] .pk3{--pkcard:#181C30;--pkline:#2C3253;--pkink:#EEF0FA;--pkmut:#A3AECB;--pktint:#20253F;--pkacc:#B3A8FF}
[data-theme=dark] .pk .off{background:#173A28;color:#5FE09A}
[data-theme=dark] .pk li::before,[data-theme=dark] .pkinc li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.25l4.5 4.5 9.5-9.5'/%3E%3C/svg%3E") center/12px 12px no-repeat,var(--ir)}