.page-header{background:linear-gradient(135deg, #4361ee 0%, #3a0ca3 50%, #7209b7 100%);color:#fff;padding:100px 0 60px;position:relative;overflow:hidden}.page-header::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:60px;background:linear-gradient(160deg, #f0f4ff 0%, #e8eeff 40%, #f5f0ff 100%);clip-path:ellipse(55% 100% at 50% 100%)}.page-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:12px}.page-desc{font-size:1.1rem;opacity:.9;max-width:650px}.cat-section{margin-bottom:48px}.cat-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.cat-header h2{font-size:1.4rem;font-weight:700;margin:0;color:var(--dark)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.tool-card{display:flex;flex-direction:column;padding:18px;background:#fff;border-radius:14px;border:1px solid var(--border);text-decoration:none;transition:all .25s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(67,97,238,.12);border-color:var(--primary)}.tool-name{font-weight:600;color:var(--primary);font-size:.95rem;margin-bottom:6px}.tool-desc{color:var(--gray);font-size:.85rem;line-height:1.5}@media(max-width: 768px){.tools-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}