@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#030207;--bg-gradient-start:#06050e;--bg-gradient-end:#020106;--card-bg:#141226a6;--card-bg-hover:#1c1934d9;--card-border:#ffffff1a;--card-border-hover:#6366f159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-rose:#f43f5e;--accent-rose-rgb:244, 63, 94;--accent-emerald:#10b981;--accent-amber:#f59e0b;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 80% 20%, #6366f114 0%, transparent 40%), radial-gradient(circle at 15% 70%, #a855f70d 0%, transparent 45%), linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px -10px #0009,0 0 25px -5px #6366f126}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0f}.nav-link.active{border:1px solid #ffffff0d;box-shadow:inset 0 1px #ffffff1a}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;display:grid}.item-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);height:100%;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.item-card:hover{background:var(--card-bg-hover);transform:translateY(-4px)}.item-card.highlight{border-color:#6366f199;box-shadow:0 0 35px -5px #6366f159,inset 0 0 15px #6366f126}.item-card.cat-app{border-color:#6366f138;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #6366f10d}.item-card.cat-app:hover{border-color:#6366f18c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #6366f140}.item-card.cat-news{border-color:#f43f5e38;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #f43f5e0d}.item-card.cat-news:hover{border-color:#f43f5e8c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #f43f5e40}.item-card.cat-recommend{border-color:#10b98138;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #10b9810d}.item-card.cat-recommend:hover{border-color:#10b9818c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #10b98140}.item-card.cat-insight{border-color:#f59e0b38;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #f59e0b0d}.item-card.cat-insight:hover{border-color:#f59e0b8c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #f59e0b40}.badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:8px;align-items:center;padding:5px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.badge.app{color:#a5b4fc;background:#6366f11f;border-color:#6366f140}.badge.news{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e40}.badge.recommend{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.badge.insight{color:#fde047;background:#f59e0b1f;border-color:#f59e0b40}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.input-field{width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:.9rem}.input-field:focus{border-color:var(--accent-indigo);background:#ffffff12;box-shadow:0 0 15px -3px #6366f140}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.pulse-glow{animation:4s ease-in-out infinite pulseGlow}.glow-text-rose{text-shadow:0 0 15px #f43f5e4d}.glow-text-indigo{text-shadow:0 0 15px #6366f14d}.spinner{border:3px solid #ffffff0d;border-top-color:var(--accent-indigo);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.spinner.rose{border-top-color:var(--accent-rose)}@keyframes spin{to{transform:rotate(360deg)}}.container-max{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}