.tools-page{padding:2rem 1rem;margin-top:2rem}.tools-header{text-align:center;margin-bottom:3rem;padding-top:1rem}.tools-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;line-height:1.3;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.tools-description{font-size:1.125rem;color:var(--global-font-secondary-color);max-width:600px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card{background:var(--card-background-color);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,5%);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;border:1px solid var(--global-border-color);display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#667eea}.tool-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.tool-card-content{padding:2rem;flex:1}.tool-icon{width:64px;height:64px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;color:#fff}.tool-icon svg{width:32px;height:32px}.tool-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--global-font-color)}.tool-description{color:var(--global-font-secondary-color);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tool-tag{padding:.25rem .75rem;background:var(--tag-background-color);color:var(--tag-color);border-radius:4px;font-size:.875rem;font-weight:500}.tool-card-footer{padding:1rem 2rem;border-top:1px solid var(--global-border-color);background:var(--code-background-color)}.tool-cta{color:#667eea;font-weight:600;font-size:.875rem;letter-spacing:.5px;transition:transform .3s ease;display:inline-block}.tool-card:hover .tool-cta{transform:translateX(4px)}.no-tools{text-align:center;padding:3rem;color:var(--global-font-secondary-color);font-size:1.125rem}[data-theme=dark] .tool-card,[data-theme=black] .tool-card{border-color:rgba(255,255,255,.1)}[data-theme=dark] .tool-card:hover,[data-theme=black] .tool-card:hover{box-shadow:0 12px 24px rgba(102,126,234,.2)}@media(max-width:768px){.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tools-title{font-size:2rem}.tool-card-content{padding:1.5rem}}