@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.app-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.view-button:hover{background-color:#2980b9}.download-button:hover{background-color:#229954}.nav-link:hover{color:#3498db}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#f093fb,#f5576c);--primary-color:#667eea;--secondary-color:#f093fb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-accent:#f0f9ff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-focus:#667eea;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #667eea4d;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-accent:#1e293b;--border-color:#334155;--border-light:#475569}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#f8fafc;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;position:relative}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--space-md);width:100%}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--bg-primary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:100}.header-content{gap:2rem;gap:var(--space-xl);margin:0 auto;max-width:1400px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.header-content,.logo{align-items:center;display:flex}.logo{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:800;gap:.5rem;gap:var(--space-sm);text-decoration:none;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-size:var(--font-size-2xl)}.nav{display:flex;gap:.5rem;gap:var(--space-sm);margin-left:auto}.nav-link{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.nav-link,.nav-link:before{border-radius:.75rem;border-radius:var(--radius-lg)}.nav-link:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:-1}.nav-link.active:before,.nav-link:hover:before{opacity:.1}.nav-link.active,.nav-link:hover{color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.search-form{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);margin-left:1.5rem;margin-left:var(--space-lg)}.search-input{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#0f172a;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:300px}.search-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 20px #667eea4d;box-shadow:var(--shadow-glow);outline:none;transform:scale(1.02)}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:none;font-size:1.25rem;font-size:var(--font-size-xl);padding:.5rem;padding:var(--space-sm);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1.5rem;border-radius:var(--radius-2xl);color:#fff;margin:2rem 0;margin:var(--space-xl) 0;overflow:hidden;padding:4rem 2rem;padding:var(--space-3xl) var(--space-xl);position:relative}.hero-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-20%;top:-50%;transform:rotate(15deg);width:100%}.hero-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.hero-title{font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:900;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.7;opacity:.9}.hero-description,.hero-stats{margin-bottom:3rem;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-stats{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat{text-align:center}.stat-number{color:#fff;display:block;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;font-size:var(--font-size-sm);opacity:.8}.hero-categories{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;margin-top:var(--space-xl)}.hero-category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;text-align:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hero-category-card:before{background:linear-gradient(135deg,#fff3,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.hero-category-card:hover:before{opacity:1}.hero-category-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-8px) scale(1.02)}.hero-category-card .category-icon{font-size:1.875rem;font-size:var(--font-size-3xl);margin-bottom:1rem;margin-bottom:var(--space-md)}.hero-category-card .category-name{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.home-sections{display:flex;flex-direction:column;gap:4rem;gap:var(--space-3xl);margin:4rem 0;margin:var(--space-3xl) 0}.app-section{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-2xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.app-section:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.section-header{align-items:center;border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl);padding-bottom:1rem;padding-bottom:var(--space-md)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800}.section-description{color:#64748b;color:var(--text-tertiary);margin-top:.25rem;margin-top:var(--space-xs)}.section-description,.view-all-link{font-size:.875rem;font-size:var(--font-size-sm)}.view-all-link{border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#667eea;color:var(--primary-color);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.view-all-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;transform:translateX(4px)}.apps-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.app-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:inherit;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.app-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:0}.app-card:hover:before{opacity:.05}.app-card:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.app-card>*{position:relative;z-index:1}.app-card-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md)}.app-card-icon{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);flex-shrink:0;height:64px;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:64px}.app-card:hover .app-card-icon{transform:scale(1.1)}.app-card-info{flex:1 1;min-width:0}.app-card-info h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.app-card-info h3,.app-card-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-info p{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.app-card-meta{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.app-card-category{background:#667eea1a;border-radius:9999px;border-radius:var(--radius-full);color:#667eea;color:var(--primary-color);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.app-card-price{color:#10b981;color:var(--success-color);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700}.app-card-stats{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);color:#64748b;color:var(--text-tertiary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);justify-content:space-between;margin-top:auto;padding-top:1rem;padding-top:var(--space-md)}.app-downloads,.app-rating{align-items:center;display:flex;font-weight:500;gap:.25rem;gap:var(--space-xs)}.sample-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;right:1rem;right:var(--space-md);text-transform:uppercase;top:1rem;top:var(--space-md);z-index:2}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.category-section{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:4rem;margin-top:var(--space-3xl);padding:3rem;padding:var(--space-2xl)}.categories-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem;margin-top:var(--space-xl)}.category-card{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);color:inherit;display:flex;gap:1rem;gap:var(--space-md);overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.category-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.category-card:hover:before{opacity:.05}.category-card:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-card .category-icon{flex-shrink:0;font-size:1.5rem;font-size:var(--font-size-2xl);position:relative;z-index:1}.category-info{flex:1 1;position:relative;z-index:1}.category-name{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.category-count{color:#64748b;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.app-page,.category-page,.search-page{padding:2rem 0;padding:var(--space-xl) 0}.category-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1.5rem;border-radius:var(--radius-2xl);color:#fff;margin-bottom:2rem;margin-bottom:var(--space-xl);overflow:hidden;padding:4rem 2rem;padding:var(--space-3xl) var(--space-xl);position:relative}.category-hero{align-items:center;display:flex;gap:2rem;gap:var(--space-xl);position:relative;z-index:1}.category-hero .category-icon{flex-shrink:0;font-size:4rem}.category-info h1{font-size:clamp(1.5rem,4vw,2.25rem);font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:900;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.category-info p{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-md);opacity:.9}.app-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.category-filters,.search-filters{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.results-count{color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600}.filters-toggle{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#667eea;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.5rem;padding:var(--space-sm);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filters-toggle:hover{background:#667eea1a}.filters-content{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:none;margin-top:1rem;margin-top:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.filters-content.expanded,.filters-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg)}.filter-group{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.filter-label{color:#475569;color:var(--text-secondary);font-weight:600}.filter-label,.filter-select{font-size:.875rem;font-size:var(--font-size-sm)}.filter-select{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-select:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-checkbox{accent-color:#667eea;accent-color:var(--primary-color);transform:scale(1.2)}.clear-filters-btn{background:#f1f5f9;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.clear-filters-btn:hover{background:#fff;background:var(--bg-primary);border-color:#667eea;border-color:var(--primary-color);color:#667eea;color:var(--primary-color)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center;margin-top:4rem;margin-top:var(--space-3xl)}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.pagination-btn:disabled{background:#94a3b8;background:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.pagination-number{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;min-width:40px;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;transform:scale(1.1)}.pagination-number:hover:not(.active){background:#f0f9ff;background:var(--bg-accent);border-color:#667eea;border-color:var(--primary-color);transform:translateY(-1px)}.pagination-ellipsis{color:#94a3b8;color:var(--text-muted);font-weight:700;padding:.5rem;padding:var(--space-sm)}.app-details{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.app-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);display:flex;gap:2rem;gap:var(--space-xl);padding:3rem;padding:var(--space-2xl)}.app-icon-container{flex-shrink:0}.app-icon{border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:128px;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:128px}.app-icon:hover{transform:scale(1.05)}.app-info{flex:1 1}.app-title{color:#0f172a;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2.25rem);font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:900;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.app-developer{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-md)}.app-meta{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.app-category,.app-price,.app-rating{border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-transform:uppercase}.app-category{background:#667eea1a;color:#667eea;color:var(--primary-color)}.app-price{background:#10b9811a;color:#10b981;color:var(--success-color)}.app-rating{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.app-stats{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem;margin-bottom:var(--space-xl)}.app-stats .stat{background:#667eea0d;border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-md);text-align:center}.app-stats .stat-value{color:#0f172a;color:var(--text-primary);display:block;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:800;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.app-stats .stat-label{color:#64748b;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.app-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.download-btn,.share-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:.5rem;gap:var(--space-sm);letter-spacing:.05em;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-decoration:none;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.download-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);color:#fff;flex:1 1;justify-content:center}.share-btn{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#475569;color:var(--text-secondary)}.download-btn:hover,.share-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.app-tabs{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;padding:0 2rem;padding:0 var(--space-xl)}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;letter-spacing:.05em;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tab.active{border-bottom-color:#667eea;border-bottom-color:var(--primary-color)}.tab.active,.tab:hover{background:#667eea0d;color:#667eea;color:var(--primary-color)}.tab-content{padding:3rem;padding:var(--space-2xl)}.screenshots-container{margin-top:2rem;margin-top:var(--space-xl)}.screenshots-title{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.screenshots-grid{display:flex;gap:1rem;gap:var(--space-md);overflow-x:auto;padding-bottom:1rem;padding-bottom:var(--space-md);scroll-snap-type:x mandatory}.screenshot-wrapper{border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.screenshot-wrapper:hover{transform:scale(1.05)}.screenshot{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:320px;object-fit:cover;width:180px}.screenshot,.screenshot-overlay{border-radius:1rem;border-radius:var(--radius-xl)}.screenshot-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.screenshot-wrapper:hover .screenshot-overlay{opacity:1}.screenshot-zoom{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl)}.lightbox{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;padding:var(--space-xl);position:fixed;right:0;top:0;z-index:9999}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-image{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:80vh;max-width:100%;object-fit:contain}.lightbox-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1.5rem;font-size:var(--font-size-2xl);padding:1rem;padding:var(--space-md);position:absolute;right:0;top:-60px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-next,.lightbox-prev{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1.5rem;font-size:var(--font-size-2xl);padding:1.5rem;padding:var(--space-lg);position:absolute;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-next:hover,.lightbox-prev:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.lightbox-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:9999px;border-radius:var(--radius-full);bottom:-60px;color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;left:50%;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);position:absolute;transform:translateX(-50%)}.breadcrumb{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1rem 0;padding:var(--space-md) 0}.breadcrumb-list{flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex}.breadcrumb-link{border-radius:.5rem;border-radius:var(--radius-md);color:#667eea;color:var(--primary-color);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.breadcrumb-link:hover{background:#667eea1a}.breadcrumb-separator{color:#94a3b8;color:var(--text-muted);margin:0 .25rem;margin:0 var(--space-xs)}.breadcrumb-current,.breadcrumb-separator{font-size:.875rem;font-size:var(--font-size-sm)}.breadcrumb-current{color:#475569;color:var(--text-secondary);font-weight:600}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--text-primary) 0,#1e293b 100%);color:#fff;margin-top:4rem;margin-top:var(--space-3xl)}.footer-content{margin:0 auto;max-width:1200px;padding:4rem 2rem 1.5rem;padding:var(--space-3xl) var(--space-xl) var(--space-lg)}.footer-main{grid-gap:4rem;grid-gap:var(--space-3xl);display:grid;gap:4rem;gap:var(--space-3xl);grid-template-columns:1fr 2fr;margin-bottom:2rem;margin-bottom:var(--space-xl)}.footer-brand{max-width:400px}.footer-logo{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:800;gap:.5rem;gap:var(--space-sm);text-decoration:none}.footer-description,.footer-logo{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.footer-description{color:#fffc;font-size:1rem;font-size:var(--font-size-base);line-height:1.7}.footer-social{display:flex;gap:1rem;gap:var(--space-md)}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:48px;justify-content:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px}.social-link:hover{background:#fff3;transform:translateY(-2px)}.footer-sections{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.footer-section-title{color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.footer-link{color:#fffc;font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.footer-link:hover{color:#fff;transform:translateX(4px)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;padding-top:var(--space-xl)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:space-between}.footer-copyright{color:#fffc;font-size:.875rem;font-size:var(--font-size-sm);margin:0}.footer-bottom-links{display:flex;gap:1.5rem;gap:var(--space-lg)}.footer-bottom-link{color:#fffc;font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.footer-bottom-link:hover{color:#fff}.demo-indicator,.fallback-indicator{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:center;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.fallback-indicator{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.demo-content,.fallback-content{align-items:center;display:flex;gap:1rem;gap:var(--space-md);text-align:left}.demo-icon,.fallback-icon{flex-shrink:0;font-size:1.5rem;font-size:var(--font-size-2xl)}.demo-text,.fallback-text{color:#9a3412}.fallback-text{color:#1e40af}.demo-text strong,.fallback-text strong{display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.demo-text p,.fallback-text p{font-size:.875rem;font-size:var(--font-size-sm);margin:0;opacity:.9}.loading-container,.page-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;padding:var(--space-3xl);text-align:center}.loading-spinner{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #667eea;border:3px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-color)}.spinner-small .spinner{border-width:2px;height:24px;width:24px}.spinner-medium .spinner{border-width:3px;height:40px;width:40px}.spinner-large .spinner{border-width:4px;height:64px;width:64px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#475569;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin:0}.app-not-found,.no-results{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:4rem;padding:var(--space-3xl);text-align:center}.no-results-icon,.not-found-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg);opacity:.6}.app-not-found h2,.no-results h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.app-not-found p,.no-results p{color:#475569;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin-bottom:2rem;margin-bottom:var(--space-xl)}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:.5rem;gap:var(--space-sm);padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.btn-secondary{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#475569;color:var(--text-secondary)}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}@media (max-width:1024px){.main-content{padding:0 1.5rem;padding:0 var(--space-lg)}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:1rem;gap:var(--space-md);padding:1rem;padding:var(--space-md)}.nav{background:#fff;background:var(--bg-primary);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:none;flex-direction:column;left:0;padding:1.5rem;padding:var(--space-lg);position:absolute;right:0;top:100%}.nav.nav-open{display:flex}.search-form{margin-left:0;order:3;width:100%}.search-input{width:100%}.mobile-menu-button{display:block;margin-left:auto}.hero-content{padding:2rem 1rem;padding:var(--space-xl) var(--space-md)}.hero-stats{grid-template-columns:repeat(2,1fr)}.apps-grid,.categories-grid,.hero-categories{grid-template-columns:1fr}.category-hero{gap:1.5rem;gap:var(--space-lg)}.app-header,.category-hero{flex-direction:column;text-align:center}.app-header{align-items:center}.app-icon{height:96px;width:96px}.app-stats{grid-template-columns:repeat(2,1fr)}.app-actions{flex-direction:column}.filters-content.expanded,.filters-controls{align-items:flex-start;flex-direction:column}.filters-controls{width:100%}.pagination{flex-direction:column}.screenshots-grid{gap:.5rem;gap:var(--space-sm)}.screenshot{height:250px;width:140px}.lightbox-prev{left:1rem;left:var(--space-md)}.lightbox-next{right:1rem;right:var(--space-md)}.footer-main{gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr}.footer-sections{grid-template-columns:repeat(2,1fr)}.demo-content,.fallback-content,.footer-bottom-content{flex-direction:column;text-align:center}}@media (max-width:480px){.main-content{padding:0 1rem;padding:0 var(--space-md)}.hero-content{padding:1.5rem .5rem;padding:var(--space-lg) var(--space-sm)}.hero-stats{gap:1rem;gap:var(--space-md);grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.app-card-header,.section-header{gap:.5rem;gap:var(--space-sm)}.app-card-icon{height:48px;width:48px}.app-card-meta{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.app-icon{height:80px;width:80px}.app-stats,.footer-sections{grid-template-columns:1fr}.screenshot{height:200px;width:120px}}@media (prefers-contrast:high){:root{--border-color:#000;--text-secondary:#000}.app-card,.category-card{border-color:#000;border-width:2px}.nav-link.active{background:#667eea;background:var(--primary-color);color:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:#0000}}@media print{.footer,.header,.mobile-menu-button,.search-form{display:none}.main-content{max-width:none;padding:0}.app-card,.category-card{border:1px solid #000;box-shadow:none}}:focus,a:focus,button:focus,input:focus,select:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.enhanced-pagination{align-items:center;background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);margin-top:4rem;margin-top:var(--space-3xl);padding:2rem;padding:var(--space-xl)}.pagination-info{font-size:.875rem;font-size:var(--font-size-sm)}.quick-jump{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.quick-jump button{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.quick-jump button:hover:not(:disabled){background:#667eea;background:var(--primary-color);border-color:#667eea;border-color:var(--primary-color);color:#fff}.quick-jump button:disabled{cursor:not-allowed;opacity:.5}.page-jump input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-align:center;width:120px}.page-jump input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.enhanced-pagination{padding:1rem;padding:var(--space-md)}.quick-jump{justify-content:center}.pagination{flex-direction:column;gap:1rem;gap:var(--space-md)}.pagination-numbers{justify-content:center;order:2}}.optimized-pagination{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);margin:4rem 0;margin:var(--space-3xl) 0;padding:2rem;padding:var(--space-xl)}.pagination-info{color:#475569;color:var(--text-secondary);text-align:center}.pagination-info p{font-size:.875rem;font-size:var(--font-size-sm);margin:.25rem 0;margin:var(--space-xs) 0}.page-indicator{color:#0f172a;color:var(--text-primary);font-weight:600}.quick-nav{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center}.nav-btn{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.nav-btn:hover:not(:disabled){background:#667eea;background:var(--primary-color);border-color:#667eea;border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.nav-btn:disabled{background:#f1f5f9;background:var(--bg-tertiary);cursor:not-allowed;opacity:.4}.page-jump{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center}.page-jump label{color:#475569;color:var(--text-secondary)}.page-input,.page-jump label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.page-input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-align:center;width:150px}.page-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.search-error{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #f56565;border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl);text-align:center}.search-error h3{color:#e53e3e}.search-error h3,.search-error p{margin-bottom:1rem;margin-bottom:var(--space-md)}.search-error p{color:#c53030}.retry-btn{background:#e53e3e;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.retry-btn:hover{background:#c53030;transform:translateY(-2px)}@media (max-width:768px){.optimized-pagination{padding:1rem;padding:var(--space-md)}.quick-nav{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:1rem;gap:var(--space-md)}.pagination-numbers{justify-content:center}.page-jump{flex-direction:column;text-align:center}}
/*# sourceMappingURL=main.4df895d3.css.map*/