:root{--bg-dark:#090a16;--bg-deep:#0e1124;--bg-card:rgba(20,24,48,0.65);--bg-card-hover:rgba(28,34,68,0.85);--bg-card-disabled:rgba(16,18,36,0.45);--gold-primary:#e5b869;--gold-light:#f6d89b;--gold-dark:#b88d43;--gold-glow:rgba(229,184,105,0.25);--purple-glow:rgba(124,58,237,0.22);--blue-glow:rgba(56,189,248,0.18);--text-primary:#f8fafc;--text-secondary:#c5cadf;--text-muted:#848ca9;--text-disabled:#585e78;--border-subtle:rgba(255,255,255,0.08);--border-hover:rgba(229,184,105,0.45);--border-card:rgba(255,255,255,0.07);--badge-popular-bg:linear-gradient(135deg,#d97706,#b45309);--badge-new-bg:linear-gradient(135deg,#059669,#0d9488);--badge-coming-bg:rgba(71,85,105,0.6);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:0.18s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.28s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.35s cubic-bezier(0.34,1.56,0.64,1);--max-width:1140px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Prompt','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glow-backdrop{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:0.7}.glow-top-left{top:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(109,40,217,0.35) 0%,rgba(15,23,42,0) 70%)}.glow-top-right{top:-100px;right:-80px;width:480px;height:480px;background:radial-gradient(circle,var(--gold-glow) 0%,rgba(15,23,42,0) 70%)}.glow-center{top:40%;left:50%;transform:translate(-50%,-50%);width:650px;height:650px;background:radial-gradient(circle,var(--blue-glow) 0%,rgba(15,23,42,0) 70%);opacity:0.45}.site-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.header-container,.main-container,.footer-container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.site-header{padding-top:56px;padding-bottom:24px;text-align:center}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);background:rgba(229,184,105,0.1);border:1px solid rgba(229,184,105,0.28);color:var(--gold-light);font-size:0.8rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;box-shadow:0 0 16px rgba(229,184,105,0.1)}.brand-icon{width:15px;height:15px;color:var(--gold-primary)}.site-title{font-size:2.85rem;font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:10px;background:linear-gradient(135deg,#ffffff 40%,var(--gold-light) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 35px rgba(229,184,105,0.2)}.site-slogan{font-size:1.08rem;color:var(--text-secondary);font-weight:300;max-width:580px;margin:0 auto 36px auto;line-height:1.6}.search-box-wrapper{max-width:560px;margin:0 auto 30px auto}.search-input-group{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.search-input{width:100%;padding:15px 46px 15px 50px;font-family:inherit;font-size:0.98rem;color:var(--text-primary);background:rgba(22,26,52,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);outline:none;box-shadow:0 8px 32px rgba(0,0,0,0.25);transition:all var(--transition-normal)}.search-input::placeholder{color:var(--text-muted);font-weight:300}.search-input:focus{border-color:var(--gold-primary);background:rgba(26,31,62,0.9);box-shadow:0 0 0 3px rgba(229,184,105,0.2),0 10px 30px rgba(0,0,0,0.35)}.search-input:focus + .search-icon,.search-input-group:focus-within .search-icon{color:var(--gold-primary)}.clear-search-btn{position:absolute;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-search-btn:hover{background:rgba(255,255,255,0.2);color:var(--text-primary)}.clear-icon{width:16px;height:16px}.category-nav{margin-top:10px;display:flex;justify-content:center}.category-tabs-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:4px}.category-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:0.88rem;font-weight:500;color:var(--text-secondary);background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);user-select:none;white-space:nowrap}.category-tab svg{width:15px;height:15px;transition:transform var(--transition-bounce)}.category-tab:hover{background:rgba(255,255,255,0.09);color:var(--text-primary);border-color:rgba(255,255,255,0.2);transform:translateY(-1px)}.category-tab.active{background:linear-gradient(135deg,rgba(229,184,105,0.22),rgba(229,184,105,0.08));border-color:var(--gold-primary);color:var(--gold-light);font-weight:600;box-shadow:0 0 16px rgba(229,184,105,0.18)}.category-tab.active svg{transform:scale(1.15);color:var(--gold-primary)}.results-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle)}.results-count{font-size:0.88rem;color:var(--text-muted);font-weight:400}.main-container{flex:1;padding-top:10px;padding-bottom:60px}.app-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:640px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.app-grid{grid-template-columns:repeat(3,1fr)}}.app-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:24px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:all var(--transition-normal)}.app-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(255,255,255,0.02) 60%,rgba(229,184,105,0.25));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0.8;transition:opacity var(--transition-normal)}.app-card.is-active:hover{transform:translateY(-6px);background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 18px 40px rgba(0,0,0,0.4),0 0 24px rgba(229,184,105,0.16)}.app-card.is-active:hover::before{opacity:1;background:linear-gradient(135deg,var(--gold-primary),rgba(255,255,255,0.1) 50%,rgba(124,58,237,0.5))}.app-card.is-inactive{background:var(--bg-card-disabled);opacity:0.65;cursor:not-allowed;filter:grayscale(25%)}.app-card.is-inactive:hover{transform:none;box-shadow:0 10px 30px rgba(0,0,0,0.2);border-color:var(--border-card)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.card-icon-box{width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(229,184,105,0.15),rgba(124,58,237,0.15));border:1px solid rgba(229,184,105,0.2);display:flex;align-items:center;justify-content:center;color:var(--gold-light);box-shadow:0 4px 16px rgba(0,0,0,0.15);transition:all var(--transition-bounce)}.card-icon-box svg{width:26px;height:26px;stroke-width:1.8}.app-card.is-active:hover .card-icon-box{transform:scale(1.08) rotate(3deg);background:linear-gradient(135deg,rgba(229,184,105,0.28),rgba(124,58,237,0.28));border-color:var(--gold-primary);color:#fff;box-shadow:0 0 20px rgba(229,184,105,0.3)}.card-badges-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.card-badge{font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:0.04em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,0.25);display:inline-flex;align-items:center;gap:4px}.badge-popular{background:var(--badge-popular-bg);color:#fff;border:1px solid rgba(251,191,36,0.4)}.badge-new{background:var(--badge-new-bg);color:#fff;border:1px solid rgba(52,211,153,0.4)}.badge-featured{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:1px solid rgba(167,139,250,0.4)}.badge-coming{background:var(--badge-coming-bg);color:#cbd5e1;border:1px solid rgba(148,163,184,0.25)}.card-category-tag{font-size:0.75rem;color:var(--text-muted);background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:var(--radius-sm);font-weight:400}.card-content{flex:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.35;transition:color var(--transition-fast)}.app-card.is-active:hover .card-title{color:var(--gold-light)}.card-description{font-size:0.9rem;color:var(--text-secondary);font-weight:300;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,0.05)}.card-action-text{font-size:0.88rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;color:var(--gold-primary);transition:transform var(--transition-fast),color var(--transition-fast)}.card-action-text svg{width:16px;height:16px;transition:transform var(--transition-bounce)}.app-card.is-active:hover .card-action-text{color:#fff;transform:translateX(3px)}.app-card.is-active:hover .card-action-text svg{transform:translateX(4px)}.app-card.is-inactive .card-action-text{color:var(--text-disabled);font-weight:400}.empty-state{text-align:center;padding:60px 20px;background:rgba(20,24,48,0.4);border:1px dashed rgba(255,255,255,0.1);border-radius:var(--radius-lg);margin:30px 0}.empty-state-icon{width:68px;height:68px;margin:0 auto 16px auto;border-radius:50%;background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state-desc{font-size:0.92rem;color:var(--text-muted);max-width:400px;margin:0 auto 20px auto}.reset-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:0.9rem;font-weight:500;color:var(--bg-dark);background:var(--gold-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.reset-filter-btn:hover{background:var(--gold-light);box-shadow:0 0 16px rgba(229,184,105,0.4);transform:translateY(-2px)}.reset-filter-btn svg{width:16px;height:16px}.site-footer{border-top:1px solid var(--border-subtle);background:rgba(9,10,22,0.8);backdrop-filter:blur(8px);padding:30px 0 36px 0;margin-top:auto;text-align:center}.footer-links{margin-bottom:12px}.footer-brand-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold-light);text-decoration:none;font-size:0.95rem;font-weight:600;letter-spacing:0.02em;padding:4px 12px;border-radius:var(--radius-sm);background:rgba(229,184,105,0.08);border:1px solid rgba(229,184,105,0.2);transition:all var(--transition-fast)}.footer-brand-link:hover{background:rgba(229,184,105,0.18);border-color:var(--gold-primary);box-shadow:0 0 14px rgba(229,184,105,0.25);transform:translateY(-1px)}.footer-external-icon{width:14px;height:14px}.footer-credit{font-size:0.82rem;color:var(--text-muted);font-weight:300}.hidden{display:none !important}@media (max-width:640px){.site-header{padding-top:36px}.site-title{font-size:2.15rem}.site-slogan{font-size:0.95rem;padding:0 10px}.search-input{padding:13px 40px 13px 44px;font-size:0.92rem}.category-tabs-container{overflow-x:auto;justify-content:flex-start;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs-container::-webkit-scrollbar{display:none}.app-card{padding:20px}}