.tools{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ferrGira{to{--ang:360deg}}.tools a{--ch:16px;text-align:center;min-height:206px;clip-path:polygon(var(--ch) 0,100% 0,100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,0 100%,0 var(--ch));background:conic-gradient(from var(--ang) at 50% 50%,transparent 0 64%,rgba(255,255,255,var(--luz,0)) 72%,transparent 80%), radial-gradient(90px 90px at 0 0,#fff 0,var(--az) 18%,transparent 70%), radial-gradient(90px 90px at 100% 100%,#fff 0,var(--vm) 18%,transparent 70%), linear-gradient(135deg,var(--az) 0 3%,#3a3a3a 12%,#262626 50%,#3a3a3a 88%,var(--vm) 97% 100%);filter:drop-shadow(0 0 5px #1e8fef2e)drop-shadow(0 0 5px #f01e3224);border:0;flex-direction:column;align-items:center;padding:24px 22px 16px;transition:transform .16s,filter .2s;display:flex;position:relative;overflow:hidden}.tools a:before{content:"";clip-path:inherit;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='.055'/></feComponentTransfer></filter><rect width='140' height='140' filter='url(%23n)'/></svg>"),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),radial-gradient(60% 60% at 0 0,#1e8fef4d,#0000 60%),radial-gradient(60% 60% at 100% 100%,#f01e3242,#0000 60%),linear-gradient(#111,#0b0b0b);position:absolute;inset:1px}.tools .fic{color:#fff;filter:drop-shadow(1px 0 #f01e328c)drop-shadow(-1px 0 #1e8fef99)drop-shadow(0 0 9px #1e8fef66)drop-shadow(0 0 22px #1e8fef2e);width:66px;height:66px;margin-bottom:12px;transition:transform .16s,filter .2s;position:relative}.tools .fic img,.tools .fic svg{width:100%;height:100%;display:block}.tools .tx{min-width:0;position:relative}.tools .tx b{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#fff;font-size:15px;font-weight:700;line-height:1.2;display:block}.tools .tx i{font-style:normal;font-family:var(--sans);color:#9a9a9a;max-width:30ch;margin:7px auto 0;font-size:12px;line-height:1.55;transition:color .18s;display:block}.tools .fgo{font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--vm);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.tools .fgo:after{content:"→";transition:transform .16s}.tools a:active{filter:drop-shadow(0 0 8px #f01e3233);transform:scale(.99)}@media (hover:hover){.tools a:hover{--luz:.95;filter:drop-shadow(0 0 9px #1e8fef73)drop-shadow(0 0 9px #f01e3266)drop-shadow(0 0 24px #7850c840);animation:1.3s linear infinite ferrGira;transform:translateY(-3px)}.tools a:hover .fic{filter:drop-shadow(1.5px 0 #f01e32bf)drop-shadow(-1.5px 0 #1e8fefcc)drop-shadow(0 0 12px #1e8fef99)drop-shadow(0 0 30px #1e8fef4d);transform:translateY(-2px)}.tools a:hover .tx i{color:#c8c8c8}.tools a:hover .fgo:after{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.tools a:hover{--luz:0;animation:none}}@media (width<=760px){.tools{grid-template-columns:repeat(2,1fr);gap:9px}.tools a{--ch:12px;min-height:172px;padding:16px 13px 12px}.tools .fic{width:46px;height:46px;margin-bottom:8px}.tools .tx b{letter-spacing:.07em;font-size:13px}.tools .tx i{margin-top:6px;font-size:10.5px;line-height:1.5}.tools .fgo{padding-top:9px;font-size:10.5px}.tools a:active{transform:scale(.98)}}.tools.dez{grid-template-columns:repeat(5,1fr);gap:12px}.tools.dez a{min-height:196px;padding:20px 16px 14px}.tools.dez .tx i{max-width:26ch;font-size:11.5px}@media (width<=1000px){.tools.dez{grid-template-columns:repeat(2,1fr)}}
