@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#0a0914;--bg-card:#ffffff08;--bg-card-hover:#ffffff12;--border-color:#ffffff14;--border-color-hover:#ffffff2e;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-subtle:#6b7280;--accent-purple:#9d4edd;--accent-teal:#00f5d4;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg, #7b2cbf 0%, #3f37c9 100%);--gradient-accent:linear-gradient(135deg, #00f5d4 0%, #00bbf9 100%);--gradient-glow:radial-gradient(circle at 50% 50%, #9d4edd26 0%, transparent 70%);--font-title:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--max-width:1200px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-glow:0 8px 32px 0 #0000005e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);max-width:100vw;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#9d4edd1f 0%,#0000 70%);height:500px;position:absolute;top:0;left:0;right:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 100%,#00f5d40a 0%,#0000 70%);height:500px;position:absolute;bottom:0;left:0;right:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;color:#fff;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:3rem}.logo-container{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.logo-badge{background:var(--gradient-accent);color:var(--bg-main);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);transition:var(--transition);padding:1.75rem;position:relative;overflow:hidden}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-3px);box-shadow:0 12px 40px #00000080}.glass-card:before{content:"";width:100%;height:4px;transition:var(--transition);background:0 0;position:absolute;top:0;left:0}.glass-card:hover:before{background:var(--gradient-primary)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.input-group{border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:700px;box-shadow:var(--shadow-glow);background:#ffffff05;gap:1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding:.5rem;display:flex}.text-input{color:var(--text-main);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem}.text-input::placeholder{color:var(--text-subtle)}.select-input{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:var(--transition);outline:none;padding:.75rem 1.25rem}.select-input:hover{border-color:var(--border-color-hover)}.search-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-title);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.search-btn:hover{opacity:.9;transform:scale(1.02)}.pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;display:flex}.page-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-title);cursor:pointer;transition:var(--transition);padding:.6rem 1.2rem;font-weight:500}.page-btn:hover:not(:disabled){border-color:var(--border-color-hover);background:var(--bg-card-hover)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-indicator{font-family:var(--font-title);color:var(--text-muted);font-weight:500}.badge{color:var(--text-muted);background:#ffffff14;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-purple{color:#d8b4fe;background:#9d4edd26;border:1px solid #9d4edd4d}.badge-teal{color:#99f6e4;background:#00f5d41a;border:1px solid #00f5d440}.badge-blue{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}