:root{--color-primary: #8B5CF6;--color-primary-dark: #7C3AED;--color-primary-light: #F3E8FF;--color-accent: #EC4899;--color-text-main: #1F2937;--color-text-muted: #6B7280;--color-bg-page: #F5F7FA;--color-bg-surface: #FFFFFF;--gradient-hero: linear-gradient(135deg, #F5F3FF 0%, #FFFFFF 100%);--gradient-card: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--shadow-xs: 0 1px 2px 0 rgba(139, 92, 246, .05);--shadow-sm: 0 1px 3px 0 rgba(139, 92, 246, .1), 0 1px 2px 0 rgba(139, 92, 246, .06);--shadow-md: 0 4px 6px -1px rgba(139, 92, 246, .1), 0 2px 4px -1px rgba(139, 92, 246, .06);--shadow-lg: 0 10px 15px -3px rgba(139, 92, 246, .1), 0 4px 6px -2px rgba(139, 92, 246, .05);--shadow-xl: 0 20px 25px -5px rgba(139, 92, 246, .1), 0 10px 10px -5px rgba(139, 92, 246, .04);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--container-padding: 2rem;--max-width: 1200px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-page);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.875rem 2rem;border-radius:9999px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf63b;filter:brightness(1.1)}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(139,92,246,.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}