/* m3zold lab · анимированный логотип m3 (вариант A «Стекло») · https://m3zold-lab.tech/ — все классы с префиксом m3z-, конфликтов со стилями сайта нет */
[class^="m3z-"],[class*=" m3z-"]{box-sizing:border-box}
.m3z-logo{flex-shrink:0}
.m3z-tilebox,.m3z-stack{display:block}
.m3z-logo{--g:linear-gradient(135deg,#7C7CFF 0%,#22D3EE 100%);--gm:linear-gradient(135deg,#22D3EE 0%,#34D399 100%);--gb:linear-gradient(135deg,#A78BFA 0%,#7C7CFF 100%);
  --ink:#07080C;--word:#EDEEF5;--mut:#7F869A;--sig:#67E8F9;--glow:rgba(124,124,255,.55);--tag:#EDEEF5;--tagm:#A3A9BA;--tagline:rgba(255,255,255,.35);
  display:inline-flex;align-items:center;gap:.62em}
.m3z-logo.m3z-light{--g:linear-gradient(135deg,#4F46E5 0%,#0891B2 100%);--gm:linear-gradient(135deg,#0891B2 0%,#059669 100%);--gb:linear-gradient(135deg,#7C3AED 0%,#4F46E5 100%);
  --ink:#FFFFFF;--word:#0B0C14;--mut:#6B7185;--sig:#0891B2;--glow:rgba(79,70,229,.4);--tag:#0B0C14;--tagm:#6B7185;--tagline:rgba(11,12,20,.3)}
.m3z-tilebox{position:relative;width:1em;height:1em;font-size:5em;perspective:6em}
.m3z-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.m3z-layer{position:absolute;inset:0;transform-style:preserve-3d}
.m3z-lb{transform:translateZ(-.012em)}.m3z-lm{transform:translateZ(-.006em)}
.m3z-face{position:absolute;inset:0;border-radius:.23em;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.m3z-lb .m3z-face{background:var(--gb)}.m3z-lm .m3z-face{background:var(--gm)}
.m3z-lt .m3z-face{background:var(--g);box-shadow:0 .12em .32em -.12em var(--glow)}
.m3z-ico{position:absolute;width:.4em;height:.4em;opacity:0}
.m3z-m3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.42em;letter-spacing:-.04em;line-height:1}
.m3z-tag{position:absolute;left:0;top:0;transform-origin:0 0;transform:rotateZ(45deg) rotateX(-58deg) translate(-100%,-50%) translateX(-.05em);opacity:0;
  display:flex;align-items:center;gap:.6em;padding-right:4.2em;white-space:nowrap;font-size:.072em;font-family:'JetBrains Mono',monospace;color:var(--tag)}
.m3z-tag::after{content:"";position:absolute;right:.6em;top:50%;width:3.2em;height:1px;background:var(--tagline)}
.m3z-tn{font-size:1em;color:var(--sig);font-weight:500}
.m3z-tt{display:flex;flex-direction:column;gap:.15em}.m3z-tt b{font-family:Manrope,sans-serif;font-size:1.25em;font-weight:700;letter-spacing:-.01em}.m3z-tt small{font-size:.85em;color:var(--tagm)}
.m3z-notags .m3z-tag{display:none}
.m3z-ant{position:absolute;right:.12em;top:.12em;width:0;height:0;transform:rotate(32deg)}
.m3z-stick{position:absolute;left:-.022em;bottom:0;width:.044em;height:.3em;border-radius:.03em;background:var(--sig);transform-origin:bottom;transform:scaleY(0)}
.m3z-bulb{position:absolute;left:-.065em;bottom:.27em;width:.13em;height:.13em;border-radius:50%;background:var(--sig);transform:scale(0)}
.m3z-ping{position:absolute;left:-.13em;bottom:.205em;width:.26em;height:.26em;border-radius:50%;border:.02em solid var(--sig);opacity:0}
.m3z-word{display:flex;align-items:baseline;gap:.22em;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.25em;letter-spacing:-.03em;color:var(--word);white-space:nowrap}
.m3z-word .m3z-lab{color:var(--mut)}
.m3z-wl{display:inline-block}
.m3z-wi .m3z-wl{animation:m3zwl .8s cubic-bezier(.16,1,.3,1) both}
@keyframes m3zwl{from{opacity:0;transform:translateY(.55em);filter:blur(.12em)}to{opacity:1;transform:none;filter:none}}
.m3z-loop .m3z-stack{animation:m3zKstk 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-loop .m3z-lt{animation:m3zKt 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-loop .m3z-lb{animation:m3zKb 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-loop .m3z-ico{animation:m3zKico 10s ease infinite}
.m3z-loop .m3z-m3{animation:m3zKm3 10s cubic-bezier(.16,1,.3,1) infinite}
.m3z-loop .m3z-tag{animation:m3zKtag 10s ease infinite}
.m3z-loop .m3z-stick{animation:m3zKstick 10s cubic-bezier(.34,1.56,.64,1) infinite}
.m3z-loop .m3z-bulb{animation:m3zKbulb 10s cubic-bezier(.34,1.56,.64,1) infinite}
.m3z-loop .m3z-ping{animation:m3zKping 10s cubic-bezier(.16,1,.3,1) infinite}
.m3z-loop .m3z-word{animation:m3zKword 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-loop:hover *{animation-play-state:paused!important}
@keyframes m3zKstk{0%,18%{transform:none}30%,76%{transform:rotateX(58deg) rotateZ(-45deg) scale(.92)}88%,100%{transform:none}}
@keyframes m3zKb{0%,30%{transform:translateZ(-.012em)}40%,58%{transform:translateZ(-.62em) translateX(-.1em)}64.5%{transform:translateZ(.02em)}66%,100%{transform:translateZ(-.012em)}}
@keyframes m3zKt{0%,30%{transform:none}40%,64%{transform:translateZ(.62em) translateX(.1em)}70.5%{transform:translateZ(-.02em)}72%,100%{transform:none}}
@keyframes m3zKico{0%,33%{opacity:0}40%,72%{opacity:1}78%,100%{opacity:0}}
@keyframes m3zKm3{0%,16%{opacity:1;transform:none}22%,80%{opacity:0;transform:translateY(.06em) scale(.9)}90%,100%{opacity:1;transform:none}}
@keyframes m3zKtag{0%,40%{opacity:0}45%,57%{opacity:1}61%,100%{opacity:0}}
@keyframes m3zKstick{0%,12%{transform:scaleY(1)}18%,88%{transform:scaleY(0)}94%,100%{transform:scaleY(1)}}
@keyframes m3zKbulb{0%,12%{transform:scale(1)}17%,90%{transform:scale(0)}96%,100%{transform:scale(1)}}
@keyframes m3zKping{0%{transform:scale(.5);opacity:.9}9%{transform:scale(2.6);opacity:0}9.1%,96%{transform:scale(.5);opacity:0}97%{transform:scale(.5);opacity:.9}100%{transform:scale(1.4);opacity:.6}}
@keyframes m3zKword{0%,20%{transform:none}30%,76%{transform:translateX(.45em)}88%,100%{transform:none}}
.m3z-solid{position:absolute;inset:-.012em;border-radius:.23em;background:var(--g);box-shadow:0 .12em .32em -.12em var(--glow)}
.m3z-m3,.m3z-ico{z-index:1}
.m3z-glass .m3z-face{background:var(--glassbg)!important;border:.011em solid var(--edge);box-shadow:inset 0 0 .14em var(--glassglow)!important;color:var(--line)}
.m3z-wire .m3z-face{background:transparent!important;border:.016em solid var(--edge2);box-shadow:none!important;color:var(--line)}
.m3z-glass .m3z-m3,.m3z-wire .m3z-m3{color:var(--ink)}
.m3z-logo{--glassbg:rgba(124,124,255,.14);--edge:rgba(165,175,255,.6);--glassglow:rgba(124,124,255,.28);--edge2:#8FA4FF;--line:#B4C2FF}
.m3z-logo.m3z-light{--glassbg:rgba(79,70,229,.09);--edge:rgba(79,70,229,.45);--glassglow:rgba(79,70,229,.15);--edge2:#4F46E5;--line:#4F46E5}
.m3z-loop .m3z-solid{animation:m3zKsolid 10s ease infinite}
@keyframes m3zKsolid{0%,19%{opacity:1}27%,79%{opacity:0}87%,100%{opacity:1}}
.m3z-cdrop .m3z-ctop .m3z-face{background:var(--g)!important;border:0!important;box-shadow:0 .12em .32em -.12em var(--glow)!important;color:var(--ink)}
.m3z-cdrop .m3z-ctop .m3z-m3{opacity:1}
.m3z-cdrop .m3z-cl .m3z-face{opacity:0}
.m3z-cdrop .m3z-cl .m3z-ico{opacity:1}
.m3z-cdrop .m3z-stack{animation:m3zDstk 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-cdrop .m3z-cl1{animation:m3zDl1 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-cdrop .m3z-cl2{animation:m3zDl2 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-cdrop .m3z-cl3{animation:m3zDl3 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-cdrop .m3z-cl1 .m3z-face{animation:m3zDf1 10s linear infinite}
.m3z-cdrop .m3z-cl2 .m3z-face{animation:m3zDf2 10s linear infinite}
.m3z-cdrop .m3z-cl3 .m3z-face{animation:m3zDf3 10s linear infinite}
.m3z-cdrop .m3z-cl .m3z-tag{animation:m3zDtag 10s ease infinite}
.m3z-cdrop .m3z-ctop .m3z-face{animation:m3zDbump 10s cubic-bezier(.34,1.56,.64,1) infinite}
.m3z-cdrop .m3z-stick{animation:m3zKstick 10s cubic-bezier(.34,1.56,.64,1) infinite}
.m3z-cdrop .m3z-bulb{animation:m3zKbulb 10s cubic-bezier(.34,1.56,.64,1) infinite}
.m3z-cdrop .m3z-ping{animation:m3zKping 10s cubic-bezier(.16,1,.3,1) infinite}
.m3z-cdrop .m3z-word{animation:m3zKword 10s cubic-bezier(.65,0,.35,1) infinite}
.m3z-cdrop:hover *{animation-play-state:paused!important}
@keyframes m3zDstk{0%,18%{transform:none}29%,78%{transform:rotateX(58deg) rotateZ(-45deg) scale(.86)}89%,100%{transform:none}}
@keyframes m3zDl1{0%,40%{transform:translateZ(-.02em)}48%,62%{transform:translateZ(-.52em) translateX(-.04em)}69%,100%{transform:translateZ(-.02em)}}
@keyframes m3zDl2{0%,35%{transform:translateZ(-.03em)}43%,66%{transform:translateZ(-1.04em) translateX(-.08em)}73%,100%{transform:translateZ(-.03em)}}
@keyframes m3zDl3{0%,30%{transform:translateZ(-.04em)}38%,70%{transform:translateZ(-1.56em) translateX(-.12em)}77%,100%{transform:translateZ(-.04em)}}
@keyframes m3zDf1{0%,40%{opacity:0}42%,67%{opacity:1}69.5%,100%{opacity:0}}
@keyframes m3zDf2{0%,35%{opacity:0}37%,71%{opacity:1}73.5%,100%{opacity:0}}
@keyframes m3zDf3{0%,30%{opacity:0}32%,75%{opacity:1}77.5%,100%{opacity:0}}
@keyframes m3zDtag{0%,49%{opacity:0}52%,59%{opacity:1}61.5%,100%{opacity:0}}
@keyframes m3zDbump{0%,68.5%{transform:none}69.5%{transform:scale(1.04)}71%{transform:none}73%{transform:scale(1.05)}74.5%{transform:none}77%{transform:scale(1.07)}80%,100%{transform:none}}
@media (prefers-reduced-motion: reduce){.m3z-cdrop *{animation:none!important}.m3z-cdrop .m3z-stick{transform:scaleY(1)}.m3z-cdrop .m3z-bulb{transform:scale(1)}}
@keyframes m3zKblink{0%,88%{filter:none;box-shadow:0 .12em .32em -.12em var(--glow)}
89.5%{filter:brightness(1.45) saturate(1.15);box-shadow:0 0 .28em .02em var(--blink),0 .12em .32em -.12em var(--glow)}
91%{filter:none;box-shadow:0 .12em .32em -.12em var(--glow)}
92.5%{filter:brightness(1.5) saturate(1.2);box-shadow:0 0 .4em .04em var(--blink),0 .12em .32em -.12em var(--glow)}
95.5%,100%{filter:none;box-shadow:0 .12em .32em -.12em var(--glow)}}
.m3z-logo{--blink:rgba(103,232,249,.8)}
.m3z-logo.m3z-light{--blink:rgba(8,145,178,.55)}
.m3z-loop .m3z-solid{animation:m3zKsolid 10s ease infinite,m3zKblink 10s linear infinite}
.m3z-cdrop .m3z-ctop .m3z-face{animation:m3zDbump 10s cubic-bezier(.34,1.56,.64,1) infinite,m3zKblink 10s linear infinite}
@media (prefers-reduced-motion: reduce){.m3z-loop .m3z-solid,.m3z-cdrop .m3z-ctop .m3z-face{animation:none!important}}
.m3z-btn{position:relative;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.m3z-btn:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){
.m3z-loop .m3z-solid,.m3z-loop .m3z-stack,.m3z-loop .m3z-layer,.m3z-loop .m3z-ico,.m3z-loop .m3z-m3,.m3z-loop .m3z-tag,.m3z-loop .m3z-stick,.m3z-loop .m3z-bulb,.m3z-loop .m3z-ping,.m3z-loop .m3z-word,.m3z-wi .m3z-wl{animation:none!important}
.m3z-loop .m3z-stick{transform:scaleY(1)}.m3z-loop .m3z-bulb{transform:scale(1)}
}
.m3z-mini{display:inline-flex;flex-shrink:0}
.m3z-mini .m3z-tilebox,.m3z-mini .m3z-stack{display:block}
.m3z-mini.m3z-loop .m3z-lt{animation-name:m3zKtM}.m3z-mini.m3z-loop .m3z-lb{animation-name:m3zKbM}
.m3z-mini.m3z-cdrop .m3z-cl1{animation-name:m3zDl1M}.m3z-mini.m3z-cdrop .m3z-cl2{animation-name:m3zDl2M}.m3z-mini.m3z-cdrop .m3z-cl3{animation-name:m3zDl3M}
.m3z-mini.m3z-cdrop .m3z-stack{animation-name:m3zDstkM}
@keyframes m3zKbM{0%,30%{transform:translateZ(-.012em)}40%,58%{transform:translateZ(-.34em) translateX(-.06em)}64.5%{transform:translateZ(.02em)}66%,100%{transform:translateZ(-.012em)}}
@keyframes m3zKtM{0%,30%{transform:none}40%,64%{transform:translateZ(.34em) translateX(.06em)}70.5%{transform:translateZ(-.02em)}72%,100%{transform:none}}
@keyframes m3zDl1M{0%,40%{transform:translateZ(-.02em)}48%,62%{transform:translateZ(-.28em)}69%,100%{transform:translateZ(-.02em)}}
@keyframes m3zDl2M{0%,35%{transform:translateZ(-.03em)}43%,66%{transform:translateZ(-.56em)}73%,100%{transform:translateZ(-.03em)}}
@keyframes m3zDl3M{0%,30%{transform:translateZ(-.04em)}38%,70%{transform:translateZ(-.84em)}77%,100%{transform:translateZ(-.04em)}}
@keyframes m3zDstkM{0%,18%{transform:none}29%,78%{transform:rotateX(58deg) rotateZ(-45deg) scale(.8)}89%,100%{transform:none}}
.m3z-mini .m3z-tag{display:none}