@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .4);--accent: #f43f5e;--accent-dark: #e11d48;--accent-light: #fb7185;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--surface-light: #f8fafc;--surface-dark: #0f172a;--surface-darker: #020617;--text-primary-light: #1e293b;--text-secondary-light: #64748b;--text-tertiary-light: #94a3b8;--text-primary-dark: #f1f5f9;--text-secondary-dark: #cbd5e1;--text-tertiary-dark: #94a3b8;--glass-light: rgba(255, 255, 255, .7);--glass-dark: rgba(15, 23, 42, .7);--glass-border-light: rgba(255, 255, 255, .3);--glass-border-dark: rgba(255, 255, 255, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--ease-premium: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--surface-light);color:var(--text-primary-light);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark-theme{background-color:var(--surface-dark);color:var(--text-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}a{color:var(--primary);text-decoration:none;transition:color var(--duration-normal) var(--ease-premium)}a:hover{color:var(--primary-dark)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.gradient-bg-accent{background:linear-gradient(135deg,var(--accent),var(--accent-light))}.glass-morphism{background:var(--glass-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border-light)}.dark-theme .glass-morphism{background:var(--glass-dark);border:1px solid var(--glass-border-dark)}.hover-lift{transition:transform var(--duration-normal) var(--ease-premium),box-shadow var(--duration-normal) var(--ease-premium)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--duration-normal) var(--ease-spring)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-premium)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.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-md);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--primary-glow)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-ghost{background:#ffffff0d;color:var(--text-primary-dark);border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:#ffffff1a}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-premium)}.dark-theme .card{background:var(--surface-dark);box-shadow:0 10px 30px #0000004d}.card:hover{box-shadow:var(--shadow-xl)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#6366f11a;color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-glow);color:#fff}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}