.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tool-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s ease;cursor:pointer;text-decoration:none!important;display:block}.tool-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.tool-card-header{height:130px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.keyword-main{font-size:48px;font-weight:900;letter-spacing:3px;line-height:1;color:#ffffff;margin-bottom:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,.8) 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,0));mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,.8) 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,0))}.keyword-main,.keyword-sub{text-transform:uppercase;position:relative}.keyword-sub{font-size:11px;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:5px;margin-top:6px;z-index:2}.tool-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.2);color:#fff;font-size:8px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(4px);z-index:3}.tool-card-body{padding:20px}.tool-card-body h3{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:6px;margin-top:0}.tool-card-body p{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:16px;min-height:40px}.tool-card-footer{display:flex;justify-content:space-between;align-items:center}.use-now-link{font-size:13px;font-weight:600;color:#3b82f6;text-decoration:none}.tool-arrow{font-size:18px;color:#c4c4c4;transition:all .3s ease}.tool-card:hover .tool-arrow{transform:translateX(4px);color:#3b82f6}.tools-category{padding:50px 0}.tools-category-header{margin-bottom:35px;text-align:center}.tools-category-header h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.tools-category-header p{font-size:15px;color:#6b7280;max-width:500px;margin:0 auto}.gradient-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-cyan{background:linear-gradient(135deg,#17c0c9,#1e90a7)}.gradient-orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-coral{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.gradient-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.gradient-purple{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.gradient-pink{background:linear-gradient(135deg,#fc466b,#3f5efb)}.gradient-teal{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-gold{background:linear-gradient(135deg,#f7971e,#ffd200)}.gradient-indigo{background:linear-gradient(135deg,#5c6bc0,#512da8)}.gradient-rose{background:linear-gradient(135deg,#ff758c,#ff7eb3)}.gradient-navy{background:linear-gradient(135deg,#2c3e50,#4ca1af)}.gradient-emerald{background:linear-gradient(135deg,#56ab2f,#a8e063)}.gradient-sunset{background:linear-gradient(135deg,#fa709a,#fee140)}@media (max-width:1100px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.tools-grid{grid-template-columns:repeat(2,1fr)}.keyword-main{font-size:36px}}@media (max-width:500px){.tools-grid{grid-template-columns:1fr}.tools-category-header h2{font-size:24px}.keyword-main{font-size:32px}}