:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--accent-400: #fb7185;--accent-500: #f43f5e;--accent-600: #e11d48;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--bg-primary: #fafafa;--bg-secondary: #f4f4f5;--bg-card: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--border-color: #e4e4e7;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #d946ef 100%);--gradient-accent: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--gradient-surface: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow: 0 0 40px rgba(59, 130, 246, .3);--shadow-glow-accent: 0 0 40px rgba(244, 63, 94, .3);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}.dark{--bg-primary: #0f0f0f;--bg-secondary: #171717;--bg-card: #1f1f1f;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #2e2e2e;--gradient-glass: linear-gradient(135deg, rgba(30,30,30,.9) 0%, rgba(20,20,20,.7) 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn .4s var(--spring) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.stagger-children>*{opacity:0;animation:fadeInUp .5s var(--ease-out-expo) forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);transition:background-color .3s ease}.dark .glass{background:#1e1e1ed9;border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.spinner{width:48px;height:48px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-pattern{background-color:var(--bg-primary);background-image:radial-gradient(at 40% 20%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(217,70,239,.05) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(244,63,94,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,130,246,.1) 0px,transparent 50%);transition:background-color .3s ease}.dark .bg-pattern{background-color:var(--bg-primary);background-image:radial-gradient(at 40% 20%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(139,92,246,.12) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(217,70,239,.08) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(244,63,94,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,130,246,.12) 0px,transparent 50%)}