@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-deep: #050508;--bg-dark: #0c0d12;--bg-surface: #12141c;--bg-elevated: #1a1d28;--glass-bg: rgba(255, 255, 255, .02);--glass-bg-strong: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .06);--glass-border-strong: rgba(255, 255, 255, .12);--primary: #7c3aed;--primary-light: #a78bfa;--primary-glow: rgba(124, 58, 237, .4);--secondary: #ec4899;--secondary-light: #f472b6;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .3);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-dim: #475569;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--shadow-glow: 0 0 60px -12px var(--primary-glow);--shadow-card: 0 4px 24px -8px rgba(0, 0, 0, .5);--shadow-elevated: 0 16px 48px -12px rgba(0, 0, 0, .8);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light) 0%,var(--secondary-light) 100%)}.text-gradient{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-subtle{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--glass-border-strong)}.landing-bg{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(6,182,212,.06) 0%,transparent 50%),var(--bg-deep);z-index:0}.landing-bg:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;transition:var(--transition-smooth);padding-bottom:4rem;z-index:10}nav.glass{position:sticky;top:1rem;z-index:100;margin:1rem 1.5rem 0;padding:.875rem 1.5rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card)}nav .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.sidebar{width:280px;height:100vh;position:sticky;top:0;z-index:50;transition:var(--transition-smooth);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--glass-bg) 0%,transparent 100%)}.sidebar.collapsed{width:80px}.sidebar-content{padding:2rem 1.25rem;display:flex;flex-direction:column;gap:2.5rem;overflow-y:auto;height:100%}.sidebar.collapsed .sidebar-hide{display:none}.sidebar-toggle{position:absolute;right:-14px;top:2.5rem;width:28px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:60;border:2px solid var(--bg-deep);box-shadow:0 4px 12px var(--primary-glow);transition:var(--transition-fast)}.sidebar-toggle:hover{transform:scale(1.1)}.search-container{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:var(--transition-fast)}.search-input{width:100%;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:.875rem 1rem .875rem 2.75rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-input:focus+.search-icon,.search-input:focus~.search-icon{color:var(--primary)}.filter-group{display:flex;flex-direction:column;gap:.875rem}.filter-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em;padding-left:.25rem}.filter-button{width:100%;text-align:left;padding:.75rem 1rem;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.875rem}.filter-button:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--glass-border)}.filter-button.active{background:linear-gradient(135deg,#7c3aed26,#ec48991a);color:var(--primary-light);border-color:var(--primary-glow);box-shadow:0 0 20px -8px var(--primary-glow)}.filter-button.active svg{color:var(--primary)}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast);border:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 20px -4px var(--primary-glow)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px -4px var(--primary-glow)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--glass-border-strong)}.card{position:relative;padding:1.75rem;border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-base);overflow:hidden;display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(124,58,237,.03) 0%,transparent 50%);opacity:0;transition:var(--transition-base)}.card:hover{border-color:var(--glass-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-elevated),var(--shadow-glow)}.card:hover:before{opacity:1}.card .status-badge{position:absolute;top:1rem;right:1rem;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.375rem .75rem;border-radius:100px}.card .status-badge.live{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--success);border:1px solid rgba(16,185,129,.3)}.card .status-badge.dev{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.card .icon-container{width:120px;height:56px;border-radius:var(--radius-lg);background:var(--glass-bg-strong);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.25rem;transition:var(--transition-base);padding:0 12px;overflow:hidden}.card .icon-container img{max-width:100%;max-height:32px;width:auto;height:auto;object-fit:contain;display:block}.card:hover .icon-container{transform:scale(1.05);border-color:var(--primary-glow);box-shadow:0 0 20px -4px var(--primary-glow)}.card h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;transition:var(--transition-fast)}.card:hover h3{color:var(--primary-light)}.card .description{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.card .actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card .category-tag{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);padding-top:1rem;border-top:1px solid var(--glass-border)}.hero{text-align:center;padding:4rem 1.5rem 3rem}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;margin-bottom:1rem;position:relative}.hero .subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--glass-border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{background:var(--glass-bg);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--glass-border-strong);border-radius:var(--radius-2xl);padding:3rem;width:100%;max-width:420px;box-shadow:var(--shadow-elevated)}.login-card .logo-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:#fff;margin:0 auto 1.5rem;box-shadow:0 8px 32px var(--primary-glow)}.login-card h2{font-size:1.75rem;text-align:center;margin-bottom:.5rem}.login-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem}.login-card label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;margin-left:.25rem}.login-card input{width:100%;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.875rem 1rem;color:var(--text-primary);font-size:.9375rem;transition:var(--transition-fast);margin-bottom:1.25rem}.login-card input::placeholder{color:var(--text-dim)}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-card input:disabled{opacity:.6;cursor:not-allowed}.login-card .error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);color:var(--error);padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1.5rem}.login-card .disclaimer{text-align:center;font-size:.75rem;color:var(--text-dim);margin-top:2rem}footer{position:relative;z-index:10;padding:3rem 1.5rem;text-align:center;font-size:.875rem;color:var(--text-dim)}footer p{opacity:.7}.flex{display:flex}.flex-col{flex-direction:column}@media(min-width:480px){.xs\:inline{display:inline}.xs\:hidden{display:none}}@media(max-width:479px){.xs\:inline{display:none}.xs\:hidden{display:inline}}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.w-full{width:100%}.h-full{height:100%}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-12{width:3rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-200{z-index:200}.z-modal{z-index:1000}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}@media(min-width:768px){.md\:text-7xl{font-size:4.5rem}}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}.text-primary-light{color:var(--primary-light)}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-fast)}.transition-transform{transition:transform var(--transition-base)}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.animate-spin{animation:spin 1s linear infinite}.col-span-full{grid-column:1 / -1}.space-y-6>*+*{margin-top:1.5rem}.line-clamp-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hover\:scale-110:hover,.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:text-primary{color:var(--primary-light)}.focus\:outline-none:focus{outline:none}.focus\:border-primary:focus{border-color:var(--primary)}svg{display:block;flex-shrink:0}.hidden{display:none}@media(min-width:640px){.sm\:block{display:block}}@media(min-width:768px){.md\:flex{display:flex}.md\:block{display:block}}