.utility-item-compact{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-base);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.utility-item-compact:hover{background:var(--bg-surface);border-color:var(--color-primary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-sm)}.icon-wrapper{display:flex;align-items:center;justify-content:center;position:absolute;top:-5.5rem;right:-6rem;width:13rem;height:13rem;flex-shrink:0;border-radius:var(--radius-base);background:var(--glass-bg);opacity:15%;pointer-events:none}.icon{width:12rem;height:12rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.content{min-width:0;flex-grow:1;display:flex;flex-direction:column;gap:var(--space-2xs);position:relative;z-index:1}.title{font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description{font-size:.7rem;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.arrow-icon{width:1.125rem;height:1.125rem;color:var(--color-primary);flex-shrink:0;transition:transform .2s}.utility-item-compact:hover .arrow-icon{color:var(--color-primary);transform:translate(2px)}.utility-item-compact:hover .icon{animation:slow-zoom 4s ease-in-out infinite}@keyframes slow-zoom{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(width<=768px){.utility-item-compact{padding:var(--space-md) var(--space-lg)}.title{font-size:1rem}.description{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.arrow-icon{width:1.125rem;height:1.125rem}}@media(width<=480px){.utility-item-compact{padding:var(--space-sm) var(--space-md)}.icon-wrapper{width:8rem;height:8rem;top:-3rem;right:-4rem}.icon{width:7.5rem;height:7.5rem}.title{font-size:.9rem}}@media(width>768px){.utility-item-compact{padding:var(--space-lg) var(--space-xl);min-height:140px}.title{font-size:1.1rem}.description{font-size:.8rem;-webkit-line-clamp:3;line-clamp:3}}.category-section[data-astro-cid-pgugzga7]{margin-bottom:var(--space-2xl);transition:opacity .3s ease}.category-section[data-astro-cid-pgugzga7][hidden]{display:none}.section-header[data-astro-cid-pgugzga7]{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.section-header-link[data-astro-cid-pgugzga7]{text-decoration:none;color:inherit;display:flex;gap:var(--space-md);align-items:baseline;transition:opacity .2s}.section-header-link[data-astro-cid-pgugzga7]:hover{opacity:70%}.category-title[data-astro-cid-pgugzga7]{font-size:1.15rem;font-weight:var(--font-weight-bold);color:var(--text-main);text-transform:uppercase;letter-spacing:.1em;margin:0}.count-badge[data-astro-cid-pgugzga7]{font-size:.6rem;background:var(--color-primary);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);text-transform:uppercase;opacity:100%}.items-grid[data-astro-cid-pgugzga7]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(width<=768px){.items-grid[data-astro-cid-pgugzga7]{grid-template-columns:1fr;gap:var(--space-sm)}.category-title[data-astro-cid-pgugzga7]{font-size:1rem}}.utility-explorer{width:100%;max-width:1200px;margin:0 auto}.explorer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:sticky;top:var(--space-md);z-index:10;backdrop-filter:blur(20px)}.search-container{position:relative;flex-grow:1;max-width:500px}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:var(--space-lg);height:var(--space-lg);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-2xl);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-base);color:var(--text-main);font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--space-xs) var(--glass-bg)}.stats{display:flex;gap:var(--space-lg);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-item strong{color:var(--text-main);font-weight:var(--font-weight-bold)}.no-results{padding:var(--space-4xl) 0;text-align:center;color:var(--text-muted);font-size:1.1rem}@media(width<=768px){.explorer-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.search-container{max-width:none}.stats{justify-content:center}}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);flex:1;max-width:400px;width:100%}.search-icon{color:var(--text-muted);font-size:1.25rem;flex-shrink:0}.search-input{flex:1;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-base);padding:var(--space-sm) var(--space-base);color:var(--text-main);font-size:.875rem;transition:all .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--color-primary)}@media(width<=768px){.search-input-wrapper{max-width:100%}}.utility-hub{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.hub-top{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md) 0;justify-content:space-between}.hub-header{height:auto;display:flex;align-items:center;margin:0;padding:0;border:none;flex-shrink:0}.hub-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0}.hub-title{font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-main);white-space:nowrap}.hub-count{color:var(--text-muted);font-weight:var(--font-weight-normal)}.hub-description{color:var(--text-muted);font-size:.75rem;margin:0}.category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.category-card{background:var(--bg-surface);border:1px solid var(--glass-border);padding:var(--space-lg);text-decoration:none;transition:all .3s;border-radius:var(--radius-lg);display:flex;flex-direction:column}.category-card:hover{border-color:var(--color-primary);transform:translateY(-5px);background:var(--glass-bg)}.category-info h2{font-size:2rem;font-weight:var(--font-weight-bold);margin:0;color:var(--text-main);text-transform:capitalize}.category-info p{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-top:var(--space-sm);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}@media(width<=768px){.utility-hub{padding:var(--space-lg) var(--space-base)}.hub-top{flex-direction:column;align-items:stretch;gap:var(--space-md)}.hub-header{flex-shrink:unset}.hub-header-content{gap:var(--space-xs);flex-shrink:1;min-width:0;text-align:center;align-items:center}}