@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Work+Sans:wght@400;500&display=swap";:root{--color-primary-base: #7C3AED;--color-primary-dark: #4C1D95;--color-text-main: #1E293B;--color-text-muted: #64748B;--color-bg-page: #FAF5FF}*{margin:0;padding:0;box-sizing:border-box}main{width:100%!important;max-width:100%!important;padding:0!important}body{font-family:Work Sans,sans-serif;background:var(--color-bg-page);color:var(--color-text-main);min-height:100vh}.tools-hero{background:linear-gradient(135deg,#4c1d95,#7c3aed,#a78bfa);padding:6em 2em 4em;text-align:center;position:relative;overflow:hidden}.tools-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(167,139,250,.4) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(124,58,237,.3) 0%,transparent 60%);pointer-events:none}.tools-hero h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(2.2em,5vw,3.5em);color:#fff;letter-spacing:-.03em;position:relative;z-index:1;margin-bottom:.3em}.tools-hero p{font-size:clamp(1em,2vw,1.25em);color:#ffffffd9;max-width:600px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.hero-badge{display:inline-block;background:#ffffff26;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:.4em 1.2em;border-radius:9999px;font-size:.85em;font-weight:600;color:#fff;margin-bottom:1.5em;position:relative;z-index:1}.tools-container{max-width:1100px;margin:-3em auto 0;padding:0 2em 4em;position:relative;z-index:2}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2em}.tool-card{text-decoration:none;display:flex;flex-direction:column;padding:2.5em 2em;border-radius:2.5rem;background:#ffffffe6;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 6px -1px #00000005,0 16px 40px -8px #7c3aed0f,0 32px 80px -12px #0f172a0a;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-8px);box-shadow:0 8px 12px -2px #00000008,0 24px 60px -12px #7c3aed1f,0 48px 100px -20px #0f172a0f}.tool-icon-wrap{width:80px;height:80px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px -4px #00000014;border:1px solid rgba(255,255,255,.6);background:#fff;margin-bottom:1.5em;flex-shrink:0}.tool-icon-wrap img{width:100%;height:100%;object-fit:cover}.tool-badge{position:absolute;top:1.5em;right:1.5em;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-family:Outfit,sans-serif;font-size:.7em;font-weight:700;padding:.35em .9em;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.tool-badge.new{background:linear-gradient(135deg,#10b981,#059669)}.tool-name{font-family:Outfit,sans-serif;font-weight:800;font-size:1.35em;color:var(--color-text-main);letter-spacing:-.03em;margin-bottom:.6em}.tool-desc{font-size:.95em;color:var(--color-text-muted);line-height:1.7;flex:1;margin-bottom:1.5em}.tool-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.2em;border-top:1px solid rgba(124,58,237,.06)}.tool-time{font-size:.8em;color:var(--color-text-muted);font-weight:500}.tool-time:before{content:"⏱ "}.tool-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.85em;font-weight:700;color:#fff;background:var(--color-primary-base);border-radius:9999px;transition:background .3s,transform .3s;text-decoration:none;white-space:nowrap;flex-shrink:0}.tool-card:hover .tool-cta{background:var(--color-primary-dark);transform:scale(1.03)}.bottom-cta{text-align:center;padding:3em 2em 5em;max-width:700px;margin:0 auto}.bottom-cta h2{font-family:Outfit,sans-serif;font-weight:800;font-size:1.8em;color:var(--color-text-main);margin-bottom:.5em}.bottom-cta p{color:var(--color-text-muted);line-height:1.7;margin-bottom:1.5em}.bottom-cta a{display:inline-flex;padding:14px 32px;font-size:1em;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary-base),var(--color-primary-dark));border-radius:9999px;text-decoration:none;box-shadow:0 8px 24px -4px #7c3aed4d;transition:transform .3s,box-shadow .3s}.bottom-cta a:hover{transform:translateY(-3px);box-shadow:0 12px 32px -4px #7c3aed66}@media(max-width:600px){.tools-hero{padding:5em 1.5em 3em}.tools-container{padding:0 1em 3em;margin-top:-2em}.tools-grid{grid-template-columns:1fr;gap:1.5em}.tool-card{padding:2em 1.5em;border-radius:2rem}}