@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#13131f;--color-bg-tertiary:#1b1b2f;--color-bg-card:#1a1f3a99;--color-bg-card-hover:#1a1f3ae6;--color-accent-primary:#6366f1;--color-accent-secondary:#8b5cf6;--color-accent-tertiary:#ec4899;--color-primary:#6366f1;--color-secondary:#a855f7;--color-accent:#f43f5e;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#ffffff14;--color-glass:#1e1e3299;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-lg:0 10px 40px -10px #00000080;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-main);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body{background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#a855f71a 0,#0000 50%);background-attachment:fixed;min-height:100vh}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:0 12px 24px #6366f133}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-primary)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:#10b98133;border:1px solid #10b9814d}.badge-warning{color:var(--color-warning);background:#f59e0b33;border:1px solid #f59e0b4d}.badge-error{color:var(--color-error);background:#ef444433;border:1px solid #ef44444d}.badge-info{color:var(--color-info);background:#3b82f633;border:1px solid #3b82f64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-in{animation:slideIn var(--transition-base)ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)0%,var(--color-bg-card)50%,var(--color-bg-tertiary)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}.container{width:100%;max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:.875rem}.input:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--color-text-muted)}