/* SOLITON — светлая тема (общий слой). Сгенерировано из CSS тёмной темы; срабатывает только внутри :root[data-theme="light"]. Тёмную не меняет. */ /* === legal.css === */ :root[data-theme="light"]{--sl-accent: var(--primary, var(--cyan, var(--blue, #6d28d9)));--sl-muted: var(--text-muted, var(--muted, #615774));--sl-surface: var(--bg3, #fbfaff);--sl-surface2: var(--bg2, #fbfaff);--sl-border: var(--border, rgba(23, 18, 31, 0.161));} :root[data-theme="light"] a:focus-visible, :root[data-theme="light"] button:focus-visible, :root[data-theme="light"] input:focus-visible, :root[data-theme="light"] textarea:focus-visible, :root[data-theme="light"] select:focus-visible, :root[data-theme="light"] summary:focus-visible, :root[data-theme="light"] details:focus-visible, :root[data-theme="light"] [tabindex]:focus-visible, :root[data-theme="light"] .form-option:focus-visible{outline: 2px solid var(--sl-accent) !important;} :root[data-theme="light"] .sl-skip{background: var(--sl-accent);color: #ffffff;} :root[data-theme="light"] .sl-sr{border: 0;} :root[data-theme="light"] .sl-consent input[type="checkbox"]{border: 1.5px solid var(--sl-border);background: rgba(23, 18, 31, 0.122);} :root[data-theme="light"] .sl-consent input[type="checkbox"]:hover{border-color: var(--sl-accent);} :root[data-theme="light"] .sl-consent input[type="checkbox"]:checked{background: var(--sl-accent);border-color: var(--sl-accent);box-shadow: 0 0 12px rgba(109, 40, 217, 0.193);} :root[data-theme="light"] .sl-consent input[type="checkbox"]:checked::after{border: solid rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .sl-consent-text{color: var(--sl-muted);} :root[data-theme="light"] .sl-consent-text a{color: var(--sl-accent);text-decoration: underline;} :root[data-theme="light"] .sl-consent.sl-nope input[type="checkbox"]{border-color: rgba(209, 78, 71, 0.35);box-shadow: 0 0 0 3px rgba(198, 88, 83, 0.1);} :root[data-theme="light"] .sl-consent.sl-nope .sl-consent-text{color: #cb0a00;} :root[data-theme="light"] .sl-cookie{background: var(--sl-surface);border: 1px solid var(--sl-border);box-shadow: 0 24px 70px rgba(23, 18, 31, 0.14);backdrop-filter: blur(20px);} :root[data-theme="light"] .sl-cookie-text{color: var(--sl-muted);} :root[data-theme="light"] .sl-cookie-text b{color: #17121f;} :root[data-theme="light"] .sl-cookie-text a{color: var(--sl-accent);text-decoration: underline;} :root[data-theme="light"] .sl-btn{border: 1px solid var(--sl-accent);background: transparent;color: #17121f;} :root[data-theme="light"] .sl-btn-primary{background: var(--sl-accent);color: #ffffff;} :root[data-theme="light"] .sl-btn-primary:hover{box-shadow: 0 8px 24px rgba(109, 40, 217, 0.193);} :root[data-theme="light"] .sl-btn-ghost{border-color: var(--sl-border);color: var(--sl-muted);} :root[data-theme="light"] .sl-btn-ghost:hover{border-color: var(--sl-accent);color: #17121f;} :root[data-theme="light"] .sl-legal{border-top: 1px solid var(--sl-border);color: var(--sl-muted);} :root[data-theme="light"] .sl-legal-links a{color: var(--sl-muted);text-decoration: none;} :root[data-theme="light"] .sl-legal-links a:hover{color: var(--sl-accent);} :root[data-theme="light"] .sl-todo{background: rgba(217, 161, 38, 0.154);border: 1px dashed rgba(209, 166, 71, 0.5);color: #8a5d00;} /* === responsive.css === */ :root[data-theme="light"] .sl-navtoggle{background: none;border: 1px solid var(--border, rgba(23, 18, 31, 0.161));color: #17121f;} :root[data-theme="light"] .sl-navtoggle:hover{border-color: var(--sl-accent, #6d28d9);} @media (max-width: 950px){ :root[data-theme="light"] header.sl-nav-open .nav-links{background: rgba(251, 250, 255, 0.97);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border, rgba(23, 18, 31, 0.161));} :root[data-theme="light"] header.sl-nav-open .nav-links a{border-bottom: 1px solid rgba(23, 18, 31, 0.069);} :root[data-theme="light"] header.sl-nav-open .nav-links a:last-child{border-bottom: none;} } @media (forced-colors: active){ :root[data-theme="light"] .btn-glow, :root[data-theme="light"] .sl-btn, :root[data-theme="light"] .lang-switcher a, :root[data-theme="light"] .sl-navtoggle, :root[data-theme="light"] input, :root[data-theme="light"] textarea, :root[data-theme="light"] select{border: 1px solid ButtonBorder;} :root[data-theme="light"] .sl-consent input[type="checkbox"]:checked::after{border-color: ButtonText;} } /* === sites-shell.css === */ :root[data-theme="light"], :root[data-theme="light"] body.pg-sites{--bg: #fbfaff;--bg2: #f4f1fb;--bg3: #ebe5f7;--primary: #6d28d9;--secondary: #4c1d95;--muted: #615774;--text-muted: #615774;--border: rgba(109, 40, 217, 0.27);} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] .sl-logo-img{filter: drop-shadow(0 0 14px rgba(109, 40, 217, 0.154));} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"]{border-top: 1px solid var(--border);background: var(--bg);} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] h4{color: #17121f;} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] ul a{color: var(--muted);} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] ul a:hover, :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] ul a.active{color: var(--primary);} :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] .foot-brand p, :root[data-theme="light"] body.pg-sites footer[role="contentinfo"] .foot-links a{color: var(--muted);} :root[data-theme="light"] body.pg-sites .sl-legal{border-top: 1px solid var(--border);} :root[data-theme="light"] body.pg-sites .sfab-item{background: var(--bg2);border: 1px solid var(--border);} :root[data-theme="light"] body.pg-sites .sfab-item:hover{border-color: var(--primary);} :root[data-theme="light"] body.pg-sites .sfab-item svg{color: var(--primary);} :root[data-theme="light"] body.pg-sites .sfab-tx b{color: #17121f;} :root[data-theme="light"] body.pg-sites .sfab-tx span{color: var(--muted);} :root[data-theme="light"] body.pg-sites .sfab-btn{border: none;color: #ffffff;background: linear-gradient(135deg, var(--primary), var(--secondary));box-shadow: 0 10px 30px rgba(109, 40, 217, 0.154);} :root[data-theme="light"] body.pg-sites .sl-modal-close{background: none;border: 0;color: #17121f;} :root[data-theme="light"] body.pg-sites .sl-modal-close:hover{color: var(--primary);} :root[data-theme="light"] body.pg-sites .sl-consent input[type="checkbox"]{accent-color: #6d28d9;} :root[data-theme="light"] body.pg-sites .sl-consent-text{color: #615774;} :root[data-theme="light"] body.pg-sites .sl-consent-text a{color: #6d28d9;text-decoration: underline;} :root[data-theme="light"] body.pg-sites .field label{color: #615774;} :root[data-theme="light"] body.pg-sites .field input{background: #fbfaff;border: 1px solid rgba(23, 18, 31, 0.14);color: #17121f;outline: none;} :root[data-theme="light"] body.pg-sites .field input:focus{border-color: #6d28d9;} :root[data-theme="light"] body.pg-sites .field .msg{color: #c91e00;} :root[data-theme="light"] body.pg-sites .field.err input{border-color: rgba(209, 91, 71, 0.35);} :root[data-theme="light"] body.pg-sites .sl-modal-backdrop{background: rgba(251, 250, 255, 0.82);} :root[data-theme="light"] body.pg-sites .ld-bar{background: rgba(23, 18, 31, 0.06);} :root[data-theme="light"] body.pg-sites .ld-fill{background: #6d28d9;box-shadow: 0 0 12px #6d28d9;} :root[data-theme="light"]{scrollbar-color: rgba(109, 40, 217, 0.35) #fbfaff;} :root[data-theme="light"]::-webkit-scrollbar-track, :root[data-theme="light"] ::-webkit-scrollbar-track{background: #fbfaff;} :root[data-theme="light"]::-webkit-scrollbar-thumb, :root[data-theme="light"] ::-webkit-scrollbar-thumb{background: rgba(109, 40, 217, 0.3);} :root[data-theme="light"]::-webkit-scrollbar-thumb:hover, :root[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background: #6d28d9;} :root[data-theme="light"] .sl-cookie{--sl-accent: #6d28d9;} :root[data-theme="light"] .sl-cookie-text a{color: #6d28d9;} :root[data-theme="light"] .sl-cookie .btn-glow, :root[data-theme="light"] .sl-cookie .sl-btn-primary{background: #6d28d9;color: #ffffff;} :root[data-theme="light"] .sl-consent input[type="checkbox"]{accent-color: #6d28d9;} :root[data-theme="light"] .sl-consent input[type="checkbox"]:checked{background: #6d28d9;border-color: #6d28d9;} :root[data-theme="light"] .sl-consent input[type="checkbox"]:focus-visible, :root[data-theme="light"] body.pg-sites input:focus-visible, :root[data-theme="light"] body.pg-sites button:focus-visible, :root[data-theme="light"] body.pg-sites a:focus-visible{outline: 2px solid #6d28d9 !important;} :root[data-theme="light"] body.pg-sites .sl-modal-box{background: none;border: 0;box-shadow: none;} :root[data-theme="light"] body.pg-sites .sl-modal-slot{background: none;border: 0;} /* === ui.css === */ :root[data-theme="light"] .geo-list{scrollbar-color: rgba(23, 18, 31, 0.162) transparent;} :root[data-theme="light"] .geo-list::-webkit-scrollbar-track{background: transparent;} :root[data-theme="light"] .geo-list::-webkit-scrollbar-thumb{background: rgba(23, 18, 31, 0.1);} :root[data-theme="light"] .geo-list::-webkit-scrollbar-thumb:hover{background: rgba(23, 18, 31, 0.1);} :root[data-theme="light"] .pg-web .trust-facts{background: transparent;border: none;box-shadow: none;} :root[data-theme="light"] .pg-web .trust-facts:hover{border-color: transparent;box-shadow: none;} :root[data-theme="light"] .pg-web .trust-facts:hover .fact-icon{background: rgba(76, 29, 149, 0.1);color: var(--cyan, var(--primary, #6d28d9));box-shadow: 0 0 15px rgba(76, 29, 149, 0.083);} :root[data-theme="light"] .pg-web .trust-facts .fact-item{background: var(--bg3, #fbfaff);border: 1px solid var(--border, rgba(109, 40, 217, 0.27));border-bottom: 1px solid var(--border, rgba(109, 40, 217, 0.27));} :root[data-theme="light"] .pg-web .trust-facts .fact-item:last-child{border-bottom: 1px solid var(--border, rgba(109, 40, 217, 0.27));} :root[data-theme="light"] .pg-web .trust-facts .fact-item::before{background: linear-gradient(135deg, var(--cyan, var(--primary, #6d28d9)), var(--blue, var(--secondary, #4c1d95)));} :root[data-theme="light"] .pg-web .trust-facts .fact-item::after{background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(23, 18, 31, 0.07) 0%, rgba(251, 250, 255, 0.6) 100%);} :root[data-theme="light"] .pg-web .trust-facts .fact-item:hover{border-color: transparent;box-shadow: 0 20px 50px rgba(109, 40, 217, 0.083);} :root[data-theme="light"] .pg-web .trust-facts .fact-item:hover .fact-icon{background: rgba(109, 40, 217, 0.12);box-shadow: 0 0 20px rgba(109, 40, 217, 0.165);color: var(--cyan, var(--primary, #6d28d9));} :root[data-theme="light"] .pg-web .trust-facts .fact-item:hover .fact-content h4{color: var(--cyan, var(--primary, #6d28d9));} @media (hover: none){ :root[data-theme="light"] .pg-web .trust-facts .fact-item:hover{box-shadow: none;border-color: var(--border, rgba(109, 40, 217, 0.27));} } :root[data-theme="light"] .sl-cta-band{background: var(--bg3, #fbfaff);border: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-cta-band::before{background: linear-gradient(135deg, var(--sl-accent), var(--secondary, var(--blue, var(--red, #4c1d95))));} :root[data-theme="light"] .sl-cta-band::after{background: var(--bg3, #fbfaff);} :root[data-theme="light"] .sl-cta-title{color: #17121f;} :root[data-theme="light"] .sl-cta-sub{color: var(--sl-muted);} :root[data-theme="light"] .sl-cta-points li{color: var(--sl-muted);} :root[data-theme="light"] .sl-cta-points li::before{background: var(--sl-accent);box-shadow: 0 0 10px var(--sl-accent);} :root[data-theme="light"] .sl-cta-btn{border: none;} :root[data-theme="light"] .sl-cta-note{color: var(--sl-muted);} :root[data-theme="light"] .sl-modal-backdrop{background: rgba(251, 250, 255, 0.82);backdrop-filter: blur(10px);} :root[data-theme="light"] .sl-modal-close{background: var(--sl-surface);color: #17121f;border: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-modal-close:hover{border-color: var(--sl-accent);} :root[data-theme="light"] .sl-case-facts span{color: var(--sl-muted);} :root[data-theme="light"] .sl-case-facts b{color: var(--sl-accent);} :root[data-theme="light"] .sl-more-cases{background: var(--bg2, #fbfaff);border: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-more-head h3{color: #17121f;} :root[data-theme="light"] .sl-more-head p{color: var(--sl-muted);} :root[data-theme="light"] .sl-cases-table th, :root[data-theme="light"] .sl-cases-table td{border-bottom: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-cases-table th{color: #17121f;} :root[data-theme="light"] .sl-cases-table td{color: var(--sl-muted);} :root[data-theme="light"] .sl-cases-table td:first-child{color: #17121f;} :root[data-theme="light"] .sl-cases-table tbody tr:last-child th, :root[data-theme="light"] .sl-cases-table tbody tr:last-child td{border-bottom: none;} :root[data-theme="light"] .sl-cases-table tbody tr:hover{background: rgba(23, 18, 31, 0.019);} :root[data-theme="light"] .sl-more-action .btn-glow{border: none;} :root[data-theme="light"] .pg-prog .price-card, :root[data-theme="light"] .pg-market .price-card{background: var(--bg3, #efe9f7);border: 1px solid var(--sl-border);} :root[data-theme="light"] .pg-prog .price-card::before, :root[data-theme="light"] .pg-market .price-card::before{background: linear-gradient(135deg, var(--red, var(--primary, #00e676)), var(--cyan, var(--secondary, #6d28d9)));} :root[data-theme="light"] .pg-prog .price-card::after, :root[data-theme="light"] .pg-market .price-card::after{background: var(--bg3, #fbfaff);} :root[data-theme="light"] .pg-prog .price-card:hover, :root[data-theme="light"] .pg-market .price-card:hover{border-color: transparent;box-shadow: 0 18px 46px rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .pg-prog .price-card h4, :root[data-theme="light"] .pg-market .price-card h4{color: #17121f;} :root[data-theme="light"] .pg-prog .price-card p, :root[data-theme="light"] .pg-market .price-card p{color: var(--muted, var(--text-muted, #615774));} :root[data-theme="light"] .pg-prog .price-meta, :root[data-theme="light"] .pg-market .price-meta{border-top: 1px solid var(--sl-border);} :root[data-theme="light"] .pg-prog .price-val, :root[data-theme="light"] .pg-market .price-val{color: var(--cyan, var(--primary, #00763c));} :root[data-theme="light"] .pg-prog .price-term, :root[data-theme="light"] .pg-market .price-term{color: var(--muted, var(--text-muted, #615774));} :root[data-theme="light"] .pg-prog .price-note, :root[data-theme="light"] .pg-market .price-note{color: var(--muted, var(--text-muted, #615774));} :root[data-theme="light"] .sl-price-cta{background: var(--bg2, #fbfaff);border: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-price-cta strong{color: #17121f;} :root[data-theme="light"] .sl-price-cta span{color: var(--sl-muted);} :root[data-theme="light"] .sl-price-cta .btn-glow{border: none;} :root[data-theme="light"] .sl-logo-img{filter: drop-shadow(0 0 14px rgba(109, 83, 198, 0.14));} :root[data-theme="light"] a.sl-logo:hover .sl-logo-img, :root[data-theme="light"] a.sl-logo:focus-visible .sl-logo-img{filter: drop-shadow(0 0 20px rgba(122, 83, 198, 0.22));} :root[data-theme="light"] .sl-carousel-viewport:focus-visible{outline: 2px solid var(--sl-accent);} :root[data-theme="light"] .sl-carousel .price-card:hover{border-color: var(--sl-accent);box-shadow: 0 18px 44px rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .sl-cr-btn{background: transparent;color: #17121f;border: 1px solid var(--sl-border);} :root[data-theme="light"] .sl-cr-btn:hover{border-color: var(--sl-accent);background: rgba(23, 18, 31, 0.03);} :root[data-theme="light"] .sl-cr-btn[disabled]:hover{border-color: var(--sl-border);background: transparent;} :root[data-theme="light"] .sl-cr-rail{background: rgba(23, 18, 31, 0.068);} :root[data-theme="light"] .sl-cr-thumb{background: linear-gradient(90deg, var(--sl-accent), var(--secondary, var(--blue, var(--red, #4c1d95))));} :root[data-theme="light"] .sl-cr-hint{color: var(--sl-muted);} :root[data-theme="light"] .sl-ask-card{background: var(--bg2, #fbfaff);border: 1px dashed var(--sl-border);} :root[data-theme="light"] .sl-ask-card::before{background: radial-gradient(120% 90% at 15% 0%, rgba(23, 18, 31, 0.034), transparent 62%);} :root[data-theme="light"] .sl-ask-card:hover{border-color: var(--sl-accent);box-shadow: 0 18px 46px rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .sl-ask-icon{background: rgba(23, 18, 31, 0.038);border: 1px solid var(--sl-border);color: var(--sl-accent);} :root[data-theme="light"] .sl-ask-card:hover .sl-ask-icon{background: rgba(109, 40, 217, 0.1);box-shadow: 0 0 18px rgba(109, 40, 217, 0.121);} :root[data-theme="light"] .sl-ask-card h3{color: #17121f;} :root[data-theme="light"] .sl-ask-card p{color: var(--sl-muted);} :root[data-theme="light"] .sl-ask-btn{border: 1px solid var(--sl-accent);color: #17121f;text-decoration: none;} :root[data-theme="light"] .sl-ask-btn:hover{background: var(--sl-accent);color: #ffffff;} :root[data-theme="light"] .sl-ask-note{color: var(--sl-muted);} :root[data-theme="light"] .sl-flash::after{border: 1px solid var(--sl-accent);} :root[data-theme="light"] .nc-stage canvas:focus-visible{outline: 1px solid currentColor;} :root[data-theme="light"] .nc-stage::before{background: radial-gradient(circle at 50% 48%, var(--nc-glow, rgba(109, 40, 217, 0.14)), transparent 72%);} :root[data-theme="light"]{--sl-accent-any: var(--primary, var(--cyan, var(--red, #6d28d9)));} :root[data-theme="light"] .hero-scroll{color: var(--text-muted, var(--muted, #615774));} :root[data-theme="light"] .hero-scroll .scroll-bar{background: linear-gradient(to bottom, var(--sl-accent-any), transparent);} :root[data-theme="light"] .sl-ld-mini-word{color: #17121f;} :root[data-theme="light"] .sl-ld-mini::after{background: linear-gradient(90deg, transparent, var(--sl-accent-any), transparent);filter: blur(7px);} @media (max-width: 760px){ :root[data-theme="light"] .sl-cases-table tr{border: 1px solid var(--sl-border);background: rgba(23, 18, 31, 0.015);} :root[data-theme="light"] .sl-cases-table td{border: none;} :root[data-theme="light"] .sl-cases-table td:first-child{color: #17121f;} :root[data-theme="light"] .sl-cases-table td[data-label]::before{color: #615774;} :root[data-theme="light"] .sl-cases-table tbody tr:hover{background: rgba(23, 18, 31, 0.015);} } :root[data-theme="light"] .stat-note{color: var(--text-muted, var(--muted, #615774));} :root[data-theme="light"] .sl-hero-aura span{filter: blur(70px);} :root[data-theme="light"] .sl-hero-aura span:nth-child(1){background: radial-gradient(circle, var(--sl-accent-any), transparent 68%);} :root[data-theme="light"] .sl-hero-aura span:nth-child(2){background: radial-gradient(circle, var(--secondary, var(--sl-accent-any)), transparent 68%);} :root[data-theme="light"] .sl-hero-aura span:nth-child(3){background: radial-gradient(circle, var(--sl-accent-any), transparent 70%);} @media (max-width: 768px){ :root[data-theme="light"] .sl-hero-aura span{filter: blur(48px);} } :root[data-theme="light"] .sl-ask-card:hover .sl-ask-icon{background: color-mix(in srgb, var(--sl-accent-any) 12%, transparent);box-shadow: 0 0 18px color-mix(in srgb, var(--sl-accent-any) 24%, transparent);} /* === case-gallery.css === */ :root[data-theme="light"] .gi-zoom{border: 1px solid rgba(23, 18, 31, 0.184);background: rgba(244, 244, 248, 0.55);backdrop-filter: blur(6px);color: #17121f;} :root[data-theme="light"] .is-zoomable:focus-visible{outline: 2px solid var(--primary, #6d28d9);} :root[data-theme="light"] .cg-lb-back{background: rgba(243, 243, 250, 0.92);backdrop-filter: blur(10px);} :root[data-theme="light"] .cg-lb-img{border: 1px solid rgba(23, 18, 31, 0.115);box-shadow: 0 40px 90px rgba(23, 18, 31, 0.14);background: var(--bg2, #ededf2);} :root[data-theme="light"] .cg-lb-n{color: var(--primary, #6d28d9);} :root[data-theme="light"] .cg-lb-t{color: #4a4158;} :root[data-theme="light"] .cg-lb-btn{border: 1px solid rgba(23, 18, 31, 0.184);background: rgba(244, 244, 248, 0.8);backdrop-filter: blur(8px);color: #17121f;} :root[data-theme="light"] .cg-lb-btn:hover{background: var(--primary, #6d28d9);border-color: transparent;} :root[data-theme="light"] .cg-lb-btn:focus-visible{outline: 2px solid var(--primary, #6d28d9);} :root[data-theme="light"] .cu-link{border: 1px solid var(--border, rgba(23, 18, 31, 0.138));background: var(--bg2, #ededf2);text-decoration: none;} :root[data-theme="light"] .cu-link::before{background: linear-gradient(90deg, var(--primary, #6d28d9), var(--secondary, #6d28d9));} :root[data-theme="light"] .cu-link:hover{border-color: rgba(109, 40, 217, 0.4);box-shadow: 0 24px 60px rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .cu-link:focus-visible{outline: 2px solid var(--primary, #6d28d9);} :root[data-theme="light"] .cu-dir{color: var(--primary, #6d28d9);} :root[data-theme="light"] .cu-name{color: #17121f;} :root[data-theme="light"] .cu-sub{color: var(--text-muted, #615774);} :root[data-theme="light"] .cu-link{border: 1px solid var(--border, rgba(23, 18, 31, 0.138));background: var(--bg2, #ededf2);text-decoration: none;} :root[data-theme="light"] .cu-link::before{background: linear-gradient(90deg, var(--primary, #6d28d9), var(--secondary, #6d28d9));} :root[data-theme="light"] .cu-link:hover{border-color: rgba(109, 40, 217, 0.4);box-shadow: 0 24px 60px rgba(23, 18, 31, 0.14);} :root[data-theme="light"] .cu-link:focus-visible{outline: 2px solid var(--primary, #6d28d9);} :root[data-theme="light"] .cu-dir{color: var(--primary, #6d28d9);} :root[data-theme="light"] .cu-name{color: #17121f;} :root[data-theme="light"] .cu-sub{color: var(--text-muted, #615774);} :root[data-theme="light"] .case-section-title::before{color: var(--primary, #6d28d9);} :root[data-theme="light"] .case-cta .cta-second{border: 1px solid var(--border, rgba(23, 18, 31, 0.184));color: #4a4158;text-decoration: none;} :root[data-theme="light"] .case-cta .cta-second:hover{border-color: rgba(109, 40, 217, 0.4);color: #17121f;} :root[data-theme="light"] .case-cta .cta-second:focus-visible{outline: 2px solid var(--primary, #6d28d9);} /* === lead-form.css === */ :root[data-theme="light"] body{--slq-accent: var(--primary, var(--blue, var(--cyan, #6d28d9)));--slq-accent2: var(--secondary, var(--cyan, var(--primary, #4c1d95)));--slq-bg: var(--bg, #ebedf4);--slq-bg2: var(--bg2, #fbfaff);--slq-line: var(--border, rgba(23, 18, 31, 0.138));--slq-muted: var(--text-muted, var(--muted, #615774));--slq-text: #17121f;} :root[data-theme="light"] body.pg-web{--slq-accent: #4c1d95;--slq-accent2: #6d28d9;} :root[data-theme="light"] body.pg-sites{--slq-accent: #6d28d9;--slq-accent2: #4c1d95;} :root[data-theme="light"] .auth-container{background: var(--slq-bg2);border: 1px solid var(--slq-line);box-shadow: 0 18px 50px rgba(23, 18, 31, 0.14);color: var(--slq-text);} :root[data-theme="light"] .auth-container::before{background: linear-gradient(90deg, var(--slq-accent), var(--slq-accent2));} :root[data-theme="light"] .slq-head h2{color: var(--slq-text);} :root[data-theme="light"] .slq-head p{color: var(--slq-muted);} :root[data-theme="light"] .slq-bar{background: rgba(23, 18, 31, 0.06);} :root[data-theme="light"] .slq-bar span{background: linear-gradient(90deg, var(--slq-accent), var(--slq-accent2));} :root[data-theme="light"] .slq-step-label{color: var(--slq-muted);} :root[data-theme="light"] .slq-back{color: var(--slq-muted);background: none;border: 0;} :root[data-theme="light"] .slq-back:hover{color: var(--slq-accent);} :root[data-theme="light"] .slq-hint{color: var(--slq-muted);} :root[data-theme="light"] .slq-cat{background: var(--slq-bg);border: 1px solid var(--slq-line);color: var(--slq-text);} :root[data-theme="light"] .slq-cat:hover{border-color: var(--slq-accent);} :root[data-theme="light"] .slq-cat.is-sel{border-color: var(--slq-accent);background: color-mix(in srgb, var(--slq-accent) 10%, var(--slq-bg));} :root[data-theme="light"] .slq-cat span{color: var(--slq-muted);} :root[data-theme="light"] .slq-cat.is-sel span{color: color-mix(in srgb, var(--slq-accent) 62%, var(--slq-muted));} :root[data-theme="light"] .slq-subs{scrollbar-color: rgba(23, 18, 31, 0.162) transparent;} :root[data-theme="light"] .slq-subs::-webkit-scrollbar-track{background: transparent;} :root[data-theme="light"] .slq-subs::-webkit-scrollbar-thumb{background: rgba(23, 18, 31, 0.1);} :root[data-theme="light"] .slq-sub{background: var(--slq-bg);border: 1px solid var(--slq-line);color: var(--slq-text);} :root[data-theme="light"] .slq-sub:hover{border-color: var(--slq-accent);} :root[data-theme="light"] .slq-sub .slq-box{border: 1px solid var(--slq-line);} :root[data-theme="light"] .slq-sub .slq-box::after{border-left: 2px solid var(--slq-bg);border-bottom: 2px solid var(--slq-bg);} :root[data-theme="light"] .slq-sub.is-sel{border-color: var(--slq-accent);} :root[data-theme="light"] .slq-sub.is-sel .slq-box{background: var(--slq-accent);border-color: var(--slq-accent);} :root[data-theme="light"] .slq-skip{color: var(--slq-muted);background: none;border: 0;text-decoration: underline;} :root[data-theme="light"] .slq-skip:hover{color: var(--slq-accent);} :root[data-theme="light"] .slq-chip{color: var(--slq-accent);background: color-mix(in srgb, var(--slq-accent) 12%, transparent);border: 1px solid color-mix(in srgb, var(--slq-accent) 40%, transparent);} :root[data-theme="light"] .slq-field > label{color: var(--slq-muted);} :root[data-theme="light"] .auth-container input[type="text"], :root[data-theme="light"] .auth-container input[type="tel"], :root[data-theme="light"] .auth-container input[type="email"], :root[data-theme="light"] .auth-container textarea{background: var(--slq-bg);border: 1px solid var(--slq-line);color: var(--slq-text);outline: none;} :root[data-theme="light"] .auth-container input::placeholder, :root[data-theme="light"] .auth-container textarea::placeholder{color: var(--slq-muted);} :root[data-theme="light"] .auth-container input:focus, :root[data-theme="light"] .auth-container textarea:focus{border-color: var(--slq-accent);box-shadow: 0 0 0 3px color-mix(in srgb, var(--slq-accent) 18%, transparent);} :root[data-theme="light"] .slq-field.is-err input, :root[data-theme="light"] .slq-field.is-err textarea{border-color: rgba(209, 91, 71, 0.35);} :root[data-theme="light"] .slq-err{color: #c91e00;} :root[data-theme="light"] .slq-submit{border: 0;background: linear-gradient(135deg, var(--slq-accent), var(--slq-accent2));color: #ffffff;} :root[data-theme="light"] .slq-submit:hover{box-shadow: 0 10px 28px color-mix(in srgb, var(--slq-accent) 34%, transparent);} :root[data-theme="light"] .slq-submit[disabled]{box-shadow: none;} :root[data-theme="light"] .slq-note{color: var(--slq-muted);} :root[data-theme="light"] .slq-done-ic{background: linear-gradient(135deg, var(--slq-accent), var(--slq-accent2));} :root[data-theme="light"] .slq-done-ic::after{border-left: 3px solid var(--slq-bg);border-bottom: 3px solid var(--slq-bg);} :root[data-theme="light"] .slq-done h3{color: var(--slq-text);} :root[data-theme="light"] .slq-done p{color: var(--slq-muted);} :root[data-theme="light"] .slq-done-links a{border: 1px solid var(--slq-line);color: var(--slq-text);} :root[data-theme="light"] .slq-done-links a:hover{border-color: var(--slq-accent);color: var(--slq-accent);} :root[data-theme="light"] .auth-container .sl-consent input[type="checkbox"]{accent-color: var(--slq-accent);} :root[data-theme="light"] .auth-container .sl-consent-text{color: var(--slq-muted);} :root[data-theme="light"] .auth-container .sl-consent-text a{color: var(--slq-accent);text-decoration: underline;} @supports not (color: color-mix(in srgb, red 50%, blue)){ :root[data-theme="light"] .slq-cat.is-sel{background: rgba(23, 18, 31, 0.038);} :root[data-theme="light"] .slq-chip{background: rgba(23, 18, 31, 0.045);border-color: var(--slq-line);} :root[data-theme="light"] .auth-container input:focus, :root[data-theme="light"] .auth-container textarea:focus{box-shadow: none;} :root[data-theme="light"] .slq-submit:hover{box-shadow: 0 10px 28px rgba(23, 18, 31, 0.14);} } :root[data-theme="light"] .sl-modal-box, :root[data-theme="light"] .sl-modal-slot{background: none;border: 0;box-shadow: none;} :root[data-theme="light"] .slq-contacts.is-err input{border-color: rgba(209, 91, 71, 0.35);} :root[data-theme="light"] .slq-contact-note{color: var(--slq-muted);} /* === forms-runtime.css === */ :root[data-theme="light"] .sl-invalid{border-color: rgba(209, 78, 71, 0.35) !important;box-shadow: 0 0 0 2px rgba(198, 88, 83, 0.075) !important;} :root[data-theme="light"] .sl-err{color: #cb0a00;} :root[data-theme="light"] .sl-err::before{background: #ff5f57;} :root[data-theme="light"] .sl-note{border: 1px solid transparent;} :root[data-theme="light"] .sl-note a{color: inherit;text-decoration: underline;} :root[data-theme="light"] .sl-note--ok{background: rgba(35, 195, 117, 0.11);border-color: rgba(71, 209, 142, 0.495);color: #0b753d;} :root[data-theme="light"] .sl-note--warn{background: rgba(218, 174, 44, 0.11);border-color: rgba(209, 175, 71, 0.495);color: #856100;} :root[data-theme="light"] .sl-note--err{background: rgba(221, 68, 60, 0.11);border-color: rgba(209, 78, 71, 0.495);color: #cc0b00;} /* === quiz.css === */ :root[data-theme="light"] .auth-container{background: var(--bg2, #fbfaff);border: 1px solid var(--border, rgba(23, 18, 31, 0.138));box-shadow: 0 18px 50px rgba(23, 18, 31, 0.14), inset 0 0 0 1px rgba(23, 18, 31, 0.006);} :root[data-theme="light"] .auth-container::before{background: linear-gradient(90deg, var(--primary, #6d28d9), var(--secondary, #5b21b6));} :root[data-theme="light"] .auth-container .form-container.sign-in p{color: var(--text-muted, var(--muted, #615774));} :root[data-theme="light"] .auth-container .toggle-panel.toggle-right h3, :root[data-theme="light"] .auth-container .form-container.sign-up h3{color: #17121f;} :root[data-theme="light"] .auth-container .form-option{border: 1px solid rgba(23, 18, 31, 0.115);background: var(--bg, #ede9f7);} :root[data-theme="light"] .auth-container .form-option:hover{border-color: var(--primary, #6d28d9);} :root[data-theme="light"] .auth-container .form-option.selected{border-color: var(--primary, #6d28d9);background: rgba(23, 18, 31, 0.038);} :root[data-theme="light"] .auth-container .form-option label{color: #17121f;} :root[data-theme="light"] .auth-container input:not([type="checkbox"]):not([type="radio"]), :root[data-theme="light"] .auth-container textarea{background: var(--bg, #ede9f7);border: 1px solid var(--border, rgba(23, 18, 31, 0.138));color: #17121f;} :root[data-theme="light"] .auth-container input:focus, :root[data-theme="light"] .auth-container textarea:focus{outline: none;border-color: var(--primary, #6d28d9);box-shadow: 0 0 0 3px rgba(23, 18, 31, 0.013);} :root[data-theme="light"] .auth-container input::placeholder, :root[data-theme="light"] .auth-container textarea::placeholder{color: var(--text-muted, var(--muted, #615774));} :root[data-theme="light"] .auth-container .main-btn{border: 1px solid var(--primary, #6d28d9);background: transparent;color: #17121f;} :root[data-theme="light"] .auth-container .main-btn:hover{background: var(--primary, #6d28d9);color: #ffffff;box-shadow: 0 0 30px rgba(109, 40, 217, 0.193);} :root[data-theme="light"] .auth-container .sl-quiz-back{background: none;border: none;color: var(--text-muted, var(--muted, #615774));} :root[data-theme="light"] .auth-container .sl-quiz-back:hover{color: #17121f;} /* === scene-blocks.css === */ :root[data-theme="light"] .sc-caption{color: var(--muted, #4a4158);} :root[data-theme="light"] .sc-caption b{color: #17121f;} :root[data-theme="light"] .sc-caption .sc-caption-note{color: color-mix(in srgb, var(--sc-a) 70%, #17121f);} /* === inline-utils.css === */ :root[data-theme="light"] [data-u="u2"][data-u="u2"]{color: var(--text-muted);} :root[data-theme="light"] [data-u="u4"][data-u="u4"]{color: #17121f;} :root[data-theme="light"] [data-u="u6"][data-u="u6"]{color: #17121f;} :root[data-theme="light"] [data-u="u7"][data-u="u7"]{color: var(--primary);} :root[data-theme="light"] [data-u="u11"][data-u="u11"]{color: #17121f;text-decoration: none;} :root[data-theme="light"] [data-u="u12"][data-u="u12"]{color: var(--text-muted);} :root[data-theme="light"] [data-u="u18"][data-u="u18"]{color: var(--muted);} :root[data-theme="light"] [data-u="u21"][data-u="u21"]{color: var(--primary);} :root[data-theme="light"] [data-u="u23"][data-u="u23"]{color: #17121f;} :root[data-theme="light"] [data-u="u24"][data-u="u24"]{color: var(--muted);} :root[data-theme="light"] [data-u="u27"][data-u="u27"]{color: #17121f;} :root[data-theme="light"] [data-u="u32"][data-u="u32"]{color: var(--text-muted);} :root[data-theme="light"] [data-u="u33"][data-u="u33"]{color: #17121f;} :root[data-theme="light"] [data-u="u34"][data-u="u34"]{background: var(--bg2);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);} :root[data-theme="light"] [data-u="u37"][data-u="u37"]{color: var(--primary);} :root[data-theme="light"] [data-u="u38"][data-u="u38"]{color: var(--text-muted);} :root[data-theme="light"] [data-u="u40"][data-u="u40"]{color: var(--muted);} :root[data-theme="light"] [data-u="u41"][data-u="u41"]{color: #17121f;} :root[data-theme="light"] [data-u="u44"][data-u="u44"]{color: var(--muted);} :root[data-theme="light"] [data-u="u45"][data-u="u45"]{color: var(--red);} :root[data-theme="light"] [data-u="u46"][data-u="u46"]{color: var(--blue);} :root[data-theme="light"] [data-u="u48"][data-u="u48"]{background-image: url("/assets/cases/egf/cover.jpg");} :root[data-theme="light"] [data-u="u49"][data-u="u49"]{background-image: url("/assets/cases/suitesforall/cover.jpg");} :root[data-theme="light"] [data-u="u50"][data-u="u50"]{--nc-glow: rgba(35, 195, 117, 0.165);} :root[data-theme="light"] [data-u="u53"][data-u="u53"]{background: linear-gradient(135deg, #fbfaff, #eff3ed);} :root[data-theme="light"] [data-u="u54"][data-u="u54"]{background: rgba(135, 176, 105, 0.165);border-color: rgba(135, 176, 105, 0.35);color: #4a4158;} :root[data-theme="light"] [data-u="u55"][data-u="u55"]{background: linear-gradient(135deg, #e9f1f7, #e9f2f7);} :root[data-theme="light"] [data-u="u56"][data-u="u56"]{background: rgba(84, 158, 196, 0.165);border-color: rgba(84, 158, 196, 0.35);color: #266c88;} :root[data-theme="light"] [data-u="u57"][data-u="u57"]{background: linear-gradient(135deg, #f3eeec, #f4eeeb);} :root[data-theme="light"] [data-u="u58"][data-u="u58"]{background: rgba(203, 144, 78, 0.165);border-color: rgba(203, 144, 78, 0.35);color: #895e23;} :root[data-theme="light"] [data-u="u59"][data-u="u59"]{background: linear-gradient(135deg, #e9eef7, #e9eef7);} :root[data-theme="light"] [data-u="u60"][data-u="u60"]{background: rgba(60, 134, 221, 0.165);border-color: rgba(71, 135, 209, 0.35);color: #1b65b7;} :root[data-theme="light"] [data-u="u61"][data-u="u61"]{background: linear-gradient(135deg, #e9e9f6, #eae9f7);} :root[data-theme="light"] [data-u="u62"][data-u="u62"]{background: rgba(91, 33, 182, 0.18);border-color: #5b21b6;color: #6d28d9;} :root[data-theme="light"] [data-u="u63"][data-u="u63"]{background: linear-gradient(135deg, #e9e9f6, #e9e9f6);} :root[data-theme="light"] [data-u="u64"][data-u="u64"]{background: rgba(60, 63, 221, 0.198);border-color: rgba(71, 74, 209, 0.35);color: #2f51f8;} :root[data-theme="light"] [data-u="u65"][data-u="u65"]{background: linear-gradient(135deg, #e9eff6, #e9f0f7);} :root[data-theme="light"] [data-u="u66"][data-u="u66"]{background: rgba(60, 171, 221, 0.165);border-color: rgba(71, 167, 209, 0.35);color: #046d9f;} :root[data-theme="light"] [data-u="u67"][data-u="u67"]{background: linear-gradient(135deg, #f5f0ea, #f7f0e9);} :root[data-theme="light"] [data-u="u68"][data-u="u68"]{background: rgba(206, 164, 36, 0.165);border-color: rgba(209, 176, 71, 0.35);color: #776401;} :root[data-theme="light"] [data-u="u69"][data-u="u69"]{background: linear-gradient(135deg, #edf6ea, #eef6e9);} :root[data-theme="light"] [data-u="u70"][data-u="u70"]{background: rgba(151, 163, 113, 0.198);border-color: rgba(153, 165, 116, 0.35);color: #4a4158;} :root[data-theme="light"] [data-u="u71"][data-u="u71"]{background: linear-gradient(135deg, #ede9f7, #ede9f7);} :root[data-theme="light"] [data-u="u72"][data-u="u72"]{background: rgba(109, 40, 217, 0.15);border-color: #6d28d9;color: #7e29ff;} :root[data-theme="light"] [data-u="u73"][data-u="u73"]{background: linear-gradient(135deg, #e9eef7, #e9eef7);} :root[data-theme="light"] [data-u="u74"][data-u="u74"]{background: rgba(60, 121, 221, 0.165);border-color: rgba(71, 124, 209, 0.35);color: #0461ca;} :root[data-theme="light"] [data-u="u75"][data-u="u75"]{background: linear-gradient(135deg, #f4e9f7, #f4e9f7);} :root[data-theme="light"] [data-u="u76"][data-u="u76"]{background: rgba(190, 0, 70, 0.14);border-color: #be0046;color: #cc0046;} :root[data-theme="light"] [data-u="u77"][data-u="u77"]{background: linear-gradient(135deg, #f1e9f7, #f1e9f7);} :root[data-theme="light"] [data-u="u78"][data-u="u78"]{background: rgba(200, 60, 221, 0.176);border-color: rgba(191, 71, 209, 0.35);color: #ad07ca;} :root[data-theme="light"] [data-u="u79"][data-u="u79"]{background: linear-gradient(135deg, #f7f4e9, #f7f4e9);} :root[data-theme="light"] [data-u="u80"][data-u="u80"]{background: rgba(219, 186, 52, 0.198);border-color: rgba(209, 181, 71, 0.35);color: #7c6302;} :root[data-theme="light"] [data-u="u81"][data-u="u81"]{background: linear-gradient(135deg, #f4f1fb, #f4f1fb);} :root[data-theme="light"] [data-u="u82"][data-u="u82"]{background: rgba(221, 60, 60, 0.176);border-color: rgba(209, 71, 71, 0.35);color: #ce0707;} :root[data-theme="light"] [data-u="u83"][data-u="u83"]{background: linear-gradient(135deg, #e9edf6, #e9edf7);} :root[data-theme="light"] [data-u="u84"][data-u="u84"]{background: rgba(60, 132, 221, 0.198);border-color: rgba(71, 133, 209, 0.35);color: #0360d4;} :root[data-theme="light"] [data-u="u85"][data-u="u85"]{background: linear-gradient(135deg, #ebeff4, #ebeef4);} :root[data-theme="light"] [data-u="u86"][data-u="u86"]{background: rgba(60, 171, 221, 0.176);border-color: rgba(71, 167, 209, 0.35);color: #046d9f;} :root[data-theme="light"] [data-u="u87"][data-u="u87"]{background: linear-gradient(135deg, #eceff4, #ebeff4);} :root[data-theme="light"] [data-u="u88"][data-u="u88"]{background: rgba(60, 151, 221, 0.176);border-color: rgba(71, 149, 209, 0.35);color: #1869ae;} :root[data-theme="light"] [data-u="u89"][data-u="u89"]{background: linear-gradient(135deg, #ecf3ef, #ecf4ee);} :root[data-theme="light"] [data-u="u90"][data-u="u90"]{background: rgba(52, 211, 153, 0.176);border-color: rgba(71, 209, 159, 0.35);color: #107245;} :root[data-theme="light"] [data-u="u93"][data-u="u93"]{--nc-glow: rgba(190, 0, 70, 0.15);} :root[data-theme="light"] [data-u="u95"][data-u="u95"]{--nc-glow: rgba(76, 29, 149, 0.16);} :root[data-theme="light"] [data-u="u98"][data-u="u98"]{background: var(--bg2);} /* === nav-phone.css === */ :root[data-theme="light"] .nav-phone{--np: #6d28d9;color: #17121f;text-decoration: none;} :root[data-theme="light"] .nav-phone svg{color: var(--np);} :root[data-theme="light"] .nav-phone:hover, :root[data-theme="light"] .nav-phone:focus-visible{color: var(--np);} :root[data-theme="light"] body.pg-sites .nav-phone{--np: #6d28d9;} :root[data-theme="light"] body.pg-web .nav-phone{--np: #4c1d95;} :root[data-theme="light"] body.pg-prog .nav-phone{--np: #be0046;} :root[data-theme="light"] body.pg-market .nav-phone{--np: #00763c;} :root[data-theme="light"] body.pg-portfolio .nav-phone, :root[data-theme="light"] body.pg-case .nav-phone{--np: #6d28d9;} @media (min-width: 951px) and (max-width: 1180px){ :root[data-theme="light"] .nav-phone{border: 1px solid var(--np);} } @media (max-width: 950px){ :root[data-theme="light"] .nav-phone{border: 1px solid var(--np);} } /* ===================================================================== Доводка руками. Всё, что выше, сгенерировано из CSS тёмной темы; здесь — то, что по правилам не выводится и решено глазами. ===================================================================== */ :root[data-theme="light"] { color-scheme: light; } :root[data-theme="light"] body { background: var(--bg); } :root[data-theme="light"] .noise { opacity: .022; } :root[data-theme="light"]::selection, :root[data-theme="light"] ::selection { background: #6d28d9; color: #fff; } /* ---------- шапка ---------- На светлом ей нужна своя подложка, иначе ссылки ложатся на герой. */ :root[data-theme="light"] header { background: rgba(251, 250, 255, .92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(23, 18, 31, .07); } /* ---------- главная кнопка ---------- На тёмном она работала контуром со свечением; на светлом контур теряется, поэтому делаем её заливкой. */ :root[data-theme="light"] .btn-glow { background: #6d28d9; color: #fff; border-color: #6d28d9; box-shadow: 0 4px 14px rgba(76, 29, 149, .18); } :root[data-theme="light"] .btn-glow:hover { background: #5b21b6; color: #fff; border-color: #5b21b6; box-shadow: 0 10px 26px rgba(76, 29, 149, .26); } :root[data-theme="light"] .btn-glow::before { background: linear-gradient(to right, transparent, rgba(255, 255, 255, .28), transparent); } /* ---------- бегущая строка ---------- Набрана контуром букв; полупрозрачный контур на белом почти не виден. */ :root[data-theme="light"] .partner-logo { -webkit-text-stroke: 1px rgba(23, 18, 31, .38); } :root[data-theme="light"] .partner-logo:nth-child(even) { -webkit-text-stroke: 1px #6d28d9; } :root[data-theme="light"] .partner-logo:hover { color: #6d28d9; -webkit-text-stroke: 1px transparent; text-shadow: none; } /* ---------- canvas-графика ---------- Волны в герое и глобус рисуют скрипты жёстко заданным циановым. Фильтр переводит циан в читаемый на белом тон, не трогая скрипты. */ :root[data-theme="light"] #waveCanvas { filter: hue-rotate(95deg) saturate(1.4) brightness(.55); opacity: .35; } :root[data-theme="light"] [data-globe] canvas, :root[data-theme="light"] [data-canvas] { filter: hue-rotate(95deg) saturate(1.5) brightness(.5) contrast(1.15); } /* ---------- курсор ---------- */ :root[data-theme="light"] .cursor-dot { box-shadow: none; } :root[data-theme="light"] .cursor-outline { border-color: rgba(109, 40, 217, .45); } /* ---------- прелоадер ---------- Остаётся тёмным намеренно: логотип в нём собран на режиме наложения screen, который на белом фоне даёт пустоту. Это короткая заставка. */ :root[data-theme="light"] #loader { background: #030304; color: #fff; color-scheme: dark; } /* ---------- /sites: связка Tailwind «тёмный текст на лайме» ---------- Лайм в светлой теме стал фиолетовым — текст на нём должен быть белым. */ :root[data-theme="light"] .bg-lime, :root[data-theme="light"] .bg-lime.text-ink, :root[data-theme="light"] .bg-lime .text-ink { color: #fff; } /* текст в тёмной теме был светлым на #fff-подложке у отдельных значков */ :root[data-theme="light"] .tag { color: var(--sl-l-text2, #4a4158); } /* ---------- 3D-сцены (/prog, /web) ---------- Остаются тёмным «окном»: модели и пол рисует three.js своими цветами. Внутри сцены возвращаем тёмную схему, чтобы подписи и метки читались. */ :root[data-theme="light"] .sc-stage { color-scheme: dark; color: #f5f3fa; box-shadow: 0 24px 60px -24px rgba(23, 18, 31, .45); } /* На /web сцена стоит вплотную к карточкам этапов: в тёмной теме стык невидим, на светлом фоне нужен отступ. */ :root[data-theme="light"] .sc-stage--design.sc-stage--inline { margin-top: 56px; } /* ---------- кнопка «Оставить заявку» в шапке ---------- На /sites, /web, /prog у неё свои правила с акцентом раздела, и она оставалась контурной. Главная кнопка конверсии — на всех страницах заливкой. */ :root[data-theme="light"] header .nav-actions a.nav-cta { background: #6d28d9; color: #fff; border-color: #6d28d9; box-shadow: 0 4px 14px rgba(76, 29, 149, .18); text-shadow: none; } :root[data-theme="light"] header .nav-actions a.nav-cta:hover { background: #5b21b6; color: #fff; border-color: #5b21b6; } /* ---------- /sites: декоративные шары ---------- В тёмной теме — оливковые под лайм раздела. В варианте B весь акцент фиолетовый, поэтому и шары фиолетовые, с той же светотенью. */ :root[data-theme="light"] .orb-lime { background: radial-gradient(circle at 34% 30%, #ddd0ff, #8b5cf6 46%, #4c1d95 100%); } :root[data-theme="light"] .orb-dark { background: radial-gradient(circle at 34% 30%, #ffffff, #e6e0f2 52%, #c4bad8 100%); } /* Шары по краям экрана создаёт скрипт и задаёт фон в style — перебиваем через !important. Скрипт берёт пять цветов по кругу: PAL[i % 5]. */ :root[data-theme="light"] #edgeOrbs > b:nth-child(5n+1) { background: radial-gradient(circle at 34% 30%, #ddd0ff, #8b5cf6 46%, #4c1d95 100%) !important; } :root[data-theme="light"] #edgeOrbs > b:nth-child(5n+2) { background: radial-gradient(circle at 34% 30%, #ffffff, #e6e0f2 52%, #c4bad8 100%) !important; } :root[data-theme="light"] #edgeOrbs > b:nth-child(5n+3) { background: radial-gradient(circle at 34% 30%, #fbfaff, #ddd5ec 50%, #a99cc4 100%) !important; } :root[data-theme="light"] #edgeOrbs > b:nth-child(5n+4) { background: radial-gradient(circle at 34% 30%, #c9b3ff, #6d28d9 48%, #3b1478 100%) !important; } :root[data-theme="light"] #edgeOrbs > b:nth-child(5n+5) { background: radial-gradient(circle at 34% 30%, #ffffff, #ece7f6 52%, #cfc6e2 100%) !important; } /* Плавающие контакты: на светлом сквозь полупрозрачные плашки на телефоне просвечивали линии куба из героя — делаем подложку почти сплошной. */ :root[data-theme="light"] .sfab-item { background: rgba(251, 250, 255, .97); } /* ---------- /sites: кольцо курсора ---------- Цвет кольца пишет скрипт анимации прямо в style при каждом движении мыши (белый, при наведении — лайм). На светлом фоне белое кольцо исчезало, поэтому перебиваем через !important. Отклик на наведение остаётся: скрипт по-прежнему увеличивает кольцо. */ :root[data-theme="light"] #cur { border-color: rgba(109, 40, 217, .55) !important; } /* ---------- боковая навигация: подпись активного раздела ---------- На /web она проходит над тёмным «окном» 3D-сцены и тёмные буквы там пропадали. Светлая подложка делает подпись читаемой над любым фоном. */ :root[data-theme="light"] .side-nav-item::before { padding: 4px 9px; margin-right: -9px; border-radius: 7px; background: rgba(251, 250, 255, .92); box-shadow: 0 2px 12px rgba(23, 18, 31, .10); text-shadow: none; }