@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--font-heading:"Sora", "Outfit", system-ui, -apple-system, sans-serif;--font-body:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--bg-base:#06050b;--bg-base-radial:radial-gradient(circle at 50% 50%, #15102a 0%, #06050b 100%);--bg-panel:#12101ca6;--bg-panel-hover:#1a1828d9;--bg-modal:#0a0812f2;--border-color:#ffffff0f;--border-color-hover:#ffffff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-indigo:#6366f1;--accent-teal:#14b8a6;--accent-violet:#8b5cf6;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #14b8a6 100%);--text-gradient:linear-gradient(135deg, #fff 30%, #a5b4fc 100%);--panel-glow:0 12px 40px 0 #00000080;--card-glow-indigo:0 0 20px #6366f11a;--card-glow-teal:0 0 20px #1476a61a;--card-glow-violet:0 0 20px #8b5cf61a;--card-glow-amber:0 0 20px #f59e0b1a;--transition-bezier:all .4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-base);background-image:var(--bg-base-radial);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--panel-glow);transition:var(--transition-bezier);border-radius:20px}.glass-panel:hover{border-color:var(--border-color-hover);background:var(--bg-panel-hover)}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;margin-bottom:60px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--accent-gradient);width:44px;height:44px;font-family:var(--font-heading);color:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;box-shadow:0 0 20px #6366f166}.brand-name{background:var(--text-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:24px;font-weight:800}.header-controls{align-items:center;gap:16px;display:flex}.lang-selector{border:1px solid var(--border-color);background:#ffffff0a;border-radius:30px;padding:4px;display:flex;position:relative}.lang-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-bezier);z-index:1;background:0 0;border:none;border-radius:25px;padding:6px 14px;font-size:13px;font-weight:600}.lang-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 10px #0003}.hero-section{text-align:center;margin-bottom:60px;animation:.9s cubic-bezier(.16,1,.3,1) forwards fadeIn}.hero-title{background:var(--text-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:clamp(16px,2vw,18px)}.controls-bar{flex-direction:column;gap:20px;margin-bottom:40px;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.search-box-wrapper{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-box{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-body);transition:var(--transition-bezier);background:#ffffff08;border-radius:16px;outline:none;padding:16px 20px 16px 48px;font-size:15px}.search-box:focus{background:#ffffff0d;border-color:#6366f180;box-shadow:0 0 25px #6366f126}.filters-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-bezier);background:#ffffff08;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:500}.filter-btn:hover{border-color:var(--border-color-hover);color:#fff}.filter-btn.active{color:#fff;background:#ffffff14;border-color:#fff3;box-shadow:0 4px 15px #00000040}.app-stats{color:var(--text-muted);font-size:14px}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin-bottom:80px;animation:1.1s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:grid}.app-card{cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;padding:28px;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--card-accent,var(--accent-indigo));border-top-left-radius:20px;border-bottom-left-radius:20px;width:4px;height:100%;position:absolute;top:0;left:0}.app-card:hover{box-shadow:var(--panel-glow), var(--card-glow,var(--card-glow-indigo));transform:translateY(-6px)}.card-top{margin-bottom:24px}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--card-accent,var(--accent-indigo));background:#ffffff08;border:1px solid #ffffff08;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.card-rating{color:var(--accent-amber);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.card-title{color:#fff;transition:var(--transition-bezier);margin-bottom:10px;font-size:20px;font-weight:700}.app-card:hover .card-title{color:var(--card-accent,var(--accent-indigo))}.card-tagline{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{flex-direction:column;gap:16px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{color:var(--text-secondary);border:1px solid var(--border-color);transition:var(--transition-bezier);background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.tag-badge:hover{color:#fff;background:#ffffff14}.card-action{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.action-btn-text{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.action-btn-text svg{width:14px;height:14px;transition:transform .3s}.app-card:hover .action-btn-text svg{color:var(--card-accent,var(--accent-indigo));transform:translate(4px)}.empty-state{text-align:center;padding:80px 24px;animation:.5s fadeIn}.empty-state-icon{color:var(--text-muted);margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.empty-state p{color:var(--text-secondary)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#040308d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s forwards overlayFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-modal);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:820px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000b3}.modal-header-banner{background:var(--modal-accent,var(--accent-indigo));width:100%;height:8px}.modal-close-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-bezier);background:#ffffff08;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{color:#fff;border-color:var(--border-color-hover);background:#ffffff14;transform:rotate(90deg)}.modal-body{padding:40px}.modal-app-info{margin-bottom:30px}.modal-app-category{color:var(--modal-accent,var(--accent-indigo));letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.modal-app-title{color:#fff;margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:800}.modal-app-tagline{color:var(--text-secondary);font-size:16px;line-height:1.5}.modal-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-divider{background:#ffffff0f;height:1px;margin:30px 0}.modal-sections-grid{flex-direction:column;gap:28px;display:flex}.modal-section-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.modal-section-title:before{content:"";background:var(--modal-accent,var(--accent-indigo));border-radius:2px;width:6px;height:14px;display:inline-block}.modal-section-content{color:var(--text-secondary);font-size:15px;line-height:1.6}.features-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;list-style:none;display:grid}.features-list li{color:var(--text-secondary);padding-left:20px;position:relative}.features-list li:before{content:"✓";color:var(--modal-accent,var(--accent-indigo));font-weight:700;position:absolute;top:0;left:0}.modal-footer{justify-content:flex-end;gap:16px;margin-top:40px;display:flex}.btn-primary{background:var(--modal-accent,var(--accent-indigo));color:#fff;font-family:var(--font-body);cursor:pointer;transition:var(--transition-bezier);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 15px #0003}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.app-footer{color:var(--text-muted);border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:40px 0 20px;font-size:14px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.footer-logo{color:var(--text-secondary);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.app-header{margin-bottom:40px}.controls-bar{gap:16px}.filters-wrapper{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%}.app-stats{align-self:flex-end}.apps-grid{grid-template-columns:1fr;gap:20px}.modal-body{padding:28px}}