/* Автограф студии TarasovWeb в подвале сайта */
.twc{
  --twc-neon:#ff4fc0;--twc-lilac:#9a7bff;--twc-text:#f4ecf2;--twc-muted:#b9a9b6;
  position:relative;isolation:isolate;overflow:hidden;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 24px!important;
  margin-top:22px!important;padding:20px 22px!important;border:1px solid #ffffff1f!important;border-radius:22px;
  background:#120b13b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  font:400 14px/1.55 'Manrope','TildaSans',Arial,sans-serif!important;color:var(--twc-muted)!important;text-align:left;
  transition:border-color .4s,box-shadow .4s
}
.twc::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(260px circle at var(--twc-x,50%) var(--twc-y,50%),#ff4fc033,transparent 70%)}
.twc:hover{border-color:#ff4fc066!important;box-shadow:0 20px 60px -30px #ff4fc0aa}
.twc:hover::before{opacity:1}
.twc a{text-decoration:none!important}
.twc :focus-visible{outline:2px solid #ffc4ea;outline-offset:4px;border-radius:8px}

.twc-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff24;color:var(--twc-text)!important;transition:transform .5s cubic-bezier(.2,.7,.1,1),background .3s}
.twc-mark svg{width:32px;height:32px;overflow:visible}
.twc-mark path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:0}
.twc-mark circle{fill:var(--twc-neon)}
.twc.is-drawing .twc-mark path{animation:twc-draw 1.6s cubic-bezier(.6,0,.2,1) both}
.twc.is-drawing .twc-mark path+path{animation-delay:.35s}
@keyframes twc-draw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}
.twc:hover .twc-mark{transform:rotate(-8deg) scale(1.06);background:#ff4fc01f}

.twc-text{margin:0!important;min-width:0}
.twc-lead{display:block;font-size:15.5px;font-weight:600;color:var(--twc-text)}
.twc-brand{display:inline-block;font-weight:800;color:var(--twc-text)!important;background:linear-gradient(90deg,var(--twc-neon),var(--twc-lilac),var(--twc-neon));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s}
.twc:hover .twc-brand{background-position:100% 0}
.twc-sub{display:block;margin-top:3px;font-size:13px}
.twc-sub a{color:var(--twc-text)!important;font-weight:600;border-bottom:1px solid #ff4fc080;transition:border-color .2s,color .2s}
.twc-sub a:hover{color:#ffc4ea!important;border-color:#ffc4ea}

.twc-cta{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;white-space:nowrap;
  font-weight:700;font-size:14px;color:#fff!important;background:#ffffff12;border:1px solid #ffffff2e;overflow:hidden;isolation:isolate;
  transform:translate(var(--twc-mx,0),var(--twc-my,0));transition:transform .25s cubic-bezier(.2,.7,.1,1),border-color .3s,box-shadow .3s}
.twc-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--twc-neon),var(--twc-lilac));transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.twc-cta:hover{border-color:transparent;box-shadow:0 10px 30px -10px var(--twc-neon)}
.twc-cta:hover::before{transform:none}
.twc-cta i{font-style:normal;transition:transform .3s}
.twc-cta:hover i{transform:translate(3px,-3px)}

@media(max-width:720px){
  .twc{grid-template-columns:auto minmax(0,1fr);padding:18px!important}
  .twc-cta{grid-column:1/-1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .twc *,.twc::before{animation:none!important;transition:none!important}
  .twc-cta{transform:none}
}
