:root{--primary-tools:#8b5cf6;--bg-tools:#f5f3ff;--text-tools:#4c1d95}body[data-theme=tools]{background-color:var(--bg-tools);color:var(--text-tools);margin:0;font-family:Space Grotesk,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.tools-header{padding:1rem 0;background:#fff;border-bottom:3px solid var(--primary-tools);position:-webkit-sticky;position:sticky;top:0;z-index:100}.tools-header .container{display:flex;justify-content:space-between;align-items:center}.tools-header .logo{font-weight:900;font-size:1.5rem;color:var(--primary-tools)}.tools-header nav ul{display:flex;gap:1.5rem;list-style:none;align-items:center}.btn-tools{background:var(--primary-tools);color:#fff;padding:.6rem 1.5rem;border-radius:50px;font-weight:700}.hero-tools{padding:8rem 0;text-align:center;background:radial-gradient(circle at center,#ede9fe,#f5f3ff)}.hero-tools h1{font-size:4.5rem;font-weight:900;letter-spacing:-3px;margin-bottom:1.5rem}.tool-card{background:#fff;padding:2.5rem;border-radius:24px;border:1px solid #ddd6fe;transition:all .3s ease;cursor:pointer}.tool-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(139,92,246,.1);border-color:var(--primary-tools)}.tool-icon{width:60px;height:60px;background:#ede9fe;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}