/* =====================================================================
   LookMy.info — оформление сайта (2026-10-21, жёлтая шапка)
   Тёмная тема, фирменный жёлтый из логотипа. Стили блоков из редактора
   стилей — инлайн, поэтому здесь местами !important.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --lm-y:#fcdc01; --lm-y2:#ffe94d; --lm-yd:#d9bd00;
  --lm-bg:#0a0a0b; --lm-bg2:#111113; --lm-card:#151518; --lm-card2:#1b1b1f;
  --lm-line:rgba(255,255,255,.08); --lm-line2:rgba(255,255,255,.14);
  --lm-text:#ececee; --lm-muted:#9b9ba4; --lm-dim:#62626b;
  --lm-r:28px; --lm-max:1240px;
  --lm-head:'Unbounded',system-ui,sans-serif; --lm-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* --- страница --- */
html{background:var(--lm-bg)}
body,body.theme-dark{background:var(--lm-bg)!important;color:var(--lm-text);font-family:var(--lm-sans)}
::selection{background:var(--lm-y);color:#000}

/* --- шапка: цвет фона логотипа --- */
#main-menu-panel{background:var(--lm-y)!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(0,0,0,.08),0 10px 30px -18px rgba(0,0,0,.6)!important;position:sticky!important;top:0;z-index:1000}
#main-menu-panel,#main-menu-panel a,#main-menu-panel .menu-btn,#main-menu-panel button,#main-menu-panel .bi{color:#111!important}
#main-menu-panel .menu-btn{font-family:var(--lm-sans)!important;font-weight:700!important;font-size:14px!important;background:transparent!important;border:0!important;border-radius:999px!important;padding:8px 14px!important;transition:background .2s,color .2s}
#main-menu-panel .menu-btn:hover{background:rgba(0,0,0,.08)!important}
#main-menu-panel .menu-btn.active{background:#111!important;color:var(--lm-y)!important}
#main-menu-panel [data-module="informer_logo"]{width:auto!important;height:auto!important;min-height:0!important;background:transparent!important}
#main-menu-panel [data-module="informer_logo"] a{height:auto!important}
#main-menu-panel [data-module="informer_logo"] img{height:46px!important;max-height:46px!important;width:auto!important;max-width:none!important}
#main-menu-panel .navbar-toggler-icon{filter:none!important}
#main-menu-panel .dropdown-menu{background:#111!important;border:1px solid var(--lm-line2)!important;border-radius:16px!important}
#main-menu-panel .dropdown-menu a,#main-menu-panel .dropdown-menu .bi{color:var(--lm-text)!important}
#main-menu-panel .dropdown-menu a:hover{background:rgba(255,255,255,.06)!important}
#main-menu-panel [data-module="informer_lang"] .lang-switcher > button,#main-menu-panel [data-module="informer_lang"] > button,#main-menu-panel .lang-switcher-toggle{border:1.5px solid rgba(0,0,0,.25)!important;border-radius:999px!important;background:transparent!important}

/* --- подвал --- */
#menu-footer{background:var(--lm-bg)!important;padding:0!important;border:0!important;border-top:1px solid var(--lm-line)!important}
#menu-footer .footer-col,#menu-footer [class*="menu-zone-bottom"]{max-width:none!important;width:100%!important;padding:0!important}
#menu-footer .menu-item-wrapper:has(.lm-footer){width:100%!important;flex:1 1 100%!important}
#chat-cta{padding-bottom:90px!important}


/* --- формы (вход, регистрация, настройки) — 2026-10-21  --- */
.block-style-editable[data-block="form"],[data-block="form"]{background:#151518!important;border:1px solid var(--lm-line2)!important;border-radius:24px!important;color:var(--lm-text)!important;box-shadow:0 30px 80px -30px rgba(0,0,0,.85)!important;font-family:var(--lm-sans)!important}
[data-block="form"] h1,[data-block="form"] h2,[data-block="form"] h3,[data-block="form"] h4,[data-block="form"] .card-title{font-family:var(--lm-head)!important;color:#fff!important;font-weight:600!important;letter-spacing:-.01em}
[data-block="form"] .form-label,[data-block="form"] label{color:#c9c9cf!important;font-weight:600;font-size:14px}
[data-block="form"] .text-muted,[data-block="form"] .form-text,[data-block="form"] .text-center{color:var(--lm-muted)!important}
[data-block="form"] .form-control,[data-block="form"] .form-select,[data-block="form"] input[type=email],[data-block="form"] input[type=password],[data-block="form"] input[type=text],[data-block="form"] input[type=tel],[data-block="form"] textarea{display:block;width:100%!important;max-width:none!important;box-sizing:border-box;background:#0d0d0f!important;border:1px solid var(--lm-line2)!important;color:#fff!important;border-radius:14px!important;padding:12px 14px!important;font:500 15px var(--lm-sans)!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
[data-block="form"] .form-control::placeholder{color:var(--lm-dim)!important}
[data-block="form"] .form-control:focus,[data-block="form"] input:focus,[data-block="form"] textarea:focus{border-color:var(--lm-y)!important;box-shadow:0 0 0 3px rgba(252,220,1,.18)!important;outline:0!important}
[data-block="form"] input:-webkit-autofill,[data-block="form"] input:-webkit-autofill:hover,[data-block="form"] input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #0d0d0f inset!important;caret-color:#fff;transition:background-color 9999s}
[data-block="form"] .btn-primary,[data-block="form"] button[type=submit]{background:var(--lm-y)!important;border:0!important;color:#000!important;font:700 16px var(--lm-sans)!important;border-radius:999px!important;padding:14px 22px!important;transition:background .2s,transform .2s,box-shadow .2s}
[data-block="form"] .btn-primary:hover,[data-block="form"] button[type=submit]:hover{background:var(--lm-y2)!important;transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(252,220,1,.55)!important}
[data-block="form"] a:not(.btn){color:var(--lm-y)!important;text-decoration:none!important}
[data-block="form"] a:not(.btn):hover{text-decoration:underline!important}
[data-block="form"] .form-check-input{background-color:#0d0d0f!important;border-color:var(--lm-line2)!important}
[data-block="form"] .form-check-input:checked{background-color:var(--lm-y)!important;border-color:var(--lm-y)!important}
[data-block="form"] .alert{border-radius:14px!important}

/* --- контент на всю ширину на страницах .lm-page --- */
.page-content:has(.lm-page){padding:0!important;max-width:none!important;margin:0!important}
.page-content:has(.lm-page) .section-block,.page-content:has(.lm-page) .static-content-simple,.page-content:has(.lm-page) [data-block="content"],.page-content:has(.lm-page) .sections-wrapper{padding:0!important;margin:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body:has(.lm-page) h1.editable-title{display:none!important}
body:has(.lm-page) div:has(> h1.editable-title):not(:has(.lm-page)){display:none!important}
.page-content:has(.lm-page) .back-button,.page-content:has(.lm-page) .btn-back{display:none!important}

.lm-page,.lm-footer{font-family:var(--lm-sans);color:var(--lm-text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.lm-page{overflow-x:clip}
.lm-page *,.lm-footer *{box-sizing:border-box}
.lm-page p{margin:0 0 14px}
.lm-page a{color:var(--lm-y)}
.lm-page img{max-width:100%;display:block}
.lm-wrap{max-width:var(--lm-max);margin:0 auto;padding:0 28px}
.lm-sec{padding:120px 0;position:relative}
.lm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--lm-sans);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lm-muted)}
.lm-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lm-y);box-shadow:0 0 0 4px rgba(252,220,1,.15)}
.lm-h1,.lm-h2,.lm-h3{font-family:var(--lm-head);font-weight:600;color:#fff;letter-spacing:-.02em;margin:0}
.lm-h1{font-size:clamp(34px,5.2vw,74px);line-height:1.04}
.lm-h2{font-size:clamp(30px,4.2vw,56px);line-height:1.06}
.lm-h3{font-size:22px;line-height:1.25}
.lm-y{color:var(--lm-y)}
.lm-mark{background:var(--lm-y);color:#000;padding:0 .18em;border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lm-lead{font-size:clamp(17px,1.6vw,21px);color:#c9c9cf;max-width:720px;line-height:1.6}
.lm-sub{color:var(--lm-muted);max-width:640px}
.lm-head{display:flex;flex-direction:column;gap:18px;margin-bottom:56px}

/* кнопки */
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 30px;border-radius:999px;background:var(--lm-y);color:#000!important;font-weight:700;font-size:16px;text-decoration:none!important;border:0;cursor:pointer;line-height:1.2;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s;font-family:var(--lm-sans)}
.lm-btn:hover{background:var(--lm-y2);transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(252,220,1,.55)}
.lm-btn svg{width:18px;height:18px;margin:0!important;flex:none}
.lm-btn--ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1.5px var(--lm-line2)}
.lm-btn--ghost:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.lm-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* --- первый экран --- */
.lm-hero{padding:72px 0 40px;position:relative;isolation:isolate}
.lm-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;background:radial-gradient(60% 50% at 50% 30%,rgba(252,220,1,.10),transparent 70%),radial-gradient(40% 40% at 85% 10%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}
.lm-hero__top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.lm-hero__top .lm-lead{margin:0 auto}
.lm-hero .lm-h1 em{font-style:normal;color:var(--lm-y)}

/* карта */
.lm-map{position:relative;margin:56px auto 0;max-width:1180px}
.lm-map::before{content:"";position:absolute;left:10%;right:10%;top:10%;bottom:20%;background:radial-gradient(50% 50% at 50% 50%,rgba(252,220,1,.07),transparent 70%);pointer-events:none;z-index:0}
.lm-map__stage{z-index:1}
.lm-map__svg{width:100%;height:auto;display:block;overflow:visible;touch-action:manipulation;cursor:default}
.lm-map__svg.is-pointer{cursor:pointer}
.lm-page svg{margin:0!important}
.lm-map__svg circle{fill:#4a4a53;transition:fill .18s,opacity .25s,r .18s}
.lm-map__svg g[data-c="RU"] circle{fill:#6e6e78}
.lm-map__svg.is-hover circle{opacity:.6}
.lm-map__svg g.on circle{fill:var(--lm-y);opacity:1;filter:drop-shadow(0 0 3px rgba(252,220,1,.75))}
.lm-map__svg .lm-pulse{fill:var(--lm-y);opacity:.9}
.lm-map__svg .lm-ring{fill:none;stroke:var(--lm-y);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:lmRing 3.2s ease-out infinite}
@keyframes lmRing{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(3.2)}}
.lm-map__svg .lm-dots{clip-path:inset(0 100% 0 0);animation:lmReveal 1.8s cubic-bezier(.65,0,.35,1) .15s forwards}
@keyframes lmReveal{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.lm-map__svg .lm-dots{animation:none;clip-path:none}.lm-map__svg .lm-ring{animation:none}}
.lm-tip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));background:rgba(20,20,23,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--lm-line2);border-radius:14px;padding:10px 14px;white-space:nowrap;opacity:0;transition:opacity .15s;box-shadow:0 18px 40px -16px rgba(0,0,0,.8)}
.lm-tip.show{opacity:1}
.lm-tip.tap{pointer-events:auto}
.lm-tip__c{display:block;font-weight:700;color:#fff;font-size:15px;line-height:1.3}
.lm-tip__l{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lm-muted);margin-top:2px}
.lm-tip__l b{color:var(--lm-y);font-weight:700}
.lm-tip__go{display:none;margin-top:8px;font-size:13px;font-weight:700;color:#000!important;background:var(--lm-y);border-radius:999px;padding:6px 12px;text-decoration:none!important;text-align:center}
.lm-tip.tap .lm-tip__go{display:block}
.lm-map__hint{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px;color:var(--lm-muted);font-size:14px;text-align:center}
.lm-map__hint svg{width:18px;height:18px;flex:none;color:var(--lm-y)}

/* языки чипами */
.lm-langs{margin:34px auto 0;max-width:1080px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lm-langs a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:600;color:#cfcfd5!important;text-decoration:none!important;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--lm-line);transition:background .2s,color .2s,box-shadow .2s}
.lm-langs a:hover,.lm-langs a.on{background:var(--lm-y);color:#000!important;box-shadow:none}
.lm-langs a span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.55}
.lm-langs-toggle{display:flex;justify-content:center;margin-top:30px}
.lm-langs-toggle button{background:none;border:0;color:var(--lm-muted);font:600 14px var(--lm-sans);cursor:pointer;display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px}
.lm-langs-toggle button:hover{color:#fff;background:rgba(255,255,255,.05)}
.lm-langs-wrap[hidden]{display:none}

/* бегущая строка */
.lm-marquee{border-top:1px solid var(--lm-line);border-bottom:1px solid var(--lm-line);overflow:hidden;padding:22px 0;margin-top:80px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lm-marquee__in{display:flex;gap:56px;width:max-content;animation:lmMarq 38s linear infinite}
.lm-marquee span{font-family:var(--lm-head);font-size:22px;font-weight:500;color:#5d5d66;white-space:nowrap;display:inline-flex;align-items:center;gap:56px}
.lm-marquee span::after{content:"✦";color:var(--lm-y);font-size:14px}
@keyframes lmMarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lm-marquee__in{animation:none}}

/* направления */
.lm-dirs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lm-dir{position:relative;border-radius:var(--lm-r);padding:44px;background:var(--lm-card);box-shadow:inset 0 0 0 1px var(--lm-line);overflow:hidden;display:flex;flex-direction:column;gap:18px;min-height:520px}
.lm-dir--y{background:var(--lm-y);color:#111}
.lm-dir--y .lm-h3,.lm-dir--y .lm-dir__n{color:#000}
.lm-dir.lm-dir--y p{color:#2a2a2a}
.lm-dir__n{font-family:var(--lm-head);font-size:14px;color:var(--lm-muted);letter-spacing:.08em}
.lm-dir .lm-h3{font-size:clamp(24px,2.6vw,34px)}
.lm-dir p{color:#b4b4bc;margin:0}
.lm-dir ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lm-dir li{font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);color:#e3e3e8}
.lm-dir--y li{background:rgba(0,0,0,.08);color:#111}
.lm-dir__art{position:absolute;right:-40px;top:-40px;width:240px;height:240px;opacity:.9;pointer-events:none}
.lm-dir__art svg{width:100%;height:100%}

/* как работаем */
.lm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--lm-line2)}
.lm-step{padding:34px 28px 10px 0;position:relative}
.lm-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--lm-y);box-shadow:0 0 0 5px rgba(252,220,1,.14)}
.lm-step__n{font-family:var(--lm-head);font-size:46px;color:#2b2b31;line-height:1;margin-bottom:22px;font-weight:600}
.lm-step .lm-h3{font-size:20px;margin-bottom:12px}
.lm-step p{color:var(--lm-muted);font-size:15.5px;margin:0}

/* возможности */
.lm-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lm-feat{padding:34px;border-radius:24px;background:var(--lm-bg2);box-shadow:inset 0 0 0 1px var(--lm-line);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.lm-feat:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(252,220,1,.35)}
.lm-feat__i{width:48px;height:48px;border-radius:14px;background:rgba(252,220,1,.1);display:grid;place-items:center;color:var(--lm-y);margin-bottom:22px}
.lm-feat__i svg{width:24px;height:24px}
.lm-feat .lm-h3{font-size:18px;margin-bottom:10px;font-family:var(--lm-sans);font-weight:700;letter-spacing:0}
.lm-feat p{color:var(--lm-muted);font-size:15.5px;margin:0}

/* призыв */
.lm-cta{border-radius:40px;background:var(--lm-y);color:#000;padding:88px 64px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.lm-cta .lm-h2{color:#000}
.lm-cta p{color:#2b2b2b;font-size:18px;margin:18px 0 0;max-width:520px}
.lm-cta .lm-btn{background:#000;color:var(--lm-y)!important}
.lm-cta .lm-btn:hover{background:#1c1c1c;box-shadow:0 14px 40px -12px rgba(0,0,0,.5)}
.lm-cta__side{display:flex;flex-direction:column;align-items:flex-start;gap:18px;justify-self:end}
.lm-cta__note{font-size:14px;color:#3b3b3b;display:flex;gap:8px;align-items:center}
.lm-cta__note i{width:8px;height:8px;border-radius:50%;background:#18a957;box-shadow:0 0 0 4px rgba(24,169,87,.2)}
.lm-cta__big{position:absolute;right:-30px;bottom:-80px;font-family:var(--lm-head);font-size:260px;font-weight:700;line-height:1;color:rgba(0,0,0,.06);pointer-events:none;letter-spacing:-.04em}

/* появление при прокрутке */
.lm-in{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.lm-in.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lm-in{opacity:1;transform:none}}

/* --- подвал --- */
.lm-footer{max-width:var(--lm-max);margin:0 auto;padding:64px 28px 34px;font-size:15px;color:var(--lm-muted);text-align:left}
.lm-footer__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--lm-line)}
.lm-footer__brand{display:flex;flex-direction:column;gap:16px;max-width:380px}
.lm-footer__brand img{height:46px;width:auto;display:block}
.lm-footer__brand p{margin:0;line-height:1.6}
.lm-footer__nav{display:flex;flex-direction:column;gap:10px}
.lm-footer__nav b{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.lm-footer a{color:#cfcfd5!important;text-decoration:none!important;transition:color .2s}
.lm-footer a:hover{color:var(--lm-y)!important}
.lm-footer a.lm-footer__chat{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:var(--lm-y);color:#000!important;font-weight:700;align-self:flex-start}
.lm-footer a.lm-footer__chat:hover{background:var(--lm-y2);color:#000!important}
.lm-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:26px;font-size:13px;color:var(--lm-dim)}
.lm-footer__legal span:last-child{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.lm-footer__legal a{color:var(--lm-muted)!important}
.lm-footer__auth{font-size:18px;line-height:1;opacity:.6}
.lm-footer__auth:hover{opacity:1}

/* --- юридические страницы --- */
.lm-doc{padding:80px 0 110px}
.lm-doc .lm-wrap{max-width:860px}
.lm-doc .lm-h1{font-size:clamp(32px,4.6vw,56px);margin:18px 0 14px}
.lm-doc__date{color:var(--lm-muted);margin-bottom:48px}
.lm-doc h3{font-family:var(--lm-head);font-size:21px;font-weight:600;color:#fff;margin:44px 0 14px}
.lm-doc p,.lm-doc li{color:#c3c3ca;line-height:1.75}
.lm-doc ul{padding-left:22px;margin:0 0 1em}
.lm-doc li::marker{color:var(--lm-y)}
.lm-doc a{color:var(--lm-y)}

/* --- адаптив --- */
@media (max-width:980px){
  .lm-sec{padding:84px 0}
  .lm-dirs{grid-template-columns:1fr}
  .lm-dir{min-height:0;padding:34px}
  .lm-steps{grid-template-columns:1fr 1fr}
  .lm-step{padding-bottom:30px}
  .lm-feats{grid-template-columns:1fr 1fr}
  .lm-cta{grid-template-columns:1fr;padding:56px 32px}
  .lm-cta__side{justify-self:start}
}
@media (max-width:640px){
  .lm-wrap{padding:0 18px}
  .lm-hero{padding:44px 0 20px}
  .lm-map{margin-top:34px;margin-left:-18px;margin-right:-18px}
  .lm-map__stage{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 4px}
  .lm-map__stage::-webkit-scrollbar{display:none}
  .lm-map__svg{width:900px;max-width:none}
  .lm-map__hint{padding:0 18px}
  .lm-steps{grid-template-columns:1fr}
  .lm-feats{grid-template-columns:1fr}
  .lm-dir{padding:28px}
  .lm-dir__art{width:160px;height:160px;right:-30px;top:-30px}
  .lm-cta{border-radius:28px;padding:44px 24px}
  .lm-cta__big{font-size:150px}
  .lm-marquee span{font-size:17px}
  .lm-footer__top{flex-direction:column}
}