.hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;text-align:center;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-2xl)}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero p{font-size:1.25rem;margin-bottom:var(--spacing-xl);color:rgba(255,255,255,.9)}.hero .btn{font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl)}.apps-section{padding:var(--spacing-2xl) 0}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.app-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-medium);cursor:pointer}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy);border-color:var(--primary-color)}.app-card-image{width:100%;height:200px;background:linear-gradient(45deg,var(--bg-secondary),var(--bg-tertiary));display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-secondary)}.app-card-icon{transition:transform var(--transition-medium)}.app-card:hover .app-card-icon{transform:scale(1.1)}.app-card-content{padding:var(--spacing-lg)}.app-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.app-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.app-card-footer{display:flex;justify-content:space-between;align-items:center}.app-card .tag{background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.app-card .tag.game{background:var(--accent-color)}.app-card .tag.tool{background:var(--secondary-color)}.category-filter{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.category-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.category-btn.active,.category-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.stats-section{background:var(--bg-secondary);padding:var(--spacing-2xl) 0;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.stat-item h3{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.stat-item p{color:var(--text-secondary);font-weight:500}.footer{background:var(--text-primary);color:#fff;text-align:center;padding:var(--spacing-xl) 0}.footer p{color:rgba(255,255,255,.8)}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary-color);animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.apps-grid{grid-template-columns:1fr}.category-filter{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.app-card-icon{width:64px!important;height:64px!important}}@media (max-width:480px){.hero h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.app-card-icon{width:56px!important;height:56px!important}}