.server-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.server-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.server-card:hover .server-background{transform:scale(1.05)}.server-card:hover .server-title{color:#3b82f6}.server-background{transition:transform .5s cubic-bezier(.4,0,.2,1)}.community-card{border-radius:.75rem;overflow:hidden;transition:all .3s ease}.community-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.category-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.category-badge:hover{transform:scale(1.05)}.help-count,.member-count{font-weight:600;color:hsl(var(--primary));transition:color .2s ease}.community-card:hover .help-count,.community-card:hover .member-count{color:hsl(var(--primary) / .8)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-pattern{animation:float 6s ease-in-out infinite}.stats-pattern:nth-child(2){animation-delay:2s}.filter-panel{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-panel-enter{opacity:0;transform:translateY(-10px)}.filter-panel-enter-active{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.server-grid-item{animation:fadeInUp .5s ease-out forwards}.server-grid-item:nth-child(1){animation-delay:.05s}.server-grid-item:nth-child(2){animation-delay:.1s}.server-grid-item:nth-child(3){animation-delay:.15s}.server-grid-item:nth-child(4){animation-delay:.2s}.server-grid-item:nth-child(5){animation-delay:.25s}.server-grid-item:nth-child(6){animation-delay:.3s}.server-grid-item:nth-child(7){animation-delay:.35s}.server-grid-item:nth-child(8){animation-delay:.4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.search-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@media (max-width: 768px){.server-card:hover{transform:translateY(-2px)}.server-card:hover .server-background{transform:scale(1.02)}}@media (prefers-color-scheme: dark){.skeleton-shimmer{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}}.server-card{border:1px solid hsl(var(--border));overflow:hidden;background:hsl(var(--card));border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.server-card:hover{border-color:hsl(var(--primary) / .3)}.server-card-header{position:relative;aspect-ratio:16 / 9;overflow:hidden}.server-card-background{width:100%;height:100%;object-fit:cover}.server-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;padding:1rem;transition:height .3s ease}.server-card:hover .server-card-overlay{height:60%}.server-card-icon{width:3.5rem;height:3.5rem;min-width:0;flex-shrink:0;margin-right:1rem;border-radius:.5rem;border:2px solid hsl(var(--background));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease}.server-card:hover .server-card-icon{transform:scale(1.1)}.server-card-info h3{font-weight:700;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:color .3s ease}.server-card-info p{opacity:.9;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.server-card-content{padding:1rem}.server-card-description{height:3rem;line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem;color:hsl(var(--foreground));line-height:1.5;transition:color .3s ease}.server-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.server-card-stat dt{font-size:.75rem;opacity:.7;color:hsl(var(--muted-foreground));font-weight:500}.server-card-stat dd{font-weight:700;color:hsl(var(--primary));font-size:1rem;transition:transform .3s ease}.server-card:hover .server-card-stat dd{transform:scale(1.05)}.server-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width: 640px){.server-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1280px){.server-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1536px){.server-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.server-list{display:flex;flex-direction:column;gap:1rem}.server-list .server-card{display:flex;flex-direction:row;height:auto;max-height:200px}.server-list .server-card-header{width:280px;aspect-ratio:16 / 9;flex-shrink:0}.server-list .server-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.community-filters{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow .3s ease}.community-filters:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-input-container{position:relative}.search-input-container input:focus{box-shadow:0 0 0 3px hsl(var(--primary) / .2);border-color:hsl(var(--primary))}.clear-filters-container{margin-top:.75rem}.mobile-filters{margin-bottom:1.5rem}.mobile-search{margin-bottom:1rem}.mobile-search-input{position:relative}.mobile-search-input input:focus{box-shadow:0 0 0 3px hsl(var(--primary) / .2);border-color:hsl(var(--primary))}.mobile-filter-trigger{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mobile-filter-button{display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.mobile-filter-button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.mobile-filter-panel{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.community-stats{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.community-stats:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.stat-item{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}.stat-item:hover{background-color:hsl(var(--muted) / .5)}.stat-item div:first-child{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.stat-item div:last-child{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));transition:transform .3s ease}.stat-item:hover div:last-child{transform:scale(1.05)}.last-updated{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground));padding-top:.75rem;border-top:1px solid hsl(var(--border))}.empty-state{text-align:center;padding:3rem 0;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state p{color:hsl(var(--muted-foreground));font-size:1.125rem}.load-more-container{display:flex;justify-content:center;padding-top:1.5rem}.load-more-button{min-width:200px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.load-more-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.load-more-button:hover:before{left:100%}.load-more-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.result-count{text-align:center;font-size:.875rem;color:hsl(var(--muted-foreground));padding:.5rem;border-radius:.375rem;background-color:hsl(var(--muted) / .3);display:inline-block;margin:0 auto}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.community-page{animation:pageLoad .6s ease-out}@media (max-width: 640px){.server-card{border-radius:.5rem}.server-card-header{aspect-ratio:16 / 9}.server-card-overlay{padding:.75rem}.server-card-icon{width:2.5rem;height:2.5rem;margin-right:.75rem}.server-card-info h3{font-size:1.25rem}.server-card-content{padding:.75rem}.server-card-stats{gap:.25rem}.community-filters{padding:1rem}.stats-grid{grid-template-columns:repeat(1,1fr);gap:.75rem}.server-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.server-card-info h3{font-size:1.125rem}.server-card-description{height:2.5rem;font-size:.875rem}.server-card-stats{font-size:.75rem}.mobile-filter-trigger{flex-direction:column;align-items:flex-start;gap:.5rem}.mobile-filter-button{width:100%;justify-content:center}.community-stats{padding:1rem}.stat-item div:last-child{font-size:1.25rem}}@media (prefers-contrast: high){.server-card{border-width:2px}.server-card:hover{border-width:3px}.server-card-stat dd{text-decoration:underline}}@media (prefers-reduced-motion: reduce){.server-card,.server-card-background,.server-card-overlay,.server-card-icon,.server-card-description,.server-card-stat dd,.community-filters,.community-stats,.stat-item,.stat-item div:last-child,.load-more-button,.mobile-filter-panel{transition:none;animation:none}.server-card:hover,.server-card:hover .server-card-background,.server-card:hover .server-card-icon,.server-card:hover .server-card-stat dd,.community-stats:hover{transform:none}.stat-item:hover div:last-child{transform:none}.load-more-button:hover{transform:none}}