/* m3zold lab · плашка «Аврора» · https://m3zold-lab.tech/ — все классы с префиксом m3z-, конфликтов со стилями сайта нет */
/* нужен также m3z-logo.css */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.m3z-au{--bg:#0B0C14;--fg:#EDEEF5;--mut:#8A91A5;--c1:#7C7CFF;--c2:#22D3EE;--ring:rgba(255,255,255,.09);--sh:rgba(124,124,255,.45);--gob:rgba(255,255,255,.07);--goi:#07080C;
  position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 9px 0 13px;border-radius:999px;background:var(--bg);color:var(--fg);text-decoration:none;
  box-shadow:inset 0 0 0 1px var(--ring),0 16px 40px -20px var(--sh);transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .45s}
.m3z-au.m3z-lite{--bg:#FFFFFF;--fg:#0B0C14;--mut:#5E6478;--c1:#4F46E5;--c2:#0891B2;--ring:rgba(11,12,20,.08);--sh:rgba(79,70,229,.35);--gob:rgba(11,12,20,.05);--goi:#FFFFFF}
.m3z-au::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--ang),transparent 0 190deg,var(--c1) 255deg,var(--c2) 315deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:m3zauSpin 5s linear infinite}
.m3z-au .m3z-gl{position:absolute;left:-10px;top:50%;width:90px;height:90px;margin-top:-45px;border-radius:50%;background:radial-gradient(circle,var(--c1) 0%,transparent 62%);filter:blur(12px);z-index:-1;pointer-events:none;animation:m3zauBreath 5s ease-in-out infinite}
.m3z-au .m3z-tx{display:flex;flex-direction:column;gap:4px;line-height:1;padding-right:8px}
.m3z-au small{font:500 9.5px/1 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.m3z-au b{font:700 18px/1 'Space Grotesk',sans-serif;letter-spacing:-.035em;padding-bottom:1px;
  background:linear-gradient(90deg,var(--c1),var(--c2) 30%,var(--fg) 45%,var(--fg));background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;
  transition:background-position 1.1s cubic-bezier(.16,1,.3,1)}
.m3z-au .m3z-go{position:relative;overflow:hidden;width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--gob)}
.m3z-au .m3z-go::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));transform:scale(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.m3z-au .m3z-go svg{position:absolute;left:14px;top:14px;color:var(--fg);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.m3z-au .m3z-go svg+svg{transform:translate(-28px,28px);color:var(--goi)}
.m3z-au:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ring),0 24px 50px -18px var(--sh)}
.m3z-au:hover b{background-position:0 0}
.m3z-au:hover .m3z-go::before{transform:scale(1)}
.m3z-au:hover .m3z-go svg:first-of-type{transform:translate(28px,-28px)}
.m3z-au:hover .m3z-go svg+svg{transform:none}
.m3z-au.m3z-cp{height:44px;gap:9px;padding:0 6px 0 9px}.m3z-au.m3z-cp b{font-size:15px}.m3z-au.m3z-cp .m3z-tx{padding-right:4px}
.m3z-au.m3z-cp .m3z-go{width:32px;height:32px}.m3z-au.m3z-cp .m3z-go svg{left:9px;top:9px}.m3z-au.m3z-cp .m3z-gl{width:60px;height:60px;margin-top:-30px}
@keyframes m3zauSpin{to{--ang:360deg}}
@keyframes m3zauBreath{0%,100%{opacity:.28;transform:scale(.85)}50%{opacity:.55;transform:scale(1.12)}}
.m3z-aus{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:28px;height:116px;padding:0 28px;background:#07080C}
.m3z-aus.m3z-lite{background:#FFFFFF}
.m3z-aus::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,124,255,.6) 35%,rgba(34,211,238,.6) 65%,transparent)}
.m3z-aus .m3z-b1,.m3z-aus .m3z-b2{position:absolute;bottom:-150px;width:460px;height:200px;border-radius:50%;filter:blur(46px);z-index:-1;opacity:.32}
.m3z-aus .m3z-b1{background:#7C7CFF;left:calc(50% - 420px);animation:m3zausA 11s ease-in-out infinite alternate}
.m3z-aus .m3z-b2{background:#22D3EE;left:calc(50% - 40px);animation:m3zausB 13s ease-in-out infinite alternate}
.m3z-aus.m3z-lite .m3z-b1,.m3z-aus.m3z-lite .m3z-b2{opacity:.2}
.m3z-aus .m3z-ln{flex:1;max-width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16))}
.m3z-aus .m3z-ln.m3z-r{transform:scaleX(-1)}
.m3z-aus.m3z-lite .m3z-ln{background:linear-gradient(90deg,transparent,rgba(11,12,20,.14))}
.m3z-aus.m3z-m{height:104px;padding:0 16px}.m3z-aus.m3z-m .m3z-ln{display:none}
@keyframes m3zausA{to{transform:translateX(170px)}}
@keyframes m3zausB{to{transform:translateX(-170px)}}
@media (prefers-reduced-motion:reduce){
  .m3z-au::before,.m3z-au .m3z-gl,.m3z-aus .m3z-b1,.m3z-aus .m3z-b2,.m3z-ho::after,.m3z-hos::after,.m3z-ho .m3z-st i::after,.m3z-tm .m3z-cr,.m3z-tms .m3z-cr,.m3z-sgs .m3z-gw .m3z-s{animation:none}
  .m3z-tm .m3z-ty,.m3z-tms .m3z-ty{animation:none;width:9em}
  .m3z-au,.m3z-ho,.m3z-tm,.m3z-hos .m3z-cta{transition:none}
}