@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:#030206;--bg-base-radial:radial-gradient(circle at 10% 20%, #6366f126 0%, transparent 40%), radial-gradient(circle at 90% 80%, #14b8a61f 0%, transparent 40%), radial-gradient(circle at 50% 50%, #8b5cf61a 0%, transparent 60%), linear-gradient(180deg, #030206 0%, #08070d 100%);--bg-panel:#0e0c1873;--bg-panel-hover:#161326a6;--bg-modal:#08070fd9;--border-color:#ffffff0d;--border-color-hover:#ffffff1f;--border-gradient:linear-gradient(135deg, #ffffff14 0%, #ffffff05 100%);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-indigo:#818cf8;--accent-teal:#2dd4bf;--accent-violet:#a78bfa;--accent-amber:#fbbf24;--accent-rose:#fb7185;--accent-gradient:linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #2dd4bf 100%);--text-gradient:linear-gradient(135deg, #fff 10%, #e2e8f0 50%, #94a3b8 100%);--neon-glow-indigo:0 0 30px #818cf826;--panel-glow:0 20px 50px -12px #000c;--transition-bezier:all .5s 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}body:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff01 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#030206}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);box-shadow:var(--panel-glow);transition:var(--transition-bezier);border:1px solid #ffffff0a;border-radius:24px;position:relative}.glass-panel:after{content:"";background:var(--border-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel:hover{background:var(--bg-panel-hover);border-color:#ffffff14}.app-container{z-index:2;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:60px 24px;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;margin-bottom:80px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{background:var(--accent-gradient);width:46px;height:46px;font-family:var(--font-heading);color:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:relative;box-shadow:0 8px 30px #818cf84d}.brand-logo:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff4d,#fff0);border-radius:14px;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.brand-name{background:var(--text-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;font-size:26px;font-weight:800}.lang-selector{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:30px;padding:3px;display:flex}.lang-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:var(--transition-bezier);background:0 0;border:none;border-radius:25px;padding:6px 16px;font-size:12px;font-weight:600}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{color:#fff;background:#ffffff0f;box-shadow:0 4px 15px #0000004d}.hero-section{text-align:center;margin-bottom:70px;animation:.9s cubic-bezier(.16,1,.3,1) forwards fadeIn}.hero-title{background:var(--text-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(34px,6vw,56px);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);opacity:.85;max-width:680px;margin:0 auto;font-size:clamp(15px,2.5vw,17px);line-height:1.6}.controls-bar{flex-direction:column;gap:24px;margin-bottom:50px;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);width:18px;height:18px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-box{color:#fff;width:100%;font-family:var(--font-body);transition:var(--transition-bezier);background:#0e0c184d;border:1px solid #ffffff08;border-radius:20px;outline:none;padding:18px 24px 18px 52px;font-size:15px;box-shadow:inset 0 2px 8px #0003}.search-box:focus{background:#0e0c1880;border-color:#818cf866;box-shadow:inset 0 2px 8px #0003,0 0 35px #818cf81a}.filters-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.filter-tabs{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-bezier);background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;padding:10px 20px;font-size:14px;font-weight:500}.filter-btn:hover{color:#fff;background:#ffffff0a;border-color:#ffffff14}.filter-btn.active{color:#fff;background:#ffffff0f;border-color:#ffffff26;box-shadow:0 8px 25px #0006}.app-stats{color:var(--text-muted);letter-spacing:.02em;font-size:13px;font-weight:500}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;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:32px;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--card-accent,var(--accent-indigo));width:8px;height:8px;box-shadow:0 0 12px var(--card-accent,var(--accent-indigo));opacity:.7;border-radius:50%;position:absolute;top:24px;right:24px}.app-card:hover{box-shadow:var(--panel-glow), 0 15px 40px -10px #00000080, var(--card-glow,var(--neon-glow-indigo));transform:translateY(-8px)}.card-top{margin-bottom:28px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-category{text-transform:uppercase;letter-spacing:.12em;color:var(--card-accent,var(--accent-indigo));background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800}.card-rating{color:var(--accent-amber);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.card-title{color:#fff;transition:var(--transition-bezier);letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:700}.app-card:hover .card-title{background:linear-gradient(90deg, #fff 0%, var(--card-accent,var(--accent-indigo)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.card-tagline{color:var(--text-secondary);-webkit-line-clamp:3;opacity:.85;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{flex-direction:column;gap:20px;display:flex}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-badge{color:var(--text-secondary);transition:var(--transition-bezier);background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600}.tag-badge:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.card-action{border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.action-btn-text{color:#fff;letter-spacing:.02em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.action-btn-text svg{width:15px;height:15px;color:var(--text-muted);transition:transform .4s cubic-bezier(.16,1,.3,1)}.app-card:hover .action-btn-text svg{color:var(--card-accent,var(--accent-indigo));transform:translate(6px)}.empty-state{text-align:center;padding:100px 24px;animation:.5s fadeIn}.empty-state-icon{color:var(--text-muted);opacity:.5;margin-bottom:20px;font-size:56px}.empty-state h3{color:var(--text-primary);margin-bottom:10px;font-size:22px}.modal-overlay{-webkit-backdrop-filter:blur(28px);z-index:100;background:#020204bf;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 #ffffff0d;border-radius:30px;width:100%;max-width:840px;max-height:90vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 30px 70px -10px #000000e6,inset 0 1px #ffffff14}.modal-close-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-bezier);background:#ffffff05;border:1px solid #ffffff0d;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:28px;right:28px}.modal-close-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:rotate(90deg)scale(1.05)}.modal-body{padding:48px}.modal-app-info{margin-bottom:36px}.modal-app-category{color:var(--modal-accent,var(--accent-indigo));letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.modal-app-title{color:#fff;letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(26px,5vw,36px);font-weight:800}.modal-app-tagline{color:var(--text-secondary);opacity:.9;font-size:16px;line-height:1.6}.modal-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.modal-divider{background:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%);height:1px;margin:36px 0}.modal-sections-grid{flex-direction:column;gap:36px;display:flex}.modal-section-title{color:#fff;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}.modal-section-title:before{content:"";background:var(--modal-accent,var(--accent-indigo));width:5px;height:14px;box-shadow:0 0 8px var(--modal-accent,var(--accent-indigo));border-radius:4px;display:inline-block}.modal-section-content{color:var(--text-secondary);opacity:.95;font-size:15px;line-height:1.7}.features-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;list-style:none;display:grid}.features-list li{color:var(--text-secondary);padding-left:24px;font-size:14px;position:relative}.features-list li:before{content:"✦";color:var(--modal-accent,var(--accent-indigo));box-shadow:0 0 6px var(--modal-accent,var(--accent-indigo));position:absolute;top:0;left:0}select.search-box,textarea.search-box{background:#0e0c1866!important;border-color:#ffffff0a!important;box-shadow:inset 0 2px 8px #0000004d!important}select.search-box:focus,textarea.search-box:focus{border-color:#818cf866!important;box-shadow:inset 0 2px 8px #0000004d,0 0 30px #818cf814!important}.modal-footer{justify-content:flex-end;gap:16px;margin-top:48px;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:14px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #818cf866}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 12px 30px -4px #818cf880}.btn-primary:active{transform:translateY(-1px)}.app-footer{color:var(--text-muted);border-top:1px solid #ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:60px 0 20px;font-size:13px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.footer-logo{color:var(--text-secondary);letter-spacing:-.02em;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.97)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.app-container{padding:40px 16px}.app-header{margin-bottom:50px}.controls-bar{gap:20px}.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:24px}.modal-body{padding:32px 24px}}