/* LuaX customer experience. Shared by the public site, sign-in and cabinet. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --cx-bg:#f7f8fb; --cx-surface:#fff; --cx-ink:#18243c; --cx-muted:#66738a; --cx-line:#e1e6ee; --cx-blue:#2856d9; --cx-soft:#edf2ff; --cx-radius:20px; }
.customerLanding, body.cabinet, body.auth { --lx-bg:var(--cx-bg); --lx-text:var(--cx-ink); --lx-muted:var(--cx-muted); --lx-muted2:#506079; --lx-line:var(--cx-line); --lx-card:#fff; --lx-card-border:var(--cx-line); --lx-accent:var(--cx-blue); --lx-accent2:var(--cx-blue); --lx-green:#187b58; color:var(--cx-ink); background:var(--cx-bg); font-family:Manrope,system-ui,sans-serif; color-scheme:light; }
.customerLanding * { box-sizing:border-box; }
.customerLanding { margin:0; line-height:1.65; }
.customerLanding h1, .customerLanding h2, .customerLanding h3, .customerLanding p { margin-top:0; }
.customerLanding h1, .customerLanding h2, .customerLanding h3 { line-height:1.2; }
.customerLanding a { color:inherit; text-decoration:none; }
.customerLanding button, .customerLanding select { font:inherit; }
.customerLanding svg { width:20px; height:20px; flex-shrink:0; }
.customerLanding img { display:block; max-width:100%; }
.customerLanding a:focus-visible, .customerLanding summary:focus-visible, .customerLanding select:focus-visible,
body.cabinet :focus-visible, body.auth :focus-visible { outline:3px solid #7095ff; outline-offset:4px; }
.cxContainer { max-width:1184px; margin:auto; padding-left:32px; padding-right:32px; }
.cxSkip { position:fixed; top:-80px; left:20px; z-index:10000; background:white; padding:12px; }
.cxSkip:focus { top:10px; }
.cxHeader { max-width:1184px; padding:24px 32px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cxBrand { display:inline-flex; align-items:center; gap:10px; font-size:23px; font-weight:800; letter-spacing:-.9px; white-space:nowrap; }
.cxBrand img { width:34px; height:34px; border-radius:10px; }
.cxBrand img, body.cabinet .lxHeaderBrand img, body.auth .lxBrand img { background:#18243c; padding:5px; object-fit:contain; }
.cxBrand small { font-weight:500; font-size:14px; color:var(--cx-muted); letter-spacing:0; }
.cxDesktopNav { display:flex; gap:28px; font-size:14px; font-weight:600; }
.cxDesktopNav a:hover, .cxTextLink:hover, .cxFooter a:hover { color:var(--cx-blue); }
.cxButton { display:inline-flex; justify-content:center; align-items:center; gap:16px; min-height:52px; padding:14px 22px; background:var(--cx-blue); color:white!important; border:1px solid var(--cx-blue); border-radius:11px; font-size:14px; font-weight:700; transition:background .15s,box-shadow .15s; text-align:center; }
.cxButton:hover { background:#2148bb; box-shadow:0 4px 12px #2856d91a; }
.cxButtonSmall { min-height:44px; padding:10px 16px; background:#fff; color:var(--cx-ink)!important; border-color:var(--cx-line); font-size:13px; }
.cxButtonSmall:hover { background:var(--cx-soft); }
.cxButtonOutline { color:var(--cx-blue)!important; background:#fff; border-color:#bdcaec; }
.cxButtonOutline:hover { background:var(--cx-soft); }
.cxButtonLight { background:#fff; border-color:#fff; color:var(--cx-ink)!important; }
.cxButtonLight:hover { background:#edf2ff; }
.cxTextLink { display:inline-flex; align-items:center; gap:12px; font-size:14px; font-weight:700; }
.cxEyebrow { display:block; color:var(--cx-blue); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; margin-bottom:18px; }
.cxHero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; padding-top:70px; padding-bottom:75px; }
.cxHero h1 { font-size:clamp(36px,4.1vw,54px); font-weight:800; letter-spacing:-2.3px; margin-bottom:24px; }
.cxHero h1 em { font-style:normal; color:var(--cx-blue); }
.cxIntro { font-size:17px; color:var(--cx-muted); max-width:490px; margin-bottom:30px; line-height:1.8; }
.cxActions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.cxFine { font-size:12px; color:var(--cx-muted); margin:14px 0 24px; max-width:400px; }
.cxHeroProof { display:flex; gap:20px; flex-wrap:wrap; font-size:12px; font-weight:600; }
.cxHeroProof span { display:flex; align-items:center; gap:7px; }
.cxHeroProof svg { color:#187b58; width:16px; }
.cxPreview { border:1px solid #d7dfef; border-radius:24px; background:#fff; box-shadow:0 24px 60px #1c37660c; overflow:hidden; }
.cxPreviewTop { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:20px 24px; border-bottom:1px solid var(--cx-line); }
.cxBrandWord { font-weight:800; font-size:15px; }
.cxBrandWord > span { color:var(--cx-muted); font-weight:500; }
.cxPreviewTag { font-size:10px; padding:4px 8px; border-radius:5px; background:var(--cx-soft); color:var(--cx-blue); font-weight:700; }
.cxPreviewBody { padding:28px 24px; }
.cxPreviewBody .cxEyebrow { font-size:10px; margin-bottom:10px; }
.cxPreviewBody h2 { font-size:26px; letter-spacing:-.8px; margin-bottom:12px; }
.cxPreviewBody p:not(.cxEyebrow) { color:var(--cx-muted); font-size:13px; margin-bottom:22px; }
.cxDeviceGrid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cxDeviceGrid a { display:flex; align-items:center; gap:8px; padding:17px 12px; background:#f7f9fc; border:1px solid var(--cx-line); border-radius:11px; font-size:12px; font-weight:700; }
.cxDeviceGrid a:hover { background:var(--cx-soft); border-color:#a9bdea; }
.cxDeviceGrid a > svg:first-child { color:var(--cx-blue); width:18px; }
.cxDeviceGrid a > svg:last-child { width:13px; margin-left:auto; color:#7b889d; }
.cxPreviewHelp { display:flex; align-items:center; gap:12px; background:#f3f6fc; padding:20px 24px; border-top:1px solid var(--cx-line); }
.cxPreviewHelp b, .cxPreviewHelp small { display:block; }
.cxPreviewHelp b { font-size:12px; }.cxPreviewHelp small { font-size:11px; color:var(--cx-muted); margin-top:3px; }
.cxPreviewHelp > svg { color:var(--cx-blue); }.cxPreviewHelp > svg:last-child { margin-left:auto; width:16px; }
.cxBenefits { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-top:28px; padding-bottom:28px; border-top:1px solid var(--cx-line); border-bottom:1px solid var(--cx-line); }
.cxBenefits > div { display:flex; align-items:center; gap:14px; }.cxBenefits svg { color:var(--cx-blue); width:24px; height:24px; }
.cxBenefits b, .cxBenefits small { display:block; }.cxBenefits b { font-size:13px; }.cxBenefits small { color:var(--cx-muted); font-size:12px; margin-top:3px; }
.cxSection { padding-top:94px; padding-bottom:94px; scroll-margin-top:24px; }
.cxSectionHead { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:36px; }
.cxSectionHead .cxEyebrow { margin-bottom:12px; }.cxSectionHead h2, .cxFaqSection h2 { font-size:36px; letter-spacing:-1.4px; margin-bottom:0; }
.cxSectionHead > p { color:var(--cx-muted); font-size:14px; margin:0; }
.cxPlans { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cxPlan { padding:28px 24px 24px; display:flex; flex-direction:column; background:#fff; border:1px solid var(--cx-line); border-radius:18px; }
.cxPlanFeatured { border:2px solid var(--cx-blue); padding:27px 23px 23px; background:#fcfdff; }
.cxPlanHeading { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:30px; margin-bottom:14px; }
.cxPlanHeading h3 { font-size:22px; letter-spacing:-.7px; margin:0; }.cxPlanHeading > span { color:var(--cx-blue); background:var(--cx-soft); border-radius:5px; padding:3px 6px; font-size:10px; font-weight:800; }
.cxPlanDesc { color:var(--cx-muted); font-size:13px; min-height:66px; }
.cxPrice { display:flex; gap:10px; align-items:baseline; margin-bottom:20px; flex-wrap:wrap; }.cxPrice strong { font-size:36px; line-height:1.2; letter-spacing:-1.7px; }.cxPrice > span { font-size:12px; color:var(--cx-muted); }
.cxPeriod { font-size:12px; font-weight:600; color:var(--cx-muted); }.cxPeriod select { display:block; width:100%; margin-top:8px; padding:11px 12px; background:#f7f9fc; color:var(--cx-ink); border:1px solid var(--cx-line); border-radius:8px; font-size:14px; }
.cxPlan ul { list-style:none; margin:22px 0 28px; padding:0; flex:1; }.cxPlan li { display:flex; gap:10px; align-items:center; font-size:13px; margin:12px 0; }.cxPlan li svg { color:#187b58; width:16px; height:16px; }
.cxPlan > small { text-align:center; color:var(--cx-muted); font-size:11px; margin-top:14px; }
.cxPlanNote { color:var(--cx-muted); font-size:13px; text-align:center; max-width:750px; margin:24px auto 0; }.cxPlanNote a { color:var(--cx-blue); text-decoration:underline; text-underline-offset:3px; }
.cxSetup { background:#edf2fb; padding:70px 0; scroll-margin-top:20px; }.cxSteps { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; padding:0; margin:0; list-style:none; }.cxSteps li > span { display:block; font-size:14px; color:var(--cx-blue); font-weight:800; margin-bottom:22px; padding-bottom:14px; border-bottom:1px solid #cdd8ec; }.cxSteps h3 { font-size:20px; letter-spacing:-.5px; margin-bottom:12px; }.cxSteps p { font-size:14px; color:var(--cx-muted); margin:0; }
.cxFaqSection { display:grid; grid-template-columns:1fr 1.6fr; gap:70px; }.cxFaqSection > div > p { margin-top:20px; color:var(--cx-muted); font-size:14px; }.cxFaq details { border-bottom:1px solid var(--cx-line); }.cxFaq details:first-child { border-top:1px solid var(--cx-line); }.cxFaq summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 0; cursor:pointer; font-weight:700; font-size:15px; list-style:none; }.cxFaq summary::-webkit-details-marker { display:none; }.cxFaq summary:after { content:'+'; color:var(--cx-blue); font-size:22px; font-weight:400; }.cxFaq details[open] summary:after { content:'−'; }.cxFaq details p { margin:0 30px 24px 0; font-size:14px; color:var(--cx-muted); }
.cxFinal { margin:0 auto 60px; border-radius:24px; padding:44px 48px; background:#182c50; color:white; display:flex; justify-content:space-between; align-items:center; gap:32px; max-width:1120px; }.cxFinal .cxEyebrow { color:#aec5fa; margin-bottom:14px; }.cxFinal h2 { font-size:30px; letter-spacing:-1px; margin-bottom:14px; }.cxFinal p { margin:0; color:#b9c9e0; font-size:14px; }.cxFinal .cxButton { flex-shrink:0; }
.cxFooter { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; padding-bottom:44px; font-size:12px; }.cxFooter p { margin:0; color:var(--cx-muted); }.cxFooter nav { display:flex; gap:24px; }.cxMobileNav { display:none; }.cxNotice { max-width:800px; margin:12px auto; background:#edf2ff; padding:14px 24px; border:1px solid #c8d7ff; border-radius:12px; }
@media(max-width:1000px) { .cxHero { gap:30px; }.cxHero h1 { font-size:42px; }.cxDesktopNav { gap:18px; }.cxPlanHeading { min-height:58px; }.cxFinal { margin-left:32px; margin-right:32px; }.cxDeviceGrid { grid-template-columns:1fr; }.cxPreviewBody { padding:22px; }.cxDeviceGrid a { padding:12px; } }
@media(max-width:760px) {
  .cxContainer { padding-left:20px; padding-right:20px; }.cxHeader { padding:18px 20px; gap:12px; }.cxBrand { font-size:21px; }.cxBrand img { width:29px; height:29px; }.cxDesktopNav { display:none; }.cxButtonSmall { font-size:12px; padding:8px 12px; }.cxButtonSmall svg { display:none; }
  .cxHero { grid-template-columns:1fr; padding-top:34px; padding-bottom:36px; gap:32px; }.cxHero h1 { font-size:clamp(34px,8.9vw,48px); letter-spacing:-1.5px; }.cxIntro { font-size:16px; }.cxEyebrow { font-size:11px; }.cxHeroCopy .cxFine { margin-bottom:20px; }.cxDeviceGrid { grid-template-columns:1fr 1fr; }.cxPreview { border-radius:18px; }.cxPreviewBody h2 { font-size:24px; }.cxHeroProof { gap:14px; font-size:11px; }
  .cxBenefits { grid-template-columns:1fr; gap:20px; margin:0 20px; padding:24px 0; }.cxBenefits > div { gap:16px; }.cxBenefits b { font-size:14px; }.cxSection { padding-top:54px; padding-bottom:54px; }.cxSectionHead { display:block; margin-bottom:26px; }.cxSectionHead h2, .cxFaqSection h2 { font-size:30px; letter-spacing:-1px; }.cxSectionHead > p { margin-top:14px; }.cxPlans { grid-template-columns:1fr; gap:16px; }.cxPlan { padding:24px; }.cxPlanHeading { min-height:0; }.cxPlanDesc { min-height:0; margin-bottom:20px; }.cxPlan ul { margin:14px 0 22px; }.cxPlan li { font-size:14px; }.cxPlanHeading > span { margin-left:auto; }.cxPlan > .cxButton { width:100%; }.cxPlanNote { text-align:left; }
  .cxSetup { padding:48px 0; }.cxSteps { grid-template-columns:1fr; gap:26px; }.cxSteps li > span { margin-bottom:12px; padding-bottom:10px; }.cxSectionHead > a { margin-top:22px; }.cxFaqSection { grid-template-columns:1fr; gap:24px; }.cxFaqSection > div > p { margin-top:16px; }.cxFaq summary { font-size:14px; }
  .cxFinal { margin:0 20px 40px; padding:28px 24px; border-radius:18px; display:block; }.cxFinal h2 { font-size:28px; }.cxFinal .cxButton { margin-top:24px; width:100%; }.cxFooter { padding-bottom:110px; gap:18px; }.cxFooter p { width:100%; order:3; }.cxFooter nav { flex-wrap:wrap; gap:18px; }
  .cxMobileNav { position:fixed; bottom:0; left:0; right:0; z-index:100; display:grid; grid-template-columns:repeat(3,1fr); padding:8px 12px calc(8px + env(safe-area-inset-bottom)); background:#fffffff5; border-top:1px solid var(--cx-line); }.cxMobileNav a { display:flex; flex-direction:column; align-items:center; gap:4px; font-size:10px; font-weight:700; min-height:45px; padding:4px; color:var(--cx-ink); }.cxMobileNav a:first-child { color:var(--cx-blue); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *, *:before, *:after { animation:none!important; transition:none!important; } }

/* Existing customer flows keep their forms, data and event handlers. */
.cxSelectionNote { padding:14px; background:var(--cx-soft); color:var(--cx-ink); border:1px solid #d1ddfb; border-radius:10px; font-size:13px; line-height:1.6; margin-bottom:22px; }
.cxSelectedActions { display:flex; flex-wrap:wrap; gap:12px; }.cxSelectedActions form { margin:0; }
.cxOrderSummary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px; margin:20px 0; border:1px solid var(--cx-line); border-radius:12px; background:#f7f9fc; }
.cxOrderSummary > span { font-size:14px; }.cxOrderSummary strong { font-size:24px; white-space:nowrap; color:var(--cx-ink); }
body.cabinet .lxBeautifulPayPanel, body.cabinet .lxPaymentAlert, body.cabinet .paymentStatus { background:#f8faff; color:var(--cx-ink); border-color:var(--cx-line); box-shadow:none; }
body.cabinet .lxBeautifulPayPanel .lxStepText { color:var(--cx-ink); }
body.cabinet .lxBeautifulPayPanel .lxStepNum { color:var(--cx-blue); background:var(--cx-soft); box-shadow:none; }
body.cabinet .lxMySubRow { border-top-color:var(--cx-line)!important; }
body.cabinet .lxMySubRow .lxUpgradeRow .btn { background:var(--cx-soft); color:var(--cx-blue); border-color:#d4def2; min-height:40px; font-size:12px; }
body.cabinet .appDownloadBlock .lxForceBtn { background:var(--cx-soft); color:var(--cx-blue); border-color:#d4def2; }
body.cabinet .cxSelectedProduct { border-color:#98afe9; background:#f9fbff; }
body.auth .authBox input, body.auth .authBox select, body.auth .authBox textarea { background:#fff!important; color:var(--cx-ink)!important; border:1px solid #cbd4e2!important; font-size:16px!important; }
body.auth .authBox input::placeholder { color:#77849a; opacity:1; }
body.auth .tgAuthBox, body.auth .supportPanel { background:white!important; border:1px solid var(--cx-line)!important; box-shadow:none!important; }
body.auth .tgAuthBox { background:#f7f9fc!important; border-radius:12px; }
body.auth .authWrap { gap:20px; }
body.auth .supportPanel { max-width:480px; width:100%; margin:auto; padding:24px; border-radius:16px; }
body.auth .footer b, body.cabinet .footer b { color:var(--cx-ink); }
body.cabinet .lxShell { max-width:none; padding:0; }
body.cabinet .lxProfileSummary { padding:24px; border:1px solid var(--cx-line); border-radius:16px; background:#fff; }
body.cabinet .lxCleanPlanRow { background:#f7f9fc; border:1px solid var(--cx-line); }
body.cabinet .lxCleanPlanMain b { color:var(--cx-ink); }
body.cabinet .lxCleanStatus.is-on { background:#edf9f2; color:#187b58; border-color:#cce9db; }
body.cabinet .lxStatusActive { color:#187b58; }
body.cabinet .lxCleanStatus.is-off { color:#a64048; background:#fff2f4; border-color:#edc5cb; }
body.cabinet .lxAvatar { color:var(--cx-blue); background:var(--cx-soft); }
body.cabinet .lxCleanHead { border-color:var(--cx-line); }
body.cabinet .lxDeviceCard, body.cabinet .lxDeviceSettingsCard, body.cabinet .lxCleanTelegramCard { background:#fff; border:1px solid var(--cx-line); border-radius:14px; padding:18px; box-shadow:none; }
body.cabinet .lxDeviceCard b, body.cabinet .lxDeviceCard h3 { color:var(--cx-ink); }
body.cabinet .lxInstructionSteps { order:initial; }
body.cabinet .lxSubscriptionPlan, body.cabinet .lxSubscriptionTerm { min-width:0; }
body.cabinet .lxHeader .lxSupport span { display:inline; }
body.cabinet, body.auth { background:#f7f8fb!important; background-image:none!important; }
body.cabinet h1, body.cabinet h2, body.cabinet h3, body.auth h1, body.auth h2, body.auth h3 { color:var(--cx-ink); font-family:Manrope,system-ui,sans-serif; }
body.cabinet a, body.auth a { color:var(--cx-blue); }
body.cabinet .muted, body.auth .muted { color:var(--cx-muted); }
body.cabinet .topbar { display:none; }
body.cabinet .cabinetWrap { max-width:1184px; width:100%; margin:auto; padding:24px 32px 40px; }
body.cabinet .lxHeader { position:relative; top:auto; display:flex; align-items:center; gap:22px; width:100%; padding:0 0 24px; margin:0 0 32px; background:none; border:0; border-bottom:1px solid var(--cx-line); border-radius:0; box-shadow:none; backdrop-filter:none; }
body.cabinet .lxHeaderBrand { color:var(--cx-ink); font:800 22px/1.2 Manrope,system-ui,sans-serif; letter-spacing:-.8px; }
body.cabinet .lxHeaderBrand img { width:32px; height:32px; border-radius:9px; box-shadow:none; }
body.cabinet .lxHeaderNav { display:flex; margin:auto; padding:4px; border:1px solid var(--cx-line); border-radius:12px; background:#fff; gap:4px; }
body.cabinet .lxHeaderNav a { min-height:40px; padding:10px 18px; border-radius:8px; color:var(--cx-muted); font-size:13px; font-weight:650; background:none; box-shadow:none; }
body.cabinet .lxHeaderNav a.active { color:var(--cx-blue); background:var(--cx-soft); }
body.cabinet .lxSupport { color:var(--cx-ink); border:1px solid var(--cx-line); background:white; border-radius:10px; padding:10px 14px; min-height:44px; box-shadow:none; }
body.cabinet .lxSupport svg { color:var(--cx-blue); }
body.cabinet .lxTitle { font:800 30px/1.25 Manrope,system-ui,sans-serif; letter-spacing:-1px; }
body.cabinet .lxLead { color:var(--cx-muted); font-size:15px; margin-bottom:26px; }
.cxDashboardIntro { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; gap:20px; }.cxDashboardIntro h1 { margin:0 0 8px; font-size:30px; letter-spacing:-1px; }.cxDashboardIntro p { margin:0; font-size:14px; color:var(--cx-muted); }
body.cabinet .lxBentoHero.lxSubscription { background:white; border:1px solid var(--cx-line); box-shadow:none; border-radius:18px; }
body.cabinet .lxSubscriptionHeader { padding:26px 28px 22px; }
body.cabinet .lxSubscriptionHeader h2 { color:var(--cx-ink); font:750 20px/1.35 Manrope,system-ui,sans-serif; }
body.cabinet .lxSubscriptionHeader p { color:var(--cx-muted); font-size:13px; }
body.cabinet .lxSubscriptionEmpty h3 { color:var(--cx-ink); font-size:18px; }
body.cabinet .lxSubscriptionEmpty p { color:var(--cx-muted); font-size:14px; line-height:1.65; max-width:620px; }
body.cabinet .lxSubscriptionStatus { color:#187b58; border-color:#cce9db; background:#eff9f3; }
body.cabinet .lxSubscriptionStatus.is-inactive { color:#9a444a; border-color:#f1d5d9; background:#fff3f4; }
body.cabinet .lxSubscriptionRow { border-color:var(--cx-line); }
body.cabinet .lxSubscriptionPlan h3, body.cabinet .lxSubscriptionTerm strong { color:var(--cx-ink); }
body.cabinet .lxSubscriptionPlan p, body.cabinet .lxSubscriptionTerm > span { color:var(--cx-muted); font-size:13px; }
body.cabinet .lxSubscriptionMark { color:var(--cx-blue); border:0; background:var(--cx-soft); }
body.cabinet .lxSubscriptionFooter { background:#fafbfe; border-color:var(--cx-line); }
body.cabinet .lxSubscriptionTraffic { color:var(--cx-muted); }
body.cabinet .lxSubscriptionActions button { min-height:44px; font-size:13px; }
body.cabinet .lxSubscriptionConnect { background:var(--cx-blue); color:white; border-color:var(--cx-blue); }
body.cabinet .lxSubscriptionConnect:hover { background:#2148bb; }
body.cabinet .lxSubscriptionManage { border-color:var(--cx-line); color:var(--cx-ink); background:white; }
body.cabinet .lxSubscriptionManage:hover { background:var(--cx-soft); }
body.cabinet .lxModernTiles { grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:28px; }
body.cabinet .lxM-Tile { min-height:154px; padding:22px; display:flex; align-items:flex-start; flex-direction:column; gap:8px; background:#fff; border:1px solid var(--cx-line); border-radius:16px; color:var(--cx-ink); box-shadow:none; text-align:left; transition:border-color .15s; }
body.cabinet .lxM-Tile:before, body.cabinet .lxM-Tile:after { display:none; }
body.cabinet .lxM-Tile .lxIc { width:34px; height:34px; padding:7px; margin:0 0 6px; color:var(--cx-blue); background:var(--cx-soft); border:0; border-radius:9px; box-shadow:none; }
body.cabinet .lxM-Tile b { color:var(--cx-ink); font-size:15px; }
body.cabinet .lxM-Tile > span { font-size:12px; color:var(--cx-muted); }
body.cabinet .lxM-Tile:hover { transform:none; border-color:#9ab1e9; background:#fcfdff; }
.cxHelpStrip { border:1px solid #d4def2; background:var(--cx-soft); padding:22px 24px; border-radius:16px; display:flex; align-items:center; gap:18px; margin:22px 0; }
.cxHelpStrip > svg { width:24px; height:24px; color:var(--cx-blue); }.cxHelpStrip b { font-size:14px; }.cxHelpStrip p { margin:4px 0 0; font-size:13px; color:var(--cx-muted); }.cxHelpStrip a { margin-left:auto; font-size:13px; font-weight:700; white-space:nowrap; }
body.cabinet .lxInstruction, body.cabinet .lxCabCard, body.cabinet .panel, body.cabinet .lxConnectCard, body.cabinet .lxTgCard, body.cabinet .lxPayPanel, body.cabinet .lxDevicesCard, body.cabinet .lxSupportCard, body.cabinet .lxSpoiler, body.cabinet .lxForeverCard, body.auth .authBox, body.auth .choiceCard, body.auth .confirmEmailCard { background:#fff; border:1px solid var(--cx-line); border-radius:18px; box-shadow:none; backdrop-filter:none; }
body.cabinet .lxSpoiler::before, body.cabinet .lxCabCard::before, body.auth .authBox::before, body.auth .authBox::after { display:none; }
body.cabinet .lxSpoilerHead, body.cabinet .lxSpoilerTitle { color:var(--cx-ink); background:transparent; }
body.cabinet .lxSpoilerHint, body.cabinet .lxSpoilerDesc { color:var(--cx-muted); }
body.cabinet .lxSpoilerIc, body.cabinet .lxInstructionDeviceIcon { color:var(--cx-blue); background:var(--cx-soft); border:0; box-shadow:none; }
body.cabinet .lxCleanStat, body.cabinet .lxInfoRow, body.cabinet .lxPlanSummaryItem { color:var(--cx-ink); background:#f8faff; border-color:var(--cx-line); }
body.cabinet .lxCleanStat b, body.cabinet .lxInfoRow b, body.cabinet .lxSpoiler b { color:var(--cx-ink); }
body.cabinet .lxCleanStat small, body.cabinet .lxInfoRow small { color:var(--cx-muted); }
body.cabinet .lxCabPlanCard { background:white; border:1px solid var(--cx-line); border-radius:16px; box-shadow:none; padding:24px; }
body.cabinet .lxCabPlanCard.featured { border-color:#87a3e8; background:#f7faff; }
body.cabinet .lxCabPlanCard .price, body.cabinet .lxCabPlanCard h4 { color:var(--cx-ink); }
body.cabinet .lxCabPlanCard .badge, body.cabinet .tag, body.auth .tag { background:var(--cx-soft); color:var(--cx-blue); border:0; box-shadow:none; font-size:12px; }
body.cabinet .btn, body.auth .btn, body.cabinet .lxForceBtn, body.cabinet .lxSubscriptionConnect { color:white; background:var(--cx-blue); border:1px solid var(--cx-blue); box-shadow:none; border-radius:10px; min-height:46px; font-weight:650; }
body.cabinet .btn:hover, body.auth .btn:hover, body.cabinet .lxForceBtn:hover { background:#2148bb; transform:none; box-shadow:none; }
body.cabinet .btn.secondary, body.auth .btn.secondary, body.cabinet .lxCopyBtn { color:var(--cx-blue); background:var(--cx-soft); border-color:#d4def2; }
body.cabinet input, body.cabinet select, body.cabinet textarea, body.auth input { background:#fff; color:var(--cx-ink); border:1px solid #cbd4e2; box-shadow:none; border-radius:9px; font-size:16px; min-height:46px; }
body.cabinet input:focus, body.auth input:focus { border-color:var(--cx-blue); box-shadow:0 0 0 3px #2856d918; }
body.cabinet label, body.auth label, body.auth .field label { color:var(--cx-ink); font-size:13px; }
body.cabinet .lxPlanPickBar, body.cabinet .lxPlanPickBtns { background:#f4f7fc; border-color:var(--cx-line); box-shadow:none; }
body.cabinet .lxPlanPickBtn { background:white; color:var(--cx-muted); border-color:var(--cx-line); box-shadow:none; }
body.cabinet .lxPlanPickBtn.is-on { background:var(--cx-blue); color:white; border-color:var(--cx-blue); }
body.cabinet .lxStep { color:var(--cx-ink); background:#f8faff; border:1px solid var(--cx-line); border-radius:12px; }
body.cabinet .lxStep > b { background:var(--cx-soft); color:var(--cx-blue); box-shadow:none; }
body.cabinet .lxStep > span { color:var(--cx-ink); font-size:14px; line-height:1.65; }
body.cabinet .lxInstructionTop p, body.cabinet .lxEmptyStateNote p { color:var(--cx-muted); }
body.cabinet .lxInstallHero { margin-bottom:20px; padding-top:0; }
body.cabinet .lxDynIslandSpacer { display:none!important; }
body.cabinet .lxDynIsland { position:relative!important; inset:auto!important; transform:none!important; width:100%!important; max-width:none!important; margin:0 0 22px!important; z-index:3; display:none; }
body.cabinet .lxDynIsland.is-visible { display:block; }
body.cabinet .lxDynIslandBlob { width:100%!important; max-width:none; background:#fff; border:1px solid var(--cx-line); border-radius:14px!important; box-shadow:none; backdrop-filter:none; transform:none!important; animation:none!important; }
body.cabinet .lxDeviceIsland { color:var(--cx-ink); padding:16px 20px; }
body.cabinet .lxIslandIcon { background:var(--cx-soft); color:var(--cx-blue); }
body.cabinet .lxIslandCopy b { color:var(--cx-ink); }
body.cabinet .lxIslandCopy small { color:var(--cx-muted); }
body.cabinet .lxOs { color:var(--cx-ink); background:#f8faff; border:1px solid var(--cx-line); box-shadow:none; border-radius:10px; }
body.cabinet .lxOs.active { background:var(--cx-soft); border-color:#a1b7eb; color:var(--cx-blue); }
body.cabinet .lxOsIcon { color:inherit; }
body.cabinet .lxDynIsland, body.cabinet .lxDynIsland * { transition:none!important; animation:none!important; }
body.cabinet .lxDynIsland.is-open .lxDynIslandBlob { background:#fff; box-shadow:none; }
body.cabinet .lxDynIsland:not(.is-open) .lxDynIslandBody { display:none; }
body.cabinet .lxDynIsland.is-open .lxDynIslandBody { display:block; }
body.cabinet .lxOsGrid { opacity:1; transform:none; padding:0 14px 14px; gap:8px; }
body.cabinet .lxPickerChevron::after { border-color:var(--cx-muted); }
body.cabinet .lxTvSendCard, body.cabinet .lxTvHelpCard { background:#f8faff; border:1px solid var(--cx-line); box-shadow:none; }
body.cabinet #luax-connect .lxTvSendTitle, body.cabinet .lxTvHelpCard > b { color:var(--cx-ink)!important; }
body.cabinet #luax-connect .lxTvSendHint, body.cabinet .lxTvHelpCard > p { color:var(--cx-muted)!important; }
body.cabinet .lxTvSendIcon { background:var(--cx-soft); color:var(--cx-blue); box-shadow:none; }
body.cabinet .lxTvCodeInput { background:#fff; color:var(--cx-ink); border-color:#cbd4e2; }
body.cabinet .lxTvCodeInput::placeholder { color:var(--cx-muted); }
body.cabinet .lxTvSendBtn { background:var(--cx-blue); color:#fff; box-shadow:none; border:0; }
body.cabinet .cxTvSelectedTariff { margin:10px 0 0!important; color:var(--cx-blue)!important; font-size:12px!important; font-weight:700; }
body.cabinet .lxBeautifulPayPanel .paySteps { background:#f8faff; border:1px solid var(--cx-line); color:var(--cx-ink); }
body.cabinet .lxBeautifulPayPanel .paySteps div { border-color:var(--cx-line); }
body.cabinet .orderMini, body.cabinet .lxCabOrder { background:#f8faff; border:1px solid var(--cx-line); color:var(--cx-ink); box-shadow:none; }
/* A brief, tactile cabinet opening acknowledgement. */
body.cabinet .lxPreloader { background:linear-gradient(145deg,#f8faff 0%,#edf3ff 100%); }
body.cabinet .lxPreloaderStack { gap:22px; }
body.cabinet .lxPreloaderCore { width:104px; height:104px; }
body.cabinet .lxPreloaderTrace { width:112px; height:112px; }
body.cabinet .lxTraceTrack { stroke:#dbe5fb; }
body.cabinet .lxPreloaderLogo { width:58px; height:58px; padding:8px; background:#18243c; border-radius:16px; box-shadow:0 12px 28px #2856d926; }
body.cabinet .lxPreloaderTitle { color:var(--cx-ink); text-shadow:none; font-size:16px; }
body.cabinet .lxPreloaderSub { color:var(--cx-muted); }
body.cabinet .lxPreloaderDots i { background:var(--cx-blue); }

/* Some cabinet blocks were designed for the former dark interface. Their
   containers are light in this theme, therefore their inner white text and
   pale accents need explicit light-theme colours as well. */
@media (prefers-color-scheme: light) {
  body.cabinet .lxForeverCard { background:linear-gradient(135deg,#fff 0%,#f9fcff 58%,#eef8ff 100%); border-color:#b9def7; box-shadow:none; }
  body.cabinet .lxForeverCard::before { background:linear-gradient(115deg,rgba(255,255,255,.75),transparent 42%); }
  body.cabinet .lxForeverGlow { background:rgba(56,189,248,.12); filter:blur(52px); }
  body.cabinet .lxForeverIcon { color:#2381ba; background:linear-gradient(145deg,#e1f5ff,#edf1ff); border-color:#b8e5fb; box-shadow:none; }
  body.cabinet .lxForeverEyebrow { color:#14845f; }
  body.cabinet .lxForeverDot { box-shadow:0 0 0 4px rgba(20,132,95,.1),0 0 10px rgba(20,132,95,.24); }
  body.cabinet .lxForeverCopy h3, body.cabinet .lxForeverSupportCopy b { color:var(--cx-ink); }
  body.cabinet .lxForeverCopy p, body.cabinet .lxForeverSupportCopy small { color:var(--cx-muted); }
  body.cabinet .lxForeverMeta > span { color:var(--cx-ink); background:#f5f9fe; border-color:#d8e5f2; }
  body.cabinet .lxForeverMeta svg { color:#2589c2; }
  body.cabinet .lxForeverSupport { border-top-color:#dce7f1; }
  body.cabinet .lxForeverHeart { color:#d6586b; background:#fff0f3; }
  body.cabinet .lxForeverSupportBtn { color:var(--cx-blue); background:#eaf6ff; border-color:#bee7fb; }
  body.cabinet .lxForeverSupportBtn:hover { color:#173f9f; background:#dcedff; border-color:#91cff3; box-shadow:none; }

  body.cabinet .lxTariffCard { background:#fff; border-color:var(--cx-line); box-shadow:none; }
  body.cabinet .lxTariffCard:hover { transform:none; background:#f9fbff; border-color:#9ab9e9; }
  body.cabinet .lxTariffCard--featured { background:linear-gradient(150deg,#f8fcff,#eef5ff); border-color:#addcf6; }
  body.cabinet .lxTariffBadge { background:#102e4c; border-color:#2b94c9; color:#9bddff; }
  body.cabinet .lxTariffCard h3, body.cabinet .lxTariffCard li, body.cabinet .lxPlansPeriodTitle { color:var(--cx-ink); }
  body.cabinet .lxTariffCard > p, body.cabinet .lxTariffCard li.no { color:var(--cx-muted); }
  body.cabinet .lxTariffCard h3 svg { color:#278fc6; }
  body.cabinet .lxTariffCard--featured h3 svg { color:#c64b87; }
  body.cabinet .lxTariffCard li.ok svg { color:#159c79; }
  body.cabinet .lxTariffCard li.no svg { color:#d75a6b; }
  body.cabinet .lxTariffPrice--mint { color:#087c73; background:#e7faf6; }
  body.cabinet .lxTariffPrice--violet { color:#4f5fbe; background:#eef0ff; }
  body.cabinet .lxTariffPrice--rose { color:#bd417d; background:#fff0f7; }

  body.cabinet .lxPlanGrid a, body.cabinet .lxWhyGrid div { background:#fff; border-color:var(--cx-line); color:var(--cx-ink); }
  body.cabinet .lxPlanGrid a:hover, body.cabinet .lxWhyGrid div:hover { transform:none; background:#f8fbff; border-color:#9ab9e9; color:var(--cx-ink); }
  body.cabinet .lxPlanGrid a.pop { background:linear-gradient(150deg,#f6fcff,#eff3ff); border-color:#9fd4f2; box-shadow:none; }
  body.cabinet .lxPlanGrid span, body.cabinet .lxWhyGrid small { color:var(--cx-muted); }
  body.cabinet .lxWhyGrid b { color:var(--cx-ink); }
  body.cabinet .lxWhyGrid svg { color:#278fc6; }

  body.cabinet .lxGiveawayCard { background:linear-gradient(135deg,#fffdf8,#fffaf0 60%,#fff5df); border-color:#f0d69b; box-shadow:none; }
  body.cabinet .lxGiveawayGlow { background:rgba(251,191,36,.1); filter:blur(52px); }
  body.cabinet .lxGiveawayCopy h3, body.cabinet .lxGiveawayReferralCopy b { color:var(--cx-ink); }
  body.cabinet .lxGiveawayCopy p, body.cabinet .lxGiveawayHint, body.cabinet .lxGiveawayReferralCopy p { color:var(--cx-muted); }
  body.cabinet .lxGiveawayCopy p b, body.cabinet .lxGiveawayMeta b { color:#9a6500; }
  body.cabinet .lxGiveawayMeta span { color:var(--cx-ink); background:#fffaf0; border-color:#f0dfb6; }
  body.cabinet .lxGiveawayBadge, body.cabinet .lxGiveawayMeta span svg { color:#a16c00; }
  body.cabinet .lxGiveawayStatus--ok, body.cabinet .lxGiveawayJoinedRibbon, body.cabinet .lxGiveawayCard--joined .lxGiveawayBadge { color:#147b57; }
}
@media (prefers-reduced-motion: reduce) { body.cabinet .lxPreloaderLogo, body.cabinet .lxPreloaderText, body.cabinet .lxPreloaderDots i { animation:none; } }
body.cabinet .lxInstruction { padding:24px; }
body.cabinet .lxBottomNav { background:#fff; border:1px solid var(--cx-line); box-shadow:0 -4px 20px #1c376609; border-radius:16px; }
body.cabinet .lxBottomNav a { color:var(--cx-muted); }.lxBottomNav a.active { color:var(--cx-blue)!important; background:var(--cx-soft)!important; box-shadow:none!important; }
body.cabinet .lxBottomNav a::before, body.cabinet .lxBottomNav a::after { display:none; }
body.cabinet .footer, body.auth .footer { color:var(--cx-muted); background:none; border-color:var(--cx-line); font-size:12px; padding:24px; }
body.auth .authWrap { min-height:calc(100vh - 100px); padding:120px 20px 50px; display:grid; place-items:center; }
body.auth .authBox { width:min(100%,480px); padding:34px; transform:none; animation:none; }
body.auth .authBox h1 { font-size:30px; letter-spacing:-1px; }
body.auth .authBox .muted { font-size:14px; line-height:1.7; }
body.auth .lxLHeader { background:#fff; border-bottom:1px solid var(--cx-line); box-shadow:none; }
body.auth .lxBrand, body.auth .lxBrandVpn { color:var(--cx-ink); background:none; -webkit-text-fill-color:currentColor; }
body.auth .lxLPill { color:var(--cx-ink); background:#f5f7fc; border:1px solid var(--cx-line); }
body.auth .switchAuth { color:var(--cx-muted); font-size:13px; }
body.auth .grad, body.auth .gradAlt { color:var(--cx-blue); background:none; -webkit-text-fill-color:currentColor; }
body.auth .lxPassToggle { color:var(--cx-muted); }
body.cabinet .lxTrialBanner, body.cabinet .cxTrial { background:#edf3ff!important; border:1px solid #d0defb!important; border-radius:16px; box-shadow:none; padding:24px; gap:18px; margin-bottom:24px; }
body.cabinet .cxTrial .lxBentoLabel, body.cabinet .cxTrial .lxBentoHint { color:var(--cx-muted); }
body.cabinet .cxTrial .lxBentoValue { background:none!important; -webkit-text-fill-color:var(--cx-ink)!important; color:var(--cx-ink); font:750 26px/1.3 Manrope,system-ui,sans-serif; }
body.cabinet .cxTrial .lxBentoStatus { background:none!important; border:0!important; color:var(--cx-blue)!important; padding:0; }
body.cabinet .cxTrial .lxBentoAction { background:var(--cx-blue); border-color:var(--cx-blue); color:white; box-shadow:none; width:fit-content; }
body.cabinet .cxTrial::before, body.cabinet .cxTrial .lxBentoAura { display:none; }
.cxPayPriority:empty { display:none; }
.cxPayPriority > * { margin-bottom:18px; }
.cxPayNav { display:flex; gap:6px; padding:5px; margin:0 0 18px; width:fit-content; max-width:100%; background:#eef2f9; border:1px solid var(--cx-line); border-radius:12px; }
.cxPayNav button { appearance:none; min-height:42px; padding:9px 18px; border:0; border-radius:8px; background:transparent; color:var(--cx-muted); font:700 13px/1.3 Manrope,system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.cxPayNav button:hover { color:var(--cx-ink); }
.cxPayNav button.is-active { background:var(--cx-surface); color:var(--cx-ink); box-shadow:0 1px 4px #1c376614; }
.cxPayNav button[hidden], .cxPayView[hidden], body.cabinet .lxCabPlanCard[hidden] { display:none!important; }
.cxPayView > * { margin-top:0; margin-bottom:16px; }
.cxPeriodPick { display:block; max-width:480px; margin:16px 0 12px; font-size:13px; font-weight:700; }
.cxPeriodPick select { display:block; width:100%; margin-top:7px; padding:10px 12px; font:600 14px/1.4 Manrope,system-ui,sans-serif; }
body.cabinet .cxPeriodPick + .lxCabPlanGrid { display:block; }
body.cabinet .cxPeriodPick + .lxCabPlanGrid > .lxCabPlanCard { max-width:480px; padding:18px; }
body.cabinet .cxPeriodPick + .lxCabPlanGrid .badge { display:none; }
body.cabinet .cxPeriodPick + .lxCabPlanGrid .price { margin:4px 0; }
body.cabinet #lxCurrentTariffRenew > p.mini { display:none; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanGrid { margin-bottom:12px; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 14px; padding:14px 18px; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard .badge { display:none; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard h4 { margin:0; font-size:15px; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard .price { margin:0; font-size:22px; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard form { grid-column:1 / -1; margin:2px 0 0; }
body.cabinet #lxCurrentTariffRenew .lxCabPlanCard .btn { margin-top:0!important; min-height:40px; }
body.cabinet .lxDeviceCards { display:grid; gap:10px; margin:8px 0 16px; }
body.cabinet .lxDeviceCard { padding:0; overflow:hidden; }
body.cabinet .lxDeviceCard:hover, body.cabinet .lxDeviceCard.open { background:var(--cx-surface); border-color:#9ab1e9; }
body.cabinet .lxDeviceSummary { display:flex; width:100%; padding:16px 18px; min-height:72px; border:0; background:transparent; color:var(--cx-ink); text-align:left; font:inherit; cursor:pointer; }
body.cabinet .lxDeviceSummary:focus-visible { outline:3px solid #7095ff; outline-offset:-4px; }
body.cabinet .lxDeviceName { display:block; color:var(--cx-ink); font-size:15px; line-height:1.35; }
body.cabinet .lxDeviceMeta { color:var(--cx-muted); font-size:12px; gap:4px 12px; margin-top:5px; }
body.cabinet .lxDeviceChev { background:var(--cx-soft); }
body.cabinet .lxDeviceChev::before { border-color:var(--cx-blue); }
body.cabinet .lxDeviceBody { padding:0 18px 18px; background:transparent; border-color:var(--cx-line); }
body.cabinet .lxDeviceDetails { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; padding:18px 0; }
body.cabinet .lxDeviceDetail { display:block; min-width:0; }
body.cabinet .lxDeviceDetail span { display:block; margin-bottom:4px; color:var(--cx-muted); font-size:11px; }
body.cabinet .lxDeviceDetail b { display:block; color:var(--cx-ink); text-align:left; overflow-wrap:anywhere; font-size:12px; }
body.cabinet .lxDeviceBody .lxDeviceActions { display:flex; gap:8px; border-top:1px solid var(--cx-line); padding-top:14px; }
.cxDeviceActionHint { margin:0 0 12px; color:var(--cx-muted); font-size:11px; line-height:1.5; }
body.cabinet .lxDeviceBody .lxDeviceActions form { display:block; margin:0; }
body.cabinet .lxDeviceBody .lxDeviceActions .btn { min-height:40px; padding:8px 12px; font-size:12px; }
body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceBlock,
body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceDelete { color:#a33d4c; background:#fff4f5; border-color:#edc5cb; }
body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceUnblock { color:#147b57; background:#eaf8f0; border-color:#bde5d1; }
body.cabinet .lxDeviceBadge--ok { color:#147b57; background:#eaf8f0; border-color:#bde5d1; }
body.cabinet .lxDeviceBadge--ban { color:#a33d4c; background:#fff4f5; border-color:#edc5cb; }
body.cabinet .lxDeviceBadge--limit { color:#866009; background:#fff6dc; border-color:#ead99e; }
.cxSettingsList { display:grid; gap:0; margin:4px 0 0; }
.cxSettingRow { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid var(--cx-line); }
.cxSettingRow:last-child { border-bottom:0; }
.cxSettingCopy b, .cxSettingCopy label { display:block; color:var(--cx-ink); font-size:14px; font-weight:750; }
.cxSettingCopy p { margin:5px 0 0; color:var(--cx-muted); font-size:12px; line-height:1.6; }
.cxSettingState { display:inline-block; margin-top:8px; color:var(--cx-muted); font-size:11px; font-weight:700; }
.cxSettingState.is-on { color:#147b57; }
.cxSettingFootnote { margin:0; padding:10px 14px; color:var(--cx-muted); background:var(--cx-soft); border-radius:9px; font-size:11px; line-height:1.55; }
body.cabinet .cxSettingRow form { display:block; margin:0; }
body.cabinet .cxSettingAction { min-width:104px; min-height:40px; font-size:12px; }
body.cabinet .cxDeviceLimit { width:160px; min-height:42px; padding:8px 10px; font-size:13px; }
.cxDevicesEmpty { padding:24px; color:var(--cx-muted); border:1px dashed var(--cx-line); border-radius:12px; text-align:center; font-size:13px; }
body.cabinet .cxFeatureDetails { margin:18px 0 0; border-top:1px solid var(--cx-line); color:var(--cx-ink); }
body.cabinet .cxFeatureDetails > summary { padding:16px 0 4px; color:var(--cx-blue); font-size:13px; font-weight:700; cursor:pointer; }
body.cabinet .cxFeatureDetails .lxTariffFeatureGrid { margin:18px 0 0; }
body.cabinet .cxFeatureDetails .lxTariffCard { background:var(--cx-bg); border-color:var(--cx-line); transform:none; }
body.cabinet .cxFeatureDetails .lxTariffCard h3, body.cabinet .cxFeatureDetails .lxTariffCard li { color:var(--cx-ink); }
body.cabinet .cxFeatureDetails .lxTariffCard li.no { color:var(--cx-muted); }
body.cabinet .cxFeatureDetails .lxTariffBadge { background:var(--cx-soft); color:var(--cx-blue); border-color:var(--cx-line); }
body.cabinet .lxTrialBanner h4 { color:var(--cx-ink)!important; }
body.cabinet .lxTrialBanner > div > span { color:#187b58!important; background:#e4f6ef!important; }
@media(min-width:761px) { body.cabinet .lxBottomNav { display:none; } }
@media(max-width:1000px) { body.cabinet .lxHeader { gap:12px; }.lxHeaderNav a { padding:10px 12px!important; } body.cabinet .lxHeaderBrand { font-size:18px; } body.cabinet .lxSupport span { display:none; } }
@media(max-width:760px) {
 body.cabinet .cabinetWrap { width:100%; max-width:none; padding:18px 16px 100px; }
 body.cabinet .lxHeader { margin:0 0 26px; padding:0 0 18px; gap:12px; justify-content:space-between; }
 body.cabinet .lxHeaderNav { display:none; } body.cabinet .lxHeaderBrand { font-size:20px; } body.cabinet .lxSupport span { display:inline; font-size:12px; } body.cabinet .lxSupport { padding:8px 10px; min-height:40px; }
 .cxDashboardIntro { margin-bottom:20px; }.cxDashboardIntro h1 { font-size:25px; }.cxDashboardIntro p { font-size:13px; }
 body.cabinet .lxSubscriptionHeader { padding:20px 18px; } body.cabinet .lxSubscriptionHeader h2 { font-size:18px; }
 body.cabinet .lxSubscriptionPlan p, body.cabinet .lxSubscriptionTerm > span { font-size:11px; }
 body.cabinet .lxModernTiles { grid-template-columns:repeat(2,1fr); gap:10px; }
 body.cabinet .lxM-Tile { padding:17px; min-height:142px; }.cxHelpStrip { padding:18px; flex-wrap:wrap; gap:12px; }.cxHelpStrip a { margin-left:36px; }
 body.cabinet .lxInstruction { padding:18px; } body.cabinet .lxTitle { font-size:25px; } body.cabinet .lxLead { font-size:14px; }
 body.cabinet .lxBottomNav { display:grid; grid-template-columns:repeat(4,1fr); width:100%; max-width:none; bottom:0; left:0; right:0; transform:none; border-radius:0; padding:8px 8px calc(8px + env(safe-area-inset-bottom)); }
 body.cabinet .lxBottomNav a { min-height:48px; border-radius:10px; padding:6px 4px; } body.cabinet .lxBottomNav a span { font-size:10px; }
 body.cabinet .lxBottomNav a svg { width:20px; height:20px; }
 body.cabinet .lxCabCard, body.cabinet .panel, body.cabinet .lxTgCard, body.cabinet .lxPayPanel { padding:18px; }
 body.cabinet .lxCabPlanGrid { grid-template-columns:1fr; } body.cabinet .lxCabPlanCard { padding:20px; }
 body.auth .authBox { padding:26px 22px; } body.auth .authWrap { padding:100px 16px 36px; }
 body.auth .footer { padding-bottom:32px; }
 .cxPayNav { width:100%; gap:2px; padding:4px; }
 .cxPayNav button { flex:1; min-width:0; padding:9px 5px; white-space:normal; font-size:11px; }
 body.cabinet .lxDeviceDetails { grid-template-columns:1fr; }
 .cxSettingRow { grid-template-columns:1fr; gap:12px; }
 body.cabinet .cxSettingRow form, body.cabinet .cxSettingAction, body.cabinet .cxDeviceLimit { width:100%; }
 body.cabinet .lxDeviceBody .lxDeviceActions form { flex:1; }
 body.cabinet .lxDeviceBody .lxDeviceActions .btn { width:100%; justify-content:center; }
}

/* Follow the device appearance automatically, including changes while the page is open. */
@media (prefers-color-scheme: dark) {
  .customerLanding, body.cabinet, body.auth {
    --cx-bg:#0d1422;
    --cx-surface:#162134;
    --cx-ink:#f1f5ff;
    --cx-muted:#aab8d0;
    --cx-line:#2d3a50;
    --cx-blue:#8eb2ff;
    --cx-soft:#213759;
    --lx-muted2:#b6c4da;
    --lx-card:#162134;
    --lx-green:#86dcad;
    color-scheme:dark;
  }
  body.cabinet, body.auth { background:var(--cx-bg)!important; }
  .cxPayNav { background:#1a2940; }
  .cxPayNav button.is-active { box-shadow:none; }
  .cxButton:not(.cxButtonSmall):not(.cxButtonOutline):not(.cxButtonLight),
  body.cabinet .btn:not(.secondary), body.auth .btn:not(.secondary),
  body.cabinet .lxForceBtn, body.cabinet .lxSubscriptionConnect,
  body.cabinet .lxTvSendBtn, body.cabinet .cxTrial .lxBentoAction {
    background:#4168cd!important;
    border-color:#4168cd!important;
    color:#fff!important;
  }
  .cxButton:not(.cxButtonSmall):not(.cxButtonOutline):not(.cxButtonLight):hover,
  body.cabinet .btn:not(.secondary):hover, body.auth .btn:not(.secondary):hover,
  body.cabinet .lxSubscriptionConnect:hover { background:#5279dc!important; border-color:#5279dc!important; }
  .cxSkip, .cxButtonSmall, .cxButtonOutline, .cxPreview, .cxPlan,
  .cxDeviceGrid a, .cxPeriod select, .cxOrderSummary,
  body.cabinet .lxHeaderNav, body.cabinet .lxSupport,
  body.cabinet .lxBentoHero.lxSubscription, body.cabinet .lxSubscriptionManage,
  body.cabinet .lxM-Tile, body.cabinet .lxInstruction, body.cabinet .lxCabCard,
  body.cabinet .panel, body.cabinet .lxConnectCard, body.cabinet .lxTgCard,
  body.cabinet .lxPayPanel, body.cabinet .lxDevicesCard, body.cabinet .lxSupportCard,
  body.cabinet .lxSpoiler, body.cabinet .lxForeverCard, body.cabinet .lxProfileSummary,
  body.cabinet .lxDeviceCard, body.cabinet .lxDeviceSettingsCard,
  body.cabinet .lxCleanTelegramCard, body.cabinet .lxCabPlanCard,
  body.cabinet .lxDynIslandBlob, body.cabinet .lxDynIsland.is-open .lxDynIslandBlob,
  body.auth .authBox, body.auth .choiceCard, body.auth .confirmEmailCard,
  body.auth .supportPanel, body.auth .lxLHeader {
    background:var(--cx-surface)!important;
    color:var(--cx-ink);
    border-color:var(--cx-line)!important;
  }
  .cxPlanFeatured, body.cabinet .lxCabPlanCard.featured,
  body.cabinet .cxSelectedProduct { background:#192c49!important; border-color:#789dea!important; }
  .cxButtonSmall:hover, .cxButtonOutline:hover, .cxDeviceGrid a:hover,
  body.cabinet .lxM-Tile:hover { background:var(--cx-soft)!important; }
  .cxButtonLight { background:#f1f5ff; border-color:#f1f5ff; color:#18243c!important; }
  .cxButtonLight:hover { background:#dce7fb; }
  .cxPreviewHelp, .cxSetup, .cxMobileNav, .cxNotice,
  body.cabinet .lxSubscriptionFooter, body.cabinet .lxPlanPickBar,
  body.cabinet .lxPlanPickBtns, body.cabinet .lxTrialBanner,
  body.cabinet .cxTrial, body.cabinet .lxBottomNav {
    background:#142239!important;
    border-color:var(--cx-line)!important;
  }
  .cxSteps li > span { border-color:var(--cx-line); }
  .cxFinal { background:#20365c; }
  .cxFinal p { color:#c7d5ea; }
  .cxHeroProof svg, .cxPlan li svg { color:#86dcad; }
  .cxSelectionNote, .cxHelpStrip { border-color:#36527f; }
  body.cabinet .lxBeautifulPayPanel, body.cabinet .lxPaymentAlert,
  body.cabinet .paymentStatus, body.cabinet .lxCleanPlanRow,
  body.cabinet .lxCleanStat, body.cabinet .lxInfoRow,
  body.cabinet .lxPlanSummaryItem, body.cabinet .lxStep,
  body.cabinet .lxOs, body.cabinet .lxTvSendCard,
  body.cabinet .lxTvHelpCard, body.cabinet .lxBeautifulPayPanel .paySteps,
  body.cabinet .orderMini, body.cabinet .lxCabOrder {
    background:#1a2940!important;
    color:var(--cx-ink);
    border-color:var(--cx-line)!important;
  }
  body.cabinet .lxOs.active, body.cabinet .lxPlanPickBtn.is-on {
    background:var(--cx-soft)!important;
    color:var(--cx-blue)!important;
    border-color:#6d91d3!important;
  }
  body.cabinet .lxPlanPickBtn { background:var(--cx-surface); color:var(--cx-muted); border-color:var(--cx-line); }
  body.cabinet .lxMySubRow .lxUpgradeRow .btn,
  body.cabinet .appDownloadBlock .lxForceBtn,
  body.cabinet .btn.secondary, body.auth .btn.secondary,
  body.cabinet .lxCopyBtn { border-color:#3e5b91; }
  body.cabinet input, body.cabinet select, body.cabinet textarea,
  body.auth input, body.auth .authBox input, body.auth .authBox select,
  body.auth .authBox textarea, body.cabinet .lxTvCodeInput {
    background:#101c2f!important;
    color:var(--cx-ink)!important;
    border-color:#50627f!important;
  }
  body.cabinet input::placeholder, body.auth input::placeholder,
  body.auth .authBox input::placeholder { color:#a7b6ce; }
  body.auth .tgAuthBox { background:#1a2940!important; }
  body.auth .lxLPill { background:#1a2940; border-color:var(--cx-line); }
  body.cabinet .lxSubscriptionStatus, body.cabinet .lxCleanStatus.is-on {
    color:#92e5b8; background:#173d35; border-color:#326658;
  }
  body.cabinet .lxSubscriptionStatus.is-inactive, body.cabinet .lxCleanStatus.is-off {
    color:#ffb7be; background:#422831; border-color:#684149;
  }
  body.cabinet .lxStatusActive { color:#92e5b8; }
  body.cabinet .lxDeviceCard:hover, body.cabinet .lxDeviceCard.open { background:var(--cx-surface); border-color:#789dea; }
  body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceBlock,
  body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceDelete,
  body.cabinet .lxDeviceBadge--ban { color:#ffb7be; background:#422831; border-color:#684149; }
  body.cabinet .lxDeviceBody .lxDeviceActions .cxDeviceUnblock,
  body.cabinet .lxDeviceBadge--ok { color:#92e5b8; background:#173d35; border-color:#326658; }
  body.cabinet .lxDeviceBadge--limit { color:#f4d486; background:#403722; border-color:#6c5a2e; }
  .cxSettingState.is-on { color:#92e5b8; }
  body.cabinet .lxTrialBanner > div > span { color:#92e5b8!important; background:#173d35!important; }
  body.cabinet .lxPreloader { background:linear-gradient(145deg,#0d1422,#17253b); }
  body.cabinet .lxTraceTrack { stroke:#34435c; }
  body.cabinet .lxPreloaderLogo { background:#18243c; }
  body.cabinet .lxPreloaderTitle { color:var(--cx-ink); }
}