.directory-hero{text-align:center;padding:5rem 0 2rem}.directory-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-heading);margin-bottom:1rem;line-height:1.1}.directory-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.categories-wrapper{width:100%;margin:2rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.categories-nav{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;gap:.75rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.categories-nav::-webkit-scrollbar{display:none}.categories-nav.is-carousel{cursor:grab}.categories-nav.is-carousel:active{cursor:grabbing}.category-btn{white-space:nowrap;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-size:.9rem;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2rem;flex-shrink:0;padding:.6rem 1.2rem;font-weight:500;transition:background .3s,box-shadow .3s,color .3s}.category-btn:hover,.category-btn.active{background:var(--primary-gold);color:#000;border-color:var(--primary-gold);box-shadow:0 0 15px var(--gold-glow)}.creator-grid{grid-template-columns:1fr;gap:1.5rem;min-height:300px;margin-bottom:2rem;display:grid}@media (width>=640px){.creator-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.creator-grid{grid-template-columns:repeat(3,1fr)}}.creator-card{text-align:center;content-visibility:auto;contain-intrinsic-size:350px;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.creator-card:hover{border-color:var(--primary-gold);transform:translateY(-5px);box-shadow:0 10px 30px #0006}.creator-avatar-wrapper{background:linear-gradient(45deg, var(--primary-gold), #ff4e50);border-radius:50%;flex-shrink:0;width:100px;height:100px;margin-bottom:1.25rem;padding:3px}.creator-avatar{object-fit:cover;background:#1a1a2e;border-radius:50%;width:100%;height:100%;display:block}.creator-name{font-size:1.25rem;font-family:var(--font-heading);word-break:break-word;margin-bottom:.25rem}.creator-category{color:var(--primary-gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;font-size:.8rem;font-weight:700}.creator-bio{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.creator-link{border:1px solid var(--glass-border);text-align:center;background:#ffffff0d;border-radius:1rem;width:100%;padding:.8rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s;display:block}.creator-link:hover{background:var(--text-main);color:var(--bg-color)}.pagination{justify-content:center;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.pagination-info{color:var(--text-muted);text-align:center;min-width:80px;font-size:.9rem}.pagination-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .3s,border-color .3s}.pagination-btn:hover:not(:disabled){background:var(--glass-border);border-color:var(--text-muted)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.skeleton-card{pointer-events:none}.skeleton-avatar{border-radius:50%;width:100px;height:100px;margin-bottom:1.25rem}.skeleton-title{border-radius:6px;width:65%;height:1.2rem;margin-bottom:.5rem}.skeleton-subtitle{border-radius:6px;width:40%;height:.85rem;margin-bottom:1rem}.skeleton-text{border-radius:6px;width:100%;height:3.5rem;margin-bottom:1.5rem}.skeleton-btn{border-radius:1rem;width:100%;height:2.5rem}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.directory-empty,.directory-error{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.directory-empty__icon,.directory-error__icon{font-size:3rem;line-height:1}.directory-empty h3,.directory-error h3{font-family:var(--font-heading);font-size:1.4rem}.directory-empty p,.directory-error p{color:var(--text-muted);max-width:380px}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{background:#ffffff0d;animation:none}.creator-card{transition:none}}