:root{--violet-primary: #8b5cf6;--violet-secondary: #7c3aed;--violet-light: #a78bfa;--violet-pale: #c084fc;--violet-glow: rgba(139, 92, 246, .3);--violet-subtle: rgba(139, 92, 246, .1);--violet-border: rgba(139, 92, 246, .25);--color-success: #4ade80;--color-danger: #f87171;--color-warning: #f59e0b;--color-info: #38bdf8;--color-premium: #f59e0b;--bg-primary: #0d0d0f;--bg-secondary: #1a1a2e;--bg-card: #16162a;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: rgba(255, 255, 255, .35);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 16px rgba(139, 92, 246, .35);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--z-base: 1;--z-card: 10;--z-header: 50;--z-sticky: 80;--z-modal: 100;--z-toast: 200;--gradient-brand: linear-gradient(135deg, #8b5cf6, #c084fc);--gradient-brand-h: linear-gradient(90deg, #8b5cf6, #a78bfa);--gradient-premium: linear-gradient(135deg, #f59e0b, #ef4444);--content-padding: 16px;--grid-columns: 2;--card-radius: var(--radius-lg)}@media (min-width: 640px){:root{--content-padding: 24px;--grid-columns: 3;--card-radius: var(--radius-xl)}}@media (min-width: 1024px){:root{--content-padding: 32px;--grid-columns: 4;--card-radius: var(--radius-xl)}}@media (min-width: 1440px){:root{--grid-columns: 5}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;background:linear-gradient(180deg,var(--bg-primary) 0%,#0a0a14 100%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--violet-primary);border-radius:3px}.responsive-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:12px}@media (min-width: 640px){.responsive-grid{gap:16px}}@media (min-width: 1024px){.responsive-grid{gap:20px}}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chip{display:inline-flex;align-items:center;padding:5px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.chip.active{background:var(--violet-primary);border-color:transparent;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;transition:opacity var(--transition-base),transform var(--transition-base)}.btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm)}.btn--ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.btn--danger{background:var(--color-danger);color:#fff}