.new-tools-section{background:linear-gradient(#fff 0%,#f8fafc 100%);padding:80px 20px;position:relative;overflow:hidden}.new-tools-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#4f46e508 0%,#0000 20%),radial-gradient(circle at 90% 80%,#9333ea08 0%,#0000 20%);height:100%;position:absolute;top:0;left:0;right:0}.tools-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.badge-pill{color:#4f46e5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4f46e51a;border:1px solid #4f46e533;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:#1e293b;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-subtitle{color:#64748b;font-size:18px;line-height:1.6}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;padding:10px;display:grid}.tool-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:#4f46e54d;transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.card-content{z-index:2;flex-direction:column;height:100%;padding:32px;display:flex;position:relative}.tool-card.featured{background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border:1px solid #4f46e526}.card-bg-glow{pointer-events:none;background:radial-gradient(circle at 70% 20%,#4f46e514 0%,#0000 70%);width:300px;height:300px;transition:opacity .4s;position:absolute;top:0;right:0}.tool-card:hover .card-bg-glow{background:radial-gradient(circle at 70% 20%,#4f46e526 0%,#0000 70%)}.tool-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:transform .4s;display:flex}.tool-icon-wrapper.pouch{color:#4f46e5;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%)}.tool-icon-wrapper.bottle{color:#db2777;background:linear-gradient(135deg,#fdf4ff 0%,#fce7f3 100%)}.tool-card:hover .tool-icon-wrapper{transform:scale(1.1)rotate(5deg)}.tool-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tool-info h3{color:#1e293b;margin:0;font-size:24px;font-weight:700}.badge-new{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s infinite bounce;box-shadow:0 4px 10px #4f46e54d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tool-info p{color:#64748b;flex-grow:1;margin-bottom:30px;font-size:16px;line-height:1.6}.card-action{color:#4f46e5;align-items:center;gap:8px;font-weight:600;transition:gap .3s;display:flex}.tool-card.featured .card-action{color:#4f46e5}.tool-card:hover .card-action{gap:12px}@media (max-width:768px){.new-tools-section{padding:60px 20px}.section-title{font-size:32px}.tools-grid{grid-template-columns:1fr}.card-content{padding:24px}}
