@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";#app{min-height:100vh;background-color:var(--bg-dark)}:root{--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--status-warning: #f59e0b;--status-success: #10b981;--status-info: #0ea5e9;--status-error: #ef4444;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .4);--primary-light: rgba(59, 130, 246, .15);--primary-rgb: 59, 130, 246;--bg-dark: #020617;--bg-surface: #0f172a;--bg-card: rgba(15, 23, 42, .6);--bg-body: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-tertiary: #475569;--success: #22c55e;--success-color: #22c55e;--error: #ef4444;--error-color: #ef4444;--warning-color: #f59e0b;--secondary: #8b5cf6;--accent: rgba(255, 255, 255, .03);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-text: linear-gradient(135deg, #f1f5f9 0%, #94a3b8 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .4);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--card-shadow: 0 10px 40px -10px rgba(0, 0, 0, .5);--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-muted-dark: #475569;--grad-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-surface: linear-gradient(180deg, rgba(15, 23, 42, 1) 0%, rgba(2, 6, 23, 1) 100%);--text-main: var(--text-primary)}[data-theme=light]{--bg-dark: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-body: #f1f5f9;--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .2);--primary-light: rgba(37, 99, 235, .1);--primary-rgb: 37, 99, 235;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--text-main: var(--text-primary);--text-muted-dark: #94a3b8;--success: #16a34a;--success-color: #16a34a;--error: #dc2626;--error-color: #dc2626;--warning-color: #d97706;--secondary: #7c3aed;--accent: rgba(0, 0, 0, .03);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-text: linear-gradient(135deg, #1e293b 0%, #475569 100%);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(15, 23, 42, .08);--glass-blur: blur(16px);--card-shadow: 0 10px 40px -10px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .1);--grad-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--grad-surface: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 1) 100%);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.font-heading{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:16px}.glass-morphism{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-premium{position:relative;padding:12px 28px;background:var(--grad-primary);color:#fff;border-radius:12px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-base);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px -1px var(--primary-glow)}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px var(--primary-glow);filter:brightness(1.1)}.btn-premium:active{transform:translateY(0)}.badge-premium{padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.animate-in{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}