.tool-gallery-section{padding:80px 0 120px;background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628);min-height:100vh}.tool-gallery__header{text-align:center;margin-bottom:70px}.tool-gallery__title{font-size:56px;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px;letter-spacing:-.02em}.tool-gallery__subtitle{font-size:18px;color:#fff9;max-width:600px;margin:0 auto;line-height:1.7}.tool-gallery__grid{display:grid;gap:32px;max-width:1400px;margin:0 auto;padding:0 40px}.tool-gallery__grid--2-col{grid-template-columns:repeat(2,1fr)}.tool-gallery__grid--3-col{grid-template-columns:repeat(3,1fr)}.tool-gallery__grid--4-col{grid-template-columns:repeat(4,1fr)}.tool-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 100px #3b82f61a;border-color:#fff3}.tool-card__thumbnail{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.tool-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tool-card:hover .tool-card__thumbnail img{transform:scale(1.08)}.tool-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(168,85,247,.1) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(135deg,#0f172a,#1e293b);background-size:100% 100%,100% 100%,30px 30px,30px 30px,100% 100%}.tool-card__placeholder:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.1),transparent 30%);animation:rotate 8s linear infinite;opacity:0;transition:opacity .5s}.tool-card:hover .tool-card__placeholder:after{opacity:1}@keyframes rotate{to{transform:rotate(360deg)}}.tool-card__placeholder-chart{width:75%;height:55%;position:relative;z-index:1}.tool-card__placeholder-chart path:first-child{filter:drop-shadow(0 0 8px rgba(251,146,60,.5))}.tool-card__badge{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:30px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;z-index:2}.tool-card__badge--new{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;box-shadow:0 4px 15px #f9731666}.tool-card__badge--coming{background:#ffffff1a;color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.tool-card__content{padding:28px 28px 20px;flex:1}.tool-card__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#4a7c2326;border:1px solid rgba(74,124,35,.3);color:#86efac;border-radius:30px;font-size:12px;font-weight:500;margin-bottom:16px}.tool-card__tag:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80}.tool-card__title{font-size:22px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.tool-card__desc{font-size:14px;color:#ffffff8c;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__footer{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid rgba(255,255,255,.06);background:#0003}.tool-card__meta{font-size:13px;color:#fff6}.tool-card__arrow{width:42px;height:42px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease}.tool-card:hover .tool-card__arrow{background:linear-gradient(135deg,#f97316,#fb923c);border-color:transparent;color:#fff;box-shadow:0 4px 20px #f9731666;transform:translate(4px)}.tool-card--coming-soon{pointer-events:none}.tool-card--coming-soon .tool-card__thumbnail{opacity:.5;filter:grayscale(30%)}.tool-card--coming-soon .tool-card__arrow{opacity:.3}@media screen and (max-width: 1200px){.tool-gallery__grid--4-col{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 989px){.tool-gallery__grid--3-col,.tool-gallery__grid--4-col{grid-template-columns:repeat(2,1fr)}.tool-gallery__title{font-size:42px}.tool-gallery__grid{padding:0 24px}}@media screen and (max-width: 749px){.tool-gallery-section{padding:60px 0 80px}.tool-gallery__grid{grid-template-columns:1fr;gap:24px;padding:0 20px}.tool-gallery__title{font-size:32px}.tool-gallery__subtitle{font-size:15px;padding:0 20px}.tool-card__content{padding:24px 24px 18px}.tool-card__title{font-size:20px}.tool-card__footer{padding:18px 24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/tool-gallery.css.map */